:root{--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--accent:#00f0ff;--accent-secondary:#ff2a85;--spring-smooth:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}body,html,#root{color:#fff;width:100vw;height:100vh;font-family:var(--font-sans);background-color:#000;margin:0;padding:0;overflow:hidden}.app-shell{width:100vw;height:100vh;position:relative}.canvas-wrapper{z-index:1;position:absolute;inset:0}.ui-layer{z-index:10;pointer-events:none;position:absolute;inset:0}.apple-btn{pointer-events:auto;font-family:var(--font-sans);letter-spacing:-.01em;color:#fff;background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 70%), #161a2ab8;border:1px solid color-mix(in srgb, var(--accent) 55%, #ffffff40);box-shadow:0 12px 36px -6px color-mix(in srgb, var(--accent) 65%, transparent), 0 0 20px -4px color-mix(in srgb, var(--accent-secondary) 45%, transparent), inset 0 1px 1px #ffffff59;-webkit-backdrop-filter:blur(22px)saturate(190%);backdrop-filter:blur(22px)saturate(190%);cursor:pointer;will-change:transform, box-shadow;transition:transform .26s var(--spring-smooth), box-shadow .26s var(--spring-smooth), border-color .2s ease;border-top:1px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 34px;font-size:.96rem;font-weight:600;display:inline-flex;position:relative}.apple-btn:hover{box-shadow:0 16px 44px -4px color-mix(in srgb, var(--accent) 85%, transparent), 0 0 28px color-mix(in srgb, var(--accent-secondary) 65%, transparent), inset 0 1px 2px #ffffffa6;border-color:#ffffffbf;transform:translateY(-2px)scale(1.02)}.apple-btn:active{transition:transform 90ms ease-out;transform:scale(.96)}.top-Floating-nav{z-index:30;pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.chrome-pill{letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0;font-size:.72rem;font-family:var(--font-mono);cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);transition:transform .2s var(--spring-smooth), border-color .2s ease, background .2s ease;background:#0e111cad;border:1px solid #ffffff29;border-top-color:#ffffff57;border-radius:999px;padding:7px 15px}.chrome-pill:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, #0e111ccc)}.chrome-pill:active{transition:transform 80ms ease-out;transform:scale(.96)}.intro-overlay{text-align:center;height:100%;animation:materializeIn 1.1s var(--spring-smooth);flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex}.intro-kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#00f0ff;text-shadow:0 0 18px #00f0ffb3;margin-bottom:18px;font-size:.78rem}.heritage-title{font-family:var(--font-serif);letter-spacing:-.015em;font-optical-sizing:auto;text-shadow:0 0 45px #ffffff47;margin:0 0 22px;font-size:clamp(3rem,5.2vw,5.4rem);font-weight:600;line-height:1.04}.intro-subtitle{letter-spacing:0;color:#ffffffc7;max-width:560px;margin-bottom:38px;font-size:1.05rem;line-height:1.55}.cinematic-overlay{height:100%;animation:materializeIn .8s var(--spring-smooth);background:radial-gradient(circle,#0006,#000 88%);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.story-card{pointer-events:auto;text-align:center;flex-direction:column;align-items:center;gap:20px;width:min(900px,88vw);display:flex}.anime-frame{aspect-ratio:16/8;border:1px solid #ffffff2e;border-top-color:#ffffff6b;border-radius:24px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 75px #000000e6,0 0 50px #00f0ff2e}.anime-badge{font-family:var(--font-mono);letter-spacing:.03em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#ffffffe6;background:#080a12b8;border:1px solid #ffffff38;border-radius:999px;padding:8px 16px;font-size:.74rem}.story-epoch{font-family:var(--font-mono);letter-spacing:.18em;color:#ffb703;font-size:.76rem}.story-heading{font-family:var(--font-serif);letter-spacing:-.02em;margin:0;font-size:2.6rem;font-weight:600;line-height:1.06}.story-body{font-family:var(--font-serif);color:#ffffffeb;max-width:760px;min-height:4.4rem;font-size:1.45rem;line-height:1.5}.singularity-banner{height:100%;font-family:var(--font-mono);letter-spacing:.2em;color:#ffffffe0;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:64px;font-size:.84rem;display:flex}.main-workbench{grid-template-columns:348px 1fr 368px;gap:20px;width:100%;height:100%;padding:22px;display:grid}.spectral-panel{pointer-events:auto;background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 58%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--accent-secondary) 24%, transparent), transparent 62%), #0a0d18b8;border:1px solid color-mix(in srgb, var(--accent) 42%, #ffffff24);border-top:1px solid color-mix(in srgb, var(--accent) 65%, #ffffff7a);height:calc(100vh - 44px);box-shadow:0 24px 64px #000000d9, 0 0 42px -12px color-mix(in srgb, var(--accent) 65%, transparent), inset 0 1px 1px #ffffff47;-webkit-backdrop-filter:blur(26px)saturate(190%);backdrop-filter:blur(26px)saturate(190%);animation:materializeIn .65s var(--spring-smooth);border-radius:26px;flex-direction:column;padding:20px;transition:border-color .4s,box-shadow .4s;display:flex;overflow:hidden}.panel-header{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.71rem;font-weight:600;display:flex}.carousel-list{flex-direction:column;gap:10px;padding:4px 4px 12px 0;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 12px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12px calc(100% - 18px),#0000 100%)}.carousel-list::-webkit-scrollbar{width:3px}.carousel-list::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.model-card{text-align:left;background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--card-accent) 14%, transparent), transparent 70%), #ffffff0a;color:#fff;cursor:pointer;will-change:transform;transition:transform .24s var(--spring-smooth), background .24s ease, border-color .24s ease, box-shadow .24s ease;border:1px solid #ffffff17;border-top-color:#ffffff2e;border-radius:18px;padding:13px 15px;position:relative}.model-card:hover{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--card-accent) 26%, transparent), transparent 75%), #ffffff14;border-color:color-mix(in srgb, var(--card-accent) 55%, #ffffff40);transform:translate(4px)}.model-card:active{transition:transform 85ms ease-out;transform:scale(.97)}.model-card.active{background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 36%, #101626eb), color-mix(in srgb, var(--card-secondary) 28%, #0a0c18eb));border-color:var(--card-accent);box-shadow:0 10px 28px -6px color-mix(in srgb, var(--card-accent) 65%, transparent), inset 0 1px 1px #ffffff59;border-top:1px solid #ffffff8c}.model-card-header{justify-content:space-between;align-items:center;display:flex}.model-category-tag{font-family:var(--font-mono);color:var(--card-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:600}.spectral-dot{background:var(--card-accent);width:8px;height:8px;box-shadow:0 0 10px var(--card-accent);border-radius:50%}.model-card-title{letter-spacing:-.01em;margin:4px 0 2px;font-size:1.02rem;font-weight:700}.model-card-sub{color:#ffffffb8;font-size:.76rem}.center-stage-hud{flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;padding-bottom:10px;display:flex}.stage-badge{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0d18ad;border:1px solid #ffffff24;border-radius:999px;padding:7px 18px;font-size:.7rem}.telemetry-box{flex-shrink:0;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.metric-tile{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%), #04060e8c;border:1px solid #ffffff1f;border-top-color:#ffffff3d;border-radius:16px;padding:12px 14px}.metric-label{font-family:var(--font-mono);letter-spacing:.08em;color:#fff9;text-transform:uppercase;font-size:.64rem}.metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 16px color-mix(in srgb, var(--accent) 45%, transparent);margin-top:3px;font-size:1.35rem;font-weight:600}.dossier-scroll{flex-direction:column;gap:13px;padding:2px 4px 12px 0;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 8px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8px calc(100% - 16px),#0000 100%)}.dossier-title{font-family:var(--font-serif);letter-spacing:-.02em;margin:4px 0 0;font-size:2.15rem;font-weight:700;line-height:1.05}.cbse-banner{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 24%, #00000080), color-mix(in srgb, var(--accent-secondary) 14%, #0006));border-left:3px solid var(--accent);color:#fff;border-radius:12px;padding:10px 13px;font-size:.8rem;font-weight:600}.dossier-desc{letter-spacing:0;color:#ffffffdb;margin:0;font-size:.88rem;line-height:1.55}.props-table{flex-direction:column;gap:8px;display:flex}.prop-row{background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:.78rem;display:flex}.prop-key{color:#ffffffa3}.prop-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:#fff;font-weight:600}@keyframes materializeIn{0%{opacity:0;filter:blur(12px);transform:scale(.96)translateY(12px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.spectral-panel,.intro-overlay,.cinematic-overlay,.apple-btn,.model-card{transition:opacity .18s!important;animation:none!important;transform:none!important}}.intro-hero-box{-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:radial-gradient(#04060ec7 0%,#04060e85 65%,#00000026 100%);border:1px solid #ffffff24;border-top-color:#ffffff52;border-radius:36px;flex-direction:column;align-items:center;padding:44px 60px;display:flex;box-shadow:0 24px 80px #000000d9}.intro-kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#fbbf24;margin-bottom:18px;font-size:.76rem}.spectral-panel{pointer-events:auto;background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 50%), #07090fd6;border:1px solid #ffffff1a;border-top:1px solid color-mix(in srgb, var(--accent) 55%, #ffffff59);-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);height:calc(100vh - 44px);animation:materializeIn .65s var(--spring-smooth);border-radius:26px;flex-direction:column;padding:20px;transition:border-color .4s;display:flex;overflow:hidden;box-shadow:0 24px 64px #000000e6,inset 0 1px #ffffff2e}.model-card.active{background:radial-gradient(circle at 0% 50%, color-mix(in srgb, var(--card-accent) 24%, transparent), transparent 75%), #121622eb;border-color:color-mix(in srgb, var(--card-accent) 75%, #fff3);border-left:3px solid var(--card-accent);box-shadow:0 8px 24px -6px #000000b3}