:root{--ink: #0f172a;--ink-soft: #1e293b;--muted: #475569;--muted-2: #64748b;--paper: #fbfbf7;--paper-soft: #f4f4ec;--card: #ffffff;--line: #e7e4da;--cyan: #06b6d4;--teal: #14b8a6;--emerald: #10b981;--lime: #84cc16;--yellow: #facc15;--amber: #f59e0b;--orange: #fb923c;--coral: #f97316;--red: #ef4444;--primary: #0d9488;--primary-dark: #0f766e;--primary-soft: #e6faf4;--accent: #10b981;--accent-dark: #059669;--accent-soft: #e8fbf3;--warm: #f97316;--warm-dark: #ea580c;--grad-brand: linear-gradient(115deg, #06b6d4 0%, #14b8a6 48%, #10b981 100%);--grad-spectrum: linear-gradient( 100deg, #10b981 0%, #84cc16 26%, #facc15 50%, #fb923c 76%, #f97316 100% );--radius: 18px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 10px 30px rgba(15, 23, 42, .08);--shadow-card: 0 18px 50px rgba(15, 23, 42, .12);--shadow-brutal: 8px 8px 0 #0f172a;--shadow-brutal-sm: 6px 6px 0 #0f172a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.6}button{font-family:inherit;cursor:pointer}a{color:inherit}.spectrum-bar{height:6px;width:100%;background:var(--grad-spectrum);border:0}.marker{background:linear-gradient(transparent 58%,#14b8a652 58%);padding:0 .06em}.caution-stripe{background:repeating-linear-gradient(45deg,#facc15 0,#facc15 14px,#0f172a 14px,#0f172a 28px)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}@keyframes pop-in{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pop-in{animation:pop-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes mascot-wobble{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-3deg) translateY(-2px)}50%{transform:rotate(0) translateY(0)}75%{transform:rotate(3deg) translateY(-2px)}}.mascot-wobble{animation:mascot-wobble 4.2s ease-in-out infinite;transform-origin:center bottom}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal.is-revealed{opacity:1;transform:none}.reveal.is-revealed.delay-1{transition-delay:.08s}.reveal.is-revealed.delay-2{transition-delay:.16s}.reveal.is-revealed.delay-3{transition-delay:.24s}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:inline-flex;align-items:center;gap:36px;animation:marquee 32s linear infinite;white-space:nowrap;will-change:transform}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-y{animation:float-y 5.5s ease-in-out infinite}.float-y-slow{animation:float-y 7.5s ease-in-out infinite}.brutal-hover{transition:transform .12s ease-out,box-shadow .12s ease-out}.brutal-hover:hover{transform:translate(-2px,-2px)}.brutal-hover:active{transform:translate(2px,2px)}@media (prefers-reduced-motion: reduce){.mascot-wobble,.marquee-track,.float-y,.float-y-slow,.pop-in{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}