:root{--font-heading: "Zen Kaku Gothic New", system-ui, sans-serif;--font-body: "Noto Sans JP", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", monospace;--font-feature-numeric: "tnum" 1, "lnum" 1;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-5xl: 4.5rem;--leading-tight: 1.15;--leading-snug: 1.4;--leading-normal: 1.6;--leading-jp: 1.8;--tracking-heading: -.02em;--tracking-tight: -.04em;--tracking-normal: 0;--tracking-wide: .04em;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 900;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--radius-button: 6px;--radius-card: 12px;--radius-modal: 16px;--radius-pill: 9999px;--radius-input: 6px;--border-width: 1px;--border-color: rgba(0, 0, 0, .1);--border-color-strong: rgba(0, 0, 0, .18);--shadow-button: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 0 1px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .12);--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-card-hover: 0 12px 24px rgba(0, 0, 0, .1);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .18);--shadow-none: none;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .6s;--hover-lift: -4px;--stagger: .1s;--container-lp: 1200px;--container-prose: 720px;--container-app: 1440px;--sidebar-width: 240px;--sidebar-width-compact: 64px;--gray-50: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #868e96;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--gray-950: #14171a;--color-success: #2f9e44;--color-warning: #e8a13a;--color-danger: #e03131;--color-info: #1971c2;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: var(--gray-50);--color-text: #1a2433;--color-text-muted: var(--gray-600);--color-heading: #0f1828;--color-primary: #2b59ff;--color-primary-hover: #1f47d6;--color-on-primary: #ffffff;--color-accent: #ff7a45;--color-on-accent: #ffffff;--color-border: var(--border-color);--color-focus: #2b59ff;--z-base: 1;--z-sticky: 100;--z-overlay: 1000;--z-modal: 1100;--z-toast: 1200}[data-context=app]{--text-base: .875rem;--leading-normal: 1.5;--leading-jp: 1.6;--shadow-card: var(--shadow-none);--radius-card: 8px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: .01s;--duration-base: .01s;--duration-slow: .01s;--hover-lift: 0px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-jp);color:var(--color-text);background:var(--color-bg);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);color:var(--color-heading);font-weight:var(--weight-bold);margin:0 0 var(--space-4);word-break:auto-phrase;overflow-wrap:anywhere;text-wrap:balance}h1{font-size:var(--text-4xl);font-weight:var(--weight-black)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}p,li,dd,figcaption,blockquote{margin:0 0 var(--space-4);word-break:auto-phrase;text-wrap:pretty}li,dd,figcaption,blockquote{margin:0}a{color:var(--color-primary);text-decoration:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.numeric{font-feature-settings:var(--font-feature-numeric);font-variant-numeric:tabular-nums}:root{--font-heading: "Inter", system-ui, sans-serif;--font-body: "Inter", "Noto Sans JP", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Geist Mono", monospace;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f8f9fa;--color-text: #1a2230;--color-text-muted: #687485;--color-heading: #0d1420;--color-primary: #4c5fef;--color-primary-hover: #3b4cd6;--color-on-primary: #ffffff;--color-accent: #4c5fef;--color-on-accent: #ffffff;--color-focus: #4c5fef;--border-color: rgba(0, 0, 0, .09);--border-color-strong: rgba(0, 0, 0, .16);--radius-button: 6px;--radius-card: 8px;--radius-input: 6px}[data-theme=dark]{--color-bg: #0e1116;--color-surface: #161b22;--color-surface-alt: #1c2230;--color-text: #e6e9ef;--color-text-muted: #97a1b0;--color-heading: #f2f4f8;--color-primary: #6675ff;--color-primary-hover: #7d8aff;--color-on-primary: #ffffff;--color-accent: #6675ff;--color-on-accent: #ffffff;--border-color: rgba(255, 255, 255, .08);--border-color-strong: rgba(255, 255, 255, .16);--color-focus: #6675ff;--shadow-card: none}:root{--grad-hero: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);--grad-soft: linear-gradient(180deg, #fafbfc 0%, #f8f9fa 100%);--fx-glow: rgba(76, 95, 239, .06);--fx-texture-opacity: 0;--fx-dark-bg: #0e1116;--fx-dark-text: #e6e9ef;--fx-dark-muted: #97a1b0;--fx-dark-line: rgba(255, 255, 255, .08);--fx-reveal-distance: 8px;--fx-reveal-duration: .4s}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-base);line-height:1;padding:var(--space-3) var(--space-6);border-radius:var(--radius-button);border:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ds-btn:hover{transform:translateY(var(--hover-lift))}.ds-btn:active{transform:translateY(0)}.ds-btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-button)}.ds-btn--primary:hover{background:var(--color-primary-hover)}.ds-btn--accent{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-button)}.ds-btn--ghost{background:transparent;color:var(--color-primary);border:var(--border-width) solid var(--color-border)}.ds-btn--ghost:hover{background:var(--color-surface-alt)}.ds-btn--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.ds-btn--block{width:100%}.ds-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-card);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.ds-card--interactive:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-card-hover)}.ds-section{padding:var(--space-32) var(--space-6)}.ds-section--alt{background:var(--color-surface-alt)}.ds-container{max-width:var(--container-lp);margin-inline:auto}.ds-prose{max-width:var(--container-prose);margin-inline:auto}.ds-hero{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-12);align-items:center;min-height:70vh;padding:var(--space-16) var(--space-6)}.ds-hero__title{font-size:var(--text-5xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6)}.ds-hero__lead{font-size:var(--text-lg);color:var(--color-text-muted)}@media(max-width:768px){.ds-hero{grid-template-columns:1fr;min-height:auto;gap:var(--space-8)}.ds-hero__title{font-size:var(--text-3xl)}}.ds-field{margin-bottom:var(--space-4)}.ds-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-2);color:var(--color-text)}.ds-input,.ds-textarea,.ds-select{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3);color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--border-color-strong);border-radius:var(--radius-input);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.ds-input:focus,.ds-textarea:focus,.ds-select:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 18%,transparent)}.ds-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-muted)}.ds-badge--success{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}.ds-badge--danger{background:color-mix(in srgb,var(--color-danger) 14%,transparent);color:var(--color-danger)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ds-table th{text-align:left;font-weight:var(--weight-medium);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-color-strong);position:sticky;top:0;background:var(--color-surface)}.ds-table td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-color)}.ds-table tbody tr:hover{background:var(--color-surface-alt)}.ds-table .num{text-align:right;font-variant-numeric:tabular-nums}.ds-sidebar{width:var(--sidebar-width);height:100vh;padding:var(--space-4);background:var(--color-surface);border-right:var(--border-width) solid var(--color-border)}.ds-nav-item{display:flex;align-items:center;gap:var(--space-3);height:36px;padding-inline:var(--space-3);border-radius:var(--radius-button);color:var(--color-text-muted);font-size:var(--text-sm);transition:background var(--duration-fast)}.ds-nav-item:hover{background:var(--color-surface-alt);color:var(--color-text)}.ds-nav-item--active{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-weight:var(--weight-medium)}.ds-empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted)}.ds-empty__icon{font-size:2rem;opacity:.4;margin-bottom:var(--space-3)}.ds-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);max-width:360px;padding:var(--space-3) var(--space-4);background:var(--color-heading);color:#fff;border-radius:var(--radius-button);box-shadow:var(--shadow-modal);font-size:var(--text-sm)}.ds-skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 25%,color-mix(in srgb,var(--color-surface-alt) 60%,var(--color-surface)) 50%,var(--color-surface-alt) 75%);background-size:200% 100%;animation:ds-shimmer 1.4s infinite;border-radius:var(--radius-input)}@keyframes ds-shimmer{to{background-position:-200% 0}}.ds-reveal{opacity:0;transform:translateY(16px);filter:blur(8px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),filter var(--duration-slow) var(--ease-out)}.ds-reveal.is-visible{opacity:1;transform:none;filter:none}.ds-cta-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:none;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border-top:var(--border-width) solid var(--color-border)}@media(max-width:768px){.ds-cta-bar{display:flex}}.ds-cta-bar .ds-btn{flex:1}.fx-surface{background:var(--grad-soft, var(--color-surface-alt))}.fx-hero{position:relative;background:radial-gradient(52% 44% at 78% 8%,var(--fx-glow, transparent),transparent 72%),var(--grad-hero, var(--color-bg))}.fx-dark{background:radial-gradient(56% 48% at 82% 0%,var(--fx-glow, transparent),transparent 70%),var(--fx-dark-bg, var(--color-heading));color:var(--fx-dark-text, #e8ebf0);--color-text: var(--fx-dark-text, #e8ebf0);--color-text-muted: var(--fx-dark-muted, rgba(232, 235, 240, .66));--color-heading: var(--fx-dark-text, #ffffff);--color-border: var(--fx-dark-line, rgba(255, 255, 255, .12));--border-color: var(--fx-dark-line, rgba(255, 255, 255, .12))}.fx-dark h1,.fx-dark h2,.fx-dark h3,.fx-dark h4{color:var(--fx-dark-text, #ffffff)}.fx-noise:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--fx-texture-opacity, .04);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fx-noise>*{position:relative;z-index:1}.fx-dark.fx-noise:before,.fx-dark .fx-noise:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:calc(var(--fx-texture-opacity, .04) * 2.2)}.fx-dots{background-image:radial-gradient(85% 70% at 50% 40%,transparent 40%,var(--color-bg) 95%),radial-gradient(color-mix(in srgb,var(--color-heading) 14%,transparent) 1px,transparent 1.6px);background-size:auto,28px 28px}.fx-dark.fx-dots{background-image:radial-gradient(85% 70% at 50% 40%,transparent 40%,var(--fx-dark-bg, var(--color-heading)) 95%),radial-gradient(color-mix(in srgb,var(--fx-dark-text, #fff) 16%,transparent) 1px,transparent 1.6px),radial-gradient(56% 48% at 82% 0%,var(--fx-glow, transparent),transparent 70%);background-size:auto,28px 28px,auto}.fx-lines{background-image:linear-gradient(color-mix(in srgb,var(--color-heading) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-heading) 7%,transparent) 1px,transparent 1px);background-size:56px 56px}.fx-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:inset 0 1px #fff9,0 1px 2px #0f18280a,0 4px 12px #0f18280f,0 16px 32px #0f18280d}.fx-dark .fx-card{background:color-mix(in srgb,var(--fx-dark-text, #fff) 6%,transparent);border-color:var(--fx-dark-line, rgba(255, 255, 255, .12));box-shadow:inset 0 1px #ffffff12,0 12px 32px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fx-glass{background:color-mix(in srgb,var(--color-bg) 72%,transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--color-border)}.fx-elevate{border-radius:var(--radius-card);box-shadow:0 2px 4px #0f18280f,0 12px 24px #0f18281a,0 32px 64px -12px color-mix(in srgb,var(--color-primary) 24%,transparent)}.fx-num{font-family:var(--font-heading);font-weight:var(--weight-black, 900);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--grad-ink, linear-gradient(var(--color-heading), var(--color-heading)));-webkit-background-clip:text;background-clip:text;color:transparent}.fx-watermark{position:relative;overflow:hidden}.fx-watermark:after{content:attr(data-mark);position:absolute;right:-.04em;bottom:-.14em;z-index:0;font-family:var(--font-heading);font-weight:var(--weight-black, 900);font-size:clamp(120px,22vw,320px);line-height:1;color:var(--color-heading);opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none}.fx-dark.fx-watermark:after{color:var(--fx-dark-text, #fff);opacity:.06}.fx-watermark>*{position:relative;z-index:1}.fx-streak{position:relative;overflow:hidden}.fx-streak:before{content:"";position:absolute;inset:-20%;z-index:0;background:linear-gradient(115deg,transparent 40%,color-mix(in srgb,var(--color-accent) 9%,transparent) 52%,transparent 64%);transform:rotate(-3deg);pointer-events:none}.fx-streak>*{position:relative;z-index:1}.fx-orbs{position:relative;overflow:hidden}.fx-orbs:before,.fx-orbs:after{content:"";position:absolute;z-index:0;width:42vw;height:42vw;max-width:640px;max-height:640px;border-radius:50%;filter:blur(90px);opacity:.3;pointer-events:none}.fx-orbs:before{background:var(--color-primary);top:-12%;left:-6%}.fx-orbs:after{background:var(--color-accent);bottom:-18%;right:-4%;opacity:.18}.fx-orbs>*{position:relative;z-index:1}.fx-edge{border:1px solid transparent;background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 55%,transparent),color-mix(in srgb,var(--color-accent) 45%,transparent)) border-box}.fx-dark .fx-edge{background:linear-gradient(color-mix(in srgb,var(--fx-dark-bg, #10151c) 92%,#ffffff),color-mix(in srgb,var(--fx-dark-bg, #10151c) 92%,#ffffff)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 70%,transparent),color-mix(in srgb,var(--color-accent) 50%,transparent)) border-box}@media(hover:hover){.fx-spotlight{position:relative}.fx-spotlight:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(320px circle at var(--mx, 70%) var(--my, 20%),var(--fx-glow, transparent),transparent 72%);opacity:0;transition:opacity .4s ease-out;pointer-events:none}.fx-spotlight:hover:after{opacity:1}.fx-spotlight>*{position:relative;z-index:1}}.fx-ring{position:relative}.fx-ring:before{content:"";position:absolute;z-index:0;width:78%;aspect-ratio:1;right:-12%;top:-14%;border:1.5px solid color-mix(in srgb,var(--color-accent) 45%,transparent);border-radius:50%;pointer-events:none}.fx-ring>*{position:relative;z-index:1}@media(prefers-contrast:more){.fx-noise:before,.fx-streak:before,.fx-orbs:before,.fx-orbs:after,.fx-spotlight:after,.fx-watermark:after,.fx-ring:before{display:none}.fx-hero{background:var(--color-bg)}.fx-dark{background:var(--fx-dark-bg, var(--color-heading))}.fx-dots,.fx-lines{background-image:none}}@media print{.fx-hero,.fx-dark,.fx-surface,.fx-dots,.fx-lines{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fx-noise:before,.fx-orbs:before,.fx-orbs:after,.fx-streak:before,.fx-spotlight:after{content:none!important}.fx-glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-bg)}.fx-card{box-shadow:none}.fx-num{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--color-heading)}.fx-dark .fx-num{color:var(--fx-dark-text, #ffffff)}}:root{--fx-reveal-distance: 20px;--fx-reveal-duration: .7s;--fx-reveal-ease: cubic-bezier(.22, 1, .36, 1);--fx-hover-duration: .25s}.fx-motion [data-reveal]{opacity:0;transform:translateY(var(--fx-reveal-distance));transition:opacity var(--fx-reveal-duration) var(--fx-reveal-ease),transform var(--fx-reveal-duration) var(--fx-reveal-ease),filter var(--fx-reveal-duration) var(--fx-reveal-ease);will-change:opacity,transform}.fx-motion [data-reveal=fade]{transform:none}.fx-motion [data-reveal=left]{transform:translate(calc(var(--fx-reveal-distance) * -1.2))}.fx-motion [data-reveal=right]{transform:translate(calc(var(--fx-reveal-distance) * 1.2))}.fx-motion [data-reveal=blur]{filter:blur(10px);transform:translateY(12px)}.fx-motion [data-reveal=clip]{transform:none;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--fx-reveal-ease),opacity .4s linear}.fx-motion [data-reveal].is-in{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}.fx-lift{transition:transform var(--fx-hover-duration) var(--fx-reveal-ease),box-shadow var(--fx-hover-duration) var(--fx-reveal-ease)}.fx-lift:hover{transform:translateY(var(--hover-lift, -4px));box-shadow:var(--shadow-card-hover, 0 12px 24px rgba(0, 0, 0, .1))}.fx-underline{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1.5px;background-repeat:no-repeat;background-position:left 100%;transition:background-size var(--fx-hover-duration) var(--fx-reveal-ease);text-decoration:none;padding-bottom:2px}.fx-underline:hover{background-size:100% 1.5px}.fx-zoom{overflow:hidden}.fx-zoom>img,.fx-zoom>.fx-zoom-target{transition:transform .6s var(--fx-reveal-ease);will-change:transform}.fx-zoom:hover>img,.fx-zoom:hover>.fx-zoom-target{transform:scale(1.04)}.fx-marquee{overflow:hidden;display:flex}.fx-marquee>*{display:flex;gap:var(--space-12, 3rem);align-items:center;flex-shrink:0;min-width:100%;animation:fx-marquee 28s linear infinite;padding-right:var(--space-12, 3rem)}.fx-marquee:hover>*,.fx-marquee:focus-within>*{animation-play-state:paused}@keyframes fx-marquee{to{transform:translate(-100%)}}.fx-float{animation:fx-float 7s ease-in-out infinite}@keyframes fx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@supports (animation-timeline: view()){.fx-parallax{animation:fx-parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes fx-parallax{0%{transform:translateY(24px)}to{transform:translateY(-24px)}}}@media print{.fx-motion [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}.fx-marquee>*,.fx-float,.fx-parallax{animation:none!important}}@media(prefers-reduced-motion:reduce){.fx-motion [data-reveal]{opacity:1;transform:none;filter:none;clip-path:none;transition:none}.fx-lift,.fx-underline,.fx-zoom>img,.fx-zoom>.fx-zoom-target{transition:none}.fx-lift:hover{transform:none}.fx-zoom:hover>img,.fx-zoom:hover>.fx-zoom-target{transform:none}.fx-marquee>*{animation:none}.fx-float,.fx-parallax{animation:none}}:root{--font-body: "Noto Sans JP", "Yu Gothic", sans-serif;--font-heading: var(--font-body);--font-mono: "JetBrains Mono", monospace;--color-bg: #ede1d0;--color-surface: #faf5ec;--color-surface-alt: #efe5d7;--color-text: #2b2430;--color-text-muted: #75677c;--color-heading: #2b2430;--color-primary: #e4002b;--color-primary-hover: #bc092b;--color-accent: #7b5bc4;--color-focus: #7b5bc4;--border-color: #d1bfa8;--radius-card: 8px;--radius-modal: 8px;--radius-button: 4px;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-lg: 17px;--text-xl: 21px;--shadow-card: 0 2px 5px #54382415;--panel-width: clamp(248px, 25vw, 304px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{font:var(--text-base)/1.65 var(--font-body);color:var(--color-text);background:var(--color-bg)}button,select,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button,a,input,select{-webkit-tap-highlight-color:transparent}svg{display:block;width:24px;height:24px;flex:none}h1,h2,h3,p,dl{margin:0}h1,h2,h3{font-family:var(--font-heading);line-height:1.5}h1{font-size:var(--text-xl);letter-spacing:.02em}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}[hidden]{display:none!important}#app{width:100%;max-width:1600px;height:100dvh;margin:auto;position:relative}.topbar{height:88px;padding:max(12px,env(safe-area-inset-top)) 36px 12px;display:flex;align-items:center;gap:28px;background:var(--color-surface);border-bottom:1px solid var(--border-color)}.wordmark{margin-right:auto}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;line-height:1.5}.wordmark .eyebrow{color:var(--color-text-muted)}.visit-chip{display:flex;align-items:baseline;gap:8px;border-left:1px solid var(--border-color);padding-left:24px}.visit-chip b{font-size:var(--text-xl);font-variant-numeric:tabular-nums}.clock{font:var(--text-base) var(--font-mono);color:var(--color-primary)}.game{height:calc(100% - 88px);position:relative;overflow:hidden;background:#b68e69}.scene{position:absolute;inset:0 var(--panel-width) 0 0;touch-action:none;-webkit-user-select:none;user-select:none}.scene canvas{display:block;width:100%;height:100%;touch-action:none}.loading{position:absolute;inset:0;display:grid;place-content:center;gap:16px;padding:24px;text-align:center;background:#e4cdab;z-index:2}.room-info{position:absolute;top:0;right:0;bottom:0;width:var(--panel-width);min-width:0;padding:28px 20px;background:var(--color-surface);display:flex;flex-direction:column;gap:24px;border-left:1px solid #9a785744;overflow-y:auto}.room-info>*{flex-shrink:0;min-width:0}.room-label{padding-bottom:12px;color:var(--color-text-muted);border-bottom:1px solid var(--border-color);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.08em}.meters{display:grid;grid-template-columns:1fr 1fr;gap:18px}.meter{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:baseline;font-size:var(--text-sm)}.meter strong{font:var(--text-xl)/1 var(--font-mono)}progress{display:block;width:100%;height:4px;grid-column:1/-1;border:0;background:#dfd3c4;appearance:none;border-radius:0}progress::-webkit-progress-bar{background:#dfd3c4}progress::-webkit-progress-value{background:#aa7850}#sleep::-webkit-progress-value{background:#7b5bc4}progress::-moz-progress-bar{background:#aa7850}.growth{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:var(--text-sm);padding-bottom:22px;border-bottom:1px solid var(--border-color)}.growth b{font:var(--text-lg)/1 var(--font-mono);color:var(--color-accent)}.growth .eyebrow{margin-left:auto;color:var(--color-text-muted);letter-spacing:.03em}.growth-strip{display:flex;align-items:end;gap:5px;margin-left:10px}.growth-strip i{width:8px;height:12px;background:#ddd2e4;border-radius:4px 4px 1px 1px}.growth-strip i:nth-child(2){width:10px;height:17px}.growth-strip i:nth-child(3){width:13px;height:23px}.growth-strip i.reached{background:#7b5bc4}.today h2{font-size:var(--text-base);margin-bottom:16px}.memory-brief{display:none}.today dl,.memory-list{display:grid;grid-template-columns:1fr auto;gap:14px 10px;font-size:var(--text-sm)}dt{color:var(--color-text-muted)}dd{margin:0;font-weight:700;text-align:right}.room-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:auto;padding-top:22px;border-top:1px solid var(--border-color)}.nav-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0;border:0;background:none;font-size:var(--text-xs)}.nav-button:hover{color:var(--color-primary)}.nav-button svg{width:21px;height:21px}.actions{position:absolute;left:24px;right:calc(var(--panel-width) + 24px);bottom:28px;max-width:680px;margin-inline:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.action-button{min-height:72px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:var(--color-surface);border:1px solid #c9b397;border-radius:var(--radius-button);box-shadow:var(--shadow-card);font-size:var(--text-sm);font-weight:700;touch-action:manipulation}.action-button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.action-button:not(:disabled):hover{transform:translateY(-2px)}.action-button:active{transform:translateY(1px)}.game[data-reacting=pet] [data-action=pet],.game[data-reacting=feed] [data-action=feed],.game[data-reacting=brush] [data-action=brush],.game[data-reacting=toy] [data-action=toy],.game[data-reacting=light] [data-action=light],.game[data-reacting=practice] [data-action=practice]{outline:2px solid var(--color-accent);outline-offset:3px}.help{position:absolute;left:24px;right:calc(var(--panel-width) + 24px);bottom:112px;text-align:center;color:#39272d;font-size:var(--text-sm);background:#faf5eceb;border-radius:4px;padding:6px 10px;width:fit-content;margin:0 auto;pointer-events:none}.speech{position:absolute;top:var(--speech-y, 28%);left:var(--speech-x, 35%);transform:translate(-50%,-100%);width:max-content;max-width:min(300px,calc(100% - var(--panel-width) - 32px));padding:12px 16px;background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);pointer-events:none}.speech:after{content:"";position:absolute;left:calc(50% - 5px);bottom:-6px;width:10px;height:10px;background:var(--color-surface);transform:rotate(45deg);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.speech-label{display:block;margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.06em}.speech-text{max-width:25ch;font-size:var(--text-base);font-weight:var(--weight-bold);line-height:1.65;text-wrap:pretty}.speech-detail{display:block;margin-top:var(--space-1);color:var(--color-accent);font-size:var(--text-xs)}.speech-detail:empty{display:none}.event-callout{text-align:left;padding:14px 16px;background:#eee6f3;border:1px solid #c6b7d7;border-radius:4px;font-size:var(--text-sm)}.save-status{position:absolute;top:78px;left:20px;right:calc(var(--panel-width) + 20px);color:#4d3431;font-size:var(--text-sm);background:#fff2d9;z-index:4}.save-status:not(:empty){padding:12px;border:1px solid #bca385}.toast{position:absolute;z-index:9;top:8px;max-height:40px;overflow:hidden;line-height:1.5;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--color-surface);border:1px solid #a18ba8;padding:12px 18px;border-radius:4px;box-shadow:0 3px 10px #2b243028;font-size:var(--text-sm);pointer-events:none}.toast:empty{display:none}.sheet{position:absolute;margin:0;inset:auto 16px 16px auto;width:440px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);padding:0;border:1px solid #b8a389;border-radius:var(--radius-modal);background:var(--color-surface);color:var(--color-text);box-shadow:0 5px 18px #54382438;z-index:7;overflow:auto;overscroll-behavior:contain}.sheet>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--color-surface);border-bottom:1px solid var(--border-color);z-index:1}.sheet-body{display:flex;flex-direction:column;gap:18px;padding:22px}.icon-button{padding:8px;border:0;border-radius:4px;background:#eee2d4;flex:none}.button{padding:12px 16px;min-height:44px;border:1px solid #bba78e;border-radius:var(--radius-button);background:var(--color-surface);font-size:var(--text-sm);font-weight:700}.button:hover{background:#efe5d7}.button.primary{color:#fff;border-color:#e4002b;background:#e4002b}.text-button{border:0;padding:10px;min-height:44px;background:transparent;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:4px}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.room-choice{position:relative;padding:0;border:2px solid transparent;border-radius:5px;overflow:hidden;background:#e6d4bd;text-align:left}.room-choice img{display:block;width:100%;height:150px;object-fit:cover;object-position:center 45%}.room-choice span{display:block;padding:10px;font-size:var(--text-sm);font-weight:700}.room-choice small{display:block;padding:0 10px 10px;font-size:var(--text-xs)}.room-choice.selected{border-color:#7b5bc4}.shelf-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shelf-slot{min-width:0;padding:10px 0;border-bottom:3px solid #ae8257}.shelf-slot label{display:block;margin-bottom:8px;font-size:var(--text-xs);color:var(--color-text-muted)}select{width:100%;min-height:40px;font-size:var(--text-sm);background:#fffaf3;color:var(--color-text);border:1px solid var(--border-color);border-radius:4px}.treasure-list{list-style:none;padding:0;margin:0}.treasure-list li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--border-color);align-items:center}.treasure-list h3{margin-bottom:4px;font-size:var(--text-sm)}.treasure-list p,.treasure-list time{font-size:var(--text-xs);color:var(--color-text-muted)}.treasure-list time{font-family:var(--font-mono);display:block;margin-top:6px}.treasure-mark{display:grid;place-items:center;width:42px;height:48px;color:#7b5bc4;flex:none}.treasure-mark svg{width:32px;height:32px}.unfound{opacity:.55}.unfound .treasure-mark{color:#8f8276}.item-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.item-choice{touch-action:none;border:1px solid #c4b198;border-radius:5px;padding:18px 5px;display:flex;align-items:center;flex-direction:column;gap:12px;background:#f5e9d9;font-size:var(--text-sm)}.item-choice svg{width:36px;height:36px;color:#8e6748}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font-size:var(--text-base)}input[type=checkbox]{width:22px;height:22px;accent-color:#7b5bc4}input[type=range]{width:55%;accent-color:#7b5bc4;min-height:44px}.backup-data{width:100%;resize:vertical;min-height:120px;border:1px solid #baa88e;border-radius:4px;padding:12px;font:var(--text-sm)/1.6 var(--font-mono);background:#fffaf3;color:#2b2430}.event-story{font-size:var(--text-lg);line-height:1.8;padding:4px 0 12px}[data-reduced-motion=true] *,[data-reduced-motion=true] *:after{animation:none!important;transition:none!important}@media(max-width:760px){.topbar{height:72px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;gap:14px}h1{font-size:var(--text-lg)}.wordmark .eyebrow{font-size:var(--text-xs);letter-spacing:.08em}.visit-chip{padding-left:12px;gap:4px}.visit-chip .eyebrow{font-size:var(--text-xs);letter-spacing:0}.clock{font-size:var(--text-sm)}.game{height:calc(100% - 72px)}.scene{inset:0}.room-info{inset:0;width:auto;padding:0;background:none;border:0;display:block;pointer-events:none;overflow:visible}.room-label{position:absolute;top:12px;left:16px;padding:5px 9px;border:0;border-radius:4px;background:#faf5eceb;color:#564452;font-size:var(--text-xs)}.meters{position:absolute;right:16px;top:12px;width:150px;gap:12px;padding:8px 10px;background:#faf5eced;border-radius:4px}.meter{gap:6px;font-size:var(--text-xs)}.meter strong{font-size:var(--text-lg)}.growth{position:absolute;top:72px;right:16px;width:150px;padding:6px 10px;border:0;background:#faf5eced;border-radius:4px;gap:4px;font-size:var(--text-xs)}.growth-strip{margin-left:auto;gap:3px}.growth .eyebrow{display:none}.growth-strip i{width:5px;height:8px}.growth-strip i:nth-child(2){width:7px;height:11px}.growth-strip i:nth-child(3){width:9px;height:15px}.today{position:absolute;bottom:calc(148px + env(safe-area-inset-bottom));left:16px;right:16px;border:1px solid #d1bfa8;background:#faf5ecf5;border-radius:6px;padding:12px 14px;box-shadow:var(--shadow-card)}.today h2{font-size:var(--text-sm);margin-bottom:6px}.today dl{gap:5px 12px;font-size:var(--text-xs)}.room-nav{position:absolute;bottom:0;left:0;right:0;margin:0;padding:4px 16px max(4px,env(safe-area-inset-bottom));background:#faf5ec;border-top:1px solid #d1bfa8;pointer-events:auto}.nav-button{flex-direction:row;justify-content:center;gap:5px;padding:6px 0;min-height:40px}.nav-button svg{width:18px;height:18px}.actions{left:12px;right:12px;bottom:calc(58px + env(safe-area-inset-bottom));gap:6px}.action-button{min-height:64px;font-size:var(--text-xs);gap:4px}.action-button svg{width:21px;height:21px}.help{left:16px;right:16px;bottom:calc(128px + env(safe-area-inset-bottom));padding:2px 8px;font-size:var(--text-xs)}.speech{max-width:min(260px,calc(100% - 32px));padding:8px 12px}.speech-text{font-size:var(--text-sm);max-width:none}.event-callout{position:absolute;left:16px;top:48px;max-width:calc(100% - 198px);padding:8px 10px;font-size:var(--text-xs);pointer-events:auto}.save-status{left:16px;right:16px;top:170px;font-size:var(--text-xs)}.sheet{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:none;max-height:70%;border-radius:8px}.sheet>header{padding:12px 16px}.sheet-body{padding:16px;gap:16px}.room-choice img{height:116px}.toast{top:8px;left:8px;right:8px;transform:none;width:auto;max-width:none;max-height:56px;padding:8px 12px;font-size:var(--text-sm)}}@media(max-height:780px)and (max-width:760px){.today{padding:8px 12px}.today h2{margin:0}.today dl{display:none}.memory-brief{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}}@media(max-height:650px)and (max-width:760px){.today{display:none}}@media(max-height:650px)and (min-width:761px){.topbar{height:56px;padding-top:4px;padding-bottom:4px}.wordmark .eyebrow{display:none}.game{height:calc(100% - 56px)}.room-info{gap:12px;padding:12px 20px}.room-label{padding-bottom:6px}.today h2{margin-bottom:8px}.today dl{gap:6px 8px}.growth{padding-bottom:10px}.room-nav{padding-top:8px}.event-callout{padding:8px 12px}.actions{bottom:12px}.action-button{min-height:54px;flex-direction:row}.help{bottom:76px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobile-bond{display:none}@media(max-width:760px){.topbar .visit-chip,.topbar .clock,.room-info .growth{display:none}.mobile-bond{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;color:var(--color-accent)}.mobile-bond b{font:var(--text-lg)/1 var(--font-mono)}.mobile-bond .eyebrow{font-family:var(--font-body);letter-spacing:0}}@media(max-height:450px)and (min-width:761px){.room-info{gap:var(--space-2);padding:var(--space-2) var(--space-4)}.room-info .today,.room-info .room-label{display:none}.growth{padding-bottom:var(--space-1)}.room-nav{padding-top:var(--space-1)}.nav-button{gap:var(--space-1);padding:var(--space-1) 0}.nav-button span{white-space:nowrap}}@media(max-width:760px){.room-info .today{display:none}.speech{top:auto;bottom:calc(128px + env(safe-area-inset-bottom));left:16px;right:16px;width:auto;max-width:none;transform:none}.speech:after{top:-6px;bottom:auto;border-right:0;border-bottom:0;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}}.bond-meter{flex-basis:100%;margin-top:var(--space-1)}.bond-meter::-webkit-progress-value,.training-skill progress::-webkit-progress-value{background:var(--color-accent)}.bond-hint{flex-basis:100%;color:var(--color-text-muted);font-size:var(--text-xs)}.training-summary,.training-skill{display:flex;flex-direction:column;gap:var(--space-3)}.training-skill{padding-block:var(--space-4);border-top:1px solid var(--border-color)}.training-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.training-skill .button{align-self:flex-start;min-width:120px}@media(max-width:760px){.mobile-bond{flex-wrap:wrap;justify-content:flex-end;width:94px;gap:var(--space-1);background:none;border:0;padding:0;text-align:right}.mobile-bond .bond-meter{margin-top:0}.action-button{padding-inline:2px}}@media(max-width:760px){.help{display:none}}.guide-next{background:var(--color-surface-alt);padding:var(--space-4);border-radius:var(--radius-card)}.reset-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:var(--space-6);color:var(--color-text);background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-modal)}.reset-dialog::backdrop{background:color-mix(in srgb,var(--color-text) 72%,transparent)}.reset-dialog>*+*{margin-top:var(--space-3)}.reset-portrait{display:block;width:160px;max-width:50%;height:auto;margin-inline:auto}.reset-line{font-weight:700}.reset-controls{display:flex;gap:var(--space-3);justify-content:flex-end}@media(max-width:760px){.room-nav .nav-button{flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0}.room-nav{padding-inline:var(--space-2)}.room-nav .nav-button span{white-space:nowrap}}.development-tabs{display:flex;gap:var(--space-4);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-3)}.development-tabs .text-button{margin:0;font-size:var(--text-sm)}.training-challenge{min-height:260px;justify-content:center}.timing-track{position:relative;height:48px;background:var(--color-surface-alt);border:1px solid var(--border-color);overflow:hidden}.timing-target{position:absolute;top:0;bottom:0;background:var(--color-accent);opacity:.4}.timing-marker{position:absolute;top:0;bottom:0;width:5px;background:var(--color-primary)}.memory-pads{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.memory-pads .button{min-height:64px;font-size:var(--text-xl)}.memory-pads .lit{opacity:1;background:var(--color-accent);color:var(--color-surface)}.expedition-callout{text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border:1px solid var(--border-color);border-radius:var(--radius-button);font-size:var(--text-sm)}.expedition-status,.expedition-report{padding:var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-card)}.expedition-odds{display:grid;grid-template-columns:1fr auto 1fr auto;gap:var(--space-2) var(--space-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.expedition-odds dd{color:var(--color-accent)}.expedition-pool summary{cursor:pointer;padding-block:var(--space-2);font-weight:700}.expedition-rewards{display:grid;grid-template-columns:84px 1fr;gap:var(--space-2) var(--space-3);font-size:var(--text-sm);padding-top:var(--space-2)}.expedition-rewards dd{text-align:left;font-weight:400}.rarity-label{display:block;color:var(--color-accent);font-size:var(--text-xs)}@media(max-width:760px){.expedition-callout{position:absolute;top:104px;left:16px;max-width:calc(100% - 198px);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);pointer-events:auto}.room-info:has(.event-callout[hidden]) .expedition-callout{top:48px}.room-nav{gap:0}.room-nav .nav-button span{font-size:var(--text-xs)}}.treasure-list .unfound{opacity:1}.expedition-route{gap:var(--space-2)}