:root{--film-deep: #f8f4ee;--film-mid: #f1ece2;--film-card: #ffffff;--film-line: #e2dbd0;--film-cream: #1c1917;--film-cream-dim: #6b645e;--film-gold: #c96a42;--film-gold-soft: rgba(201, 106, 66, .12);--app-grain-opacity: .24;--app-flare-opacity: .5;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;--font-heading: "Oswald", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;--sky-deep: #2d6a7a;--sky-mid: #3d8a9c;--sky-light: #5aaabb}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--film-deep: #14100c;--film-mid: #1c1712;--film-card: #241e18;--film-line: #3a322a;--film-cream: #f2ece2;--film-cream-dim: #b3a99c;--film-gold-soft: rgba(201, 106, 66, .18)}}:root[data-theme=dark]{--film-deep: #14100c;--film-mid: #1c1712;--film-card: #241e18;--film-line: #3a322a;--film-cream: #f2ece2;--film-cream-dim: #b3a99c;--film-gold-soft: rgba(201, 106, 66, .18)}:root[data-theme=sepia]{--film-deep: #f1e6d3;--film-mid: #e8d9be;--film-card: #faf3e6;--film-line: #d8c4a2;--film-cream: #3a2f1f;--film-cream-dim: #7a6a52;--film-gold-soft: rgba(201, 106, 66, .14)}:root[data-theme=ocean]{--film-deep: #0c1a24;--film-mid: #12242f;--film-card: #17303d;--film-line: #2b4a5a;--film-cream: #e6f2f5;--film-cream-dim: #9db8c2;--film-gold-soft: rgba(74, 144, 201, .2)}:root[data-theme=forest]{--film-deep: #10160f;--film-mid: #182118;--film-card: #1f2b1e;--film-line: #34432f;--film-cream: #eef2e6;--film-cream-dim: #a9b89e;--film-gold-soft: rgba(122, 140, 74, .2)}:root[data-theme=midnight]{--film-deep: #0d0b18;--film-mid: #16132a;--film-card: #1e1a38;--film-line: #352f5c;--film-cream: #ece9f7;--film-cream-dim: #ada6c9;--film-gold-soft: rgba(132, 82, 201, .22)}:root[data-theme=contrast]{--film-deep: #000000;--film-mid: #0a0a0a;--film-card: #141414;--film-line: #4a4a4a;--film-cream: #ffffff;--film-cream-dim: #d4d4d4;--film-gold-soft: rgba(201, 106, 66, .28)}:root[data-theme=sakura]{--film-deep: #ffdcea;--film-mid: #ffc4dc;--film-card: #fff0f6;--film-line: #f7a8c8;--film-cream: #5c1f3a;--film-cream-dim: #a05575;--film-gold-soft: rgba(232, 90, 145, .2)}:root[data-theme=lavender]{--film-deep: #e8def8;--film-mid: #dbc9f5;--film-card: #f5efff;--film-line: #c4a8ee;--film-cream: #3d2463;--film-cream-dim: #7a5fa8;--film-gold-soft: rgba(140, 95, 220, .2)}:root[data-theme=emerald]{--film-deep: #04231c;--film-mid: #06342a;--film-card: #084438;--film-line: #0f6b57;--film-cream: #e3fff6;--film-cream-dim: #8fd4c0;--film-gold-soft: rgba(16, 185, 129, .24)}:root[data-theme=mint]{--film-deep: #d6f7ec;--film-mid: #b8f0de;--film-card: #eafff8;--film-line: #7fdcc0;--film-cream: #10493a;--film-cream-dim: #4e8a76;--film-gold-soft: rgba(20, 165, 125, .2)}:root[data-theme=liminal]{--film-deep: #d5cf9c;--film-mid: #c7bf87;--film-card: #e6e1ba;--film-line: #aba06a;--film-cream: #34301a;--film-cream-dim: #6b6540;--film-gold-soft: rgba(140, 122, 40, .2)}:root[data-theme=canary]{--film-deep: #f5d400;--film-mid: #e3c400;--film-card: #fff3a3;--film-line: #c9a800;--film-cream: #3a2f00;--film-cream-dim: #7a6600;--film-gold-soft: rgba(180, 140, 0, .22)}*{box-sizing:border-box}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html,body,#root{margin:0;min-height:100%;min-height:100vh}html{background:var(--film-deep);overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);color:var(--film-cream);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background:var(--film-deep);overflow-x:clip}h1,h2{font-family:var(--font-display)}.section-heading{font-family:var(--font-heading);font-weight:700;font-style:normal;letter-spacing:-.01em}#root{position:relative;z-index:0}#root:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse 120% 46% at 78% -8%,rgba(255,255,255,var(--app-flare-opacity)),transparent 72%),radial-gradient(ellipse 100% 40% at -5% 55%,rgba(255,255,255,calc(var(--app-flare-opacity) * .7)),transparent 74%),radial-gradient(ellipse 95% 42% at 102% 96%,rgba(255,255,255,calc(var(--app-flare-opacity) * .65)),transparent 75%);background-repeat:no-repeat}#root:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.4' intercept='-0.6'/%3E%3CfeFuncG type='linear' slope='2.4' intercept='-0.6'/%3E%3CfeFuncB type='linear' slope='2.4' intercept='-0.6'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:120px 120px;mix-blend-mode:overlay;opacity:var(--app-grain-opacity)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--film-gold);outline-offset:2px;border-radius:4px}button{font-family:inherit;cursor:pointer}.film-card{box-shadow:0 1px 4px #00000014}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none;overflow-y:hidden;overscroll-behavior-y:none}.no-scrollbar::-webkit-scrollbar{display:none}.tl-popup{display:none}.tl-popup.tl-popup--active{display:block}@media(hover:hover)and (pointer:fine){.tl-chip-wrap:hover .tl-popup{display:block}.scroll-card{transition:transform .18s ease,box-shadow .18s ease}.scroll-card:hover{transform:scale(1.03);box-shadow:0 6px 18px #00000024;z-index:1}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide-up{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dialog-pop{0%{transform:scale(.94) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.anim-dialog{animation:dialog-pop .32s cubic-bezier(.22,1.1,.36,1) both}@keyframes thumb-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.anim-backdrop{animation:backdrop-fade-in .2s ease both;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.anim-sheet{animation:sheet-slide-up .42s cubic-bezier(.22,1.08,.32,1) both}.anim-thumb{animation:thumb-pop .4s .06s cubic-bezier(.34,1.56,.64,1) both}@keyframes crt-noise-shift{0%{transform:translate(0)}10%{transform:translate(-2%,-4%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,3%)}40%{transform:translate(2%,-2%)}50%{transform:translate(-3%,1%)}60%{transform:translate(1%,-3%)}70%{transform:translate(-2%,2%)}80%{transform:translate(2%,3%)}90%{transform:translate(-1%,-2%)}to{transform:translate(0)}}@keyframes channel-flash{0%{opacity:.85}40%{opacity:.5}to{opacity:0}}@keyframes channel-roll{0%{transform:translateY(-14%)}50%{transform:translateY(10%)}to{transform:translateY(0)}}@keyframes crt-standby-line{0%,to{opacity:.5;transform:scaleX(.74)}50%{opacity:1;transform:scaleX(1)}}@keyframes crt-open-top{0%,12%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes crt-open-bottom{0%,12%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes crt-seam{0%,20%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.04)}}.crt-noise-layer{position:absolute;inset:-10%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;animation:crt-noise-shift .6s steps(6) infinite;mix-blend-mode:multiply;opacity:.36;pointer-events:none}.crt-scanlines{position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.3) 0px,rgba(0,0,0,.3) 1px,transparent 2px,transparent 3px);mix-blend-mode:multiply;opacity:.22;pointer-events:none}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(100deg,var(--film-mid) 40%,color-mix(in srgb,var(--film-mid) 80%,#fff) 50%,var(--film-mid) 60%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes page-enter{0%{opacity:0}to{opacity:1}}.anim-page{animation:page-enter .28s ease both}.tilt-card{transform:rotate(var(--tilt, 0deg));transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform-origin:center center}@media(hover:hover){.tilt-card:hover{transform:rotate(0) scale(1.02)}}.tilt-card:active{transform:rotate(0) scale(1.02)}@media(prefers-reduced-motion:reduce){.tilt-card{transform:none;transition:none}}@keyframes ambient-drift-a{0%{transform:translate(0) scale(1) rotate(0);opacity:.14}50%{transform:translate(9vw,6vh) scale(1.18) rotate(12deg);opacity:.1}to{transform:translate(-6vw,10vh) scale(.94) rotate(-8deg);opacity:.16}}@keyframes ambient-drift-b{0%{transform:translate(0) scale(1.05) rotate(0);opacity:.12}50%{transform:translate(-10vw,-5vh) scale(.9) rotate(-14deg);opacity:.16}to{transform:translate(7vw,-9vh) scale(1.15) rotate(9deg);opacity:.1}}@keyframes ambient-drift-c{0%{transform:translate(0) scale(.95) rotate(0);opacity:.11}50%{transform:translate(6vw,-8vh) scale(1.12) rotate(10deg);opacity:.15}to{transform:translate(-8vw,5vh) scale(1) rotate(-11deg);opacity:.12}}.ambient-orb-0{animation:ambient-drift-a 60s ease-in-out infinite alternate}.ambient-orb-1{animation:ambient-drift-b 75s ease-in-out infinite alternate}.ambient-orb-2{animation:ambient-drift-c 90s ease-in-out infinite alternate}@keyframes ambient-light-pass{0%{transform:rotate(-20deg) translate(-60vw)}to{transform:rotate(-20deg) translate(160vw)}}.ambient-light{animation:ambient-light-pass 3s linear both}@keyframes grain-jitter{0%{background-position:0 0}12.5%{background-position:-32px 18px}25%{background-position:46px -24px}37.5%{background-position:-18px -40px}50%{background-position:28px 34px}62.5%{background-position:-44px 8px}75%{background-position:14px -30px}87.5%{background-position:-8px 44px}to{background-position:0 0}}.film-grain-overlay{position:fixed;inset:0;z-index:90;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:120px 120px;opacity:.04;animation:grain-jitter 1s steps(1) infinite}@media(prefers-reduced-motion:reduce){.ambient-orb-0,.ambient-orb-1,.ambient-orb-2,.ambient-light,.film-grain-overlay,.crt-noise-layer{animation:none!important}}.motion-paused .ambient-orb-0,.motion-paused .ambient-orb-1,.motion-paused .ambient-orb-2,.motion-paused .ambient-light,.motion-paused .film-grain-overlay,.motion-paused .crt-noise-layer{animation-play-state:paused!important}.web-card{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease;will-change:transform}.web-card:hover{transform:translateY(-6px) scale(1.045);box-shadow:0 18px 40px #00000073;z-index:2}.web-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:12px 4px 18px;scrollbar-width:none}.web-row::-webkit-scrollbar{display:none}.web-row>*{scroll-snap-align:start}.crt-vignette-layer{position:absolute;inset:0;background:radial-gradient(ellipse 100% 85% at 50% 42%,transparent 28%,rgba(0,0,0,.96) 100%);pointer-events:none}.crt-vignette-layer.crt-vignette-soft{background:radial-gradient(ellipse 120% 110% at 50% 45%,transparent 62%,rgba(0,0,0,.42) 100%)}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--film-cream-dim);animation:typing-bounce 1.1s infinite ease-in-out}@keyframes ring-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}.ring-pulse{transform-origin:36px 36px;animation:ring-pulse 1.6s ease-in-out infinite}.skeleton-block{display:block;background:linear-gradient(90deg,var(--film-mid) 0%,var(--film-line) 50%,var(--film-mid) 100%);background-size:220% 100%;animation:skeleton-sweep 1.25s ease-in-out infinite}@keyframes skeleton-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.skeleton-card{opacity:.75}@media(prefers-reduced-motion:reduce){.skeleton-block{animation:none}}.anim-fade-in{animation:fade-in .32s ease-out both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.anim-fade-in{animation:none}.crt-standby-still{animation:none!important}}