:root{--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace;font-family:var(--sans);color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05070b}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;min-height:100%}body{margin:0;overflow:hidden}::selection{color:#f8fafc;background:#2dd4bf59}:root{--world-night:0;--world-sunset:.8;--world-eclipse:0}.museum-app{color:#1b2440;background:radial-gradient(circle at 22% 28%,#ffb2606b,#0000 30%),linear-gradient(#5b9bc9 0%,#f0a56f 58%,#3d8d5f 100%);position:fixed;inset:0;overflow:hidden}.museum-app canvas{width:100%;height:100%;filter:saturate(calc(.92 + var(--world-sunset) * .18 - var(--world-night) * .12)) contrast(calc(1.08 + var(--world-night) * .08 + var(--world-eclipse) * .08)) brightness(calc(.98 - var(--world-night) * .18 + var(--world-sunset) * .05 - var(--world-eclipse) * .2));display:block}.topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:20px;left:26px;right:26px}.topbar h1,.topbar p{margin:0}.topbar h1{letter-spacing:0;color:#fff9d9;text-shadow:0 2px #1f365047;margin-top:4px;font-size:20px;font-weight:700;line-height:1}button{font:inherit}.entry-overlay button,.icon-button{color:#fff9d9;cursor:pointer;background:#546f6c47;border:1px solid #ffe1a6b8;border-radius:6px;transition:transform .16s,border-color .16s,background .16s}.entry-overlay button:hover,.icon-button:hover{background:#7e644f6b;border-color:#fff9d9f2;transform:translateY(-1px)}.eyebrow{color:#fff2a7;font-family:var(--mono);text-transform:uppercase;letter-spacing:0;margin:0;font-size:12px;line-height:1.25}.entry-overlay .eyebrow,.project-panel .eyebrow{color:#237f9d}.controls-panel{z-index:20;pointer-events:none;gap:9px;width:210px;display:grid;position:fixed;bottom:70px;left:24px}.controls-panel div{color:#fff9d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(90deg,#34595657,#ffb5641c);border:1px solid #ffe1a680;border-radius:6px;align-items:center;gap:10px;min-height:34px;padding:0 12px;font-size:13px;display:flex}.crosshair{z-index:10;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.crosshair span{border:1px solid #ffefbdbd;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #fff9d90a,0 0 20px #ffb96875}.lens-overlay{z-index:9;pointer-events:none;mix-blend-mode:soft-light;opacity:calc(.78 + var(--world-night) * .18);background:radial-gradient(circle at 50% 48%,#0000 52%,#203c3a47 100%),radial-gradient(circle at 22% 30%,#ffac5e29,#0000 36%),linear-gradient(#ffd69114,#0000 34%,#1f574c1f);position:fixed;inset:0}.lens-overlay:before{content:"";background:linear-gradient(90deg, #ffde9e1a, transparent 14%, transparent 86%, #ffde9e1a), radial-gradient(circle at 50% 78%, rgba(255, 193, 109, calc(.1 + var(--world-sunset) * .18)), transparent 36%), radial-gradient(circle at 50% 42%, rgba(78, 128, 202, calc(var(--world-night) * .16)), transparent 58%), radial-gradient(circle at 50% 18%, rgba(15, 18, 45, calc(var(--world-eclipse) * .32)), transparent 42%);opacity:.74;position:absolute;inset:0}.lens-overlay:after{content:"";opacity:calc(.2 + var(--world-night) * .16);background:repeating-linear-gradient(0deg,#ffeec409 0 1px,#0000 2px 5px);position:absolute;inset:0}.lens-line,.lens-corner{border-color:#ffe1a670;display:block;position:absolute}.lens-line{border-style:solid;border-width:1px 0 0;height:22px;left:20%;right:20%}.lens-line-top{border-radius:50%;top:18px}.lens-line-bottom{border-radius:50%;bottom:21px;transform:rotate(180deg)}.lens-corner{opacity:.7;border-style:solid;width:42px;height:86px;margin-top:-43px;top:50%}.lens-corner-left{border-width:1px 0 1px 1px;border-radius:40px 0 0 40px;left:34px}.lens-corner-right{border-width:1px 1px 1px 0;border-radius:0 40px 40px 0;right:34px}.focus-prompt{z-index:25;color:#fff9d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#4a665b85;border:1px solid #fff6bead;border-radius:6px;align-items:center;gap:12px;padding:9px 12px;display:flex;position:fixed;bottom:72px;left:50%;transform:translate(-50%)}.focus-prompt span{color:var(--accent);font-size:14px;font-weight:700}.practice-preview{z-index:24;border:1px solid color-mix(in srgb, var(--accent), #fff9d9 42%);background:linear-gradient(145deg, #0f2527b8, #2e393680), radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--accent), transparent 68%), transparent 42%);color:#fff9d9;width:min(360px,100vw - 52px);box-shadow:inset 0 1px 0 #ffffff14, 0 18px 60px #08121452, 0 0 28px color-mix(in srgb, var(--accent), transparent 76%);pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;padding:16px 16px 15px;position:fixed;bottom:46px;right:26px}.practice-preview h2,.practice-preview p{margin:0}.practice-preview h2{color:color-mix(in srgb, var(--accent), #fff9d9 42%);margin-top:6px;font-size:20px;line-height:1.05}.practice-preview strong{color:#fff9d9;margin-top:6px;font-size:15px;display:block}.practice-preview p{color:#fff9d9d1;margin-top:9px;font-size:13px;line-height:1.48}.practice-preview small{color:#fff9d999;margin-top:10px;font-size:11px;display:block}kbd{color:#fff9d9;min-width:28px;height:24px;font-family:var(--mono);background:#fff4be2e;border:1px solid #fff9d970;border-radius:5px;place-items:center;font-size:12px;display:inline-grid}.entry-overlay{z-index:40;background:radial-gradient(circle at 22% 18%,#ffe7a161,#0000 32%),radial-gradient(circle at 78% 76%,#5be5ff3d,#0000 34%),linear-gradient(#1844589e,#1b4a32b3);place-items:center;padding:32px;display:grid;position:fixed;inset:0}.entry-overlay>div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffefcdf0,#e0d6a6db),radial-gradient(circle at 82% 12%,#62e8ff38,#0000 34%);border:2px solid #fff9d9db;border-radius:8px;width:min(620px,100%);padding:34px 34px 30px;animation:.56s cubic-bezier(.2,.82,.2,1) both entry-rise;position:relative;overflow:hidden;box-shadow:0 24px 80px #142d2657,0 0 70px #6fe7f724}.entry-overlay>div:before{content:"";pointer-events:none;border:1px solid #355b5321;border-radius:6px;position:absolute;inset:10px}.entry-glow{filter:blur(4px);background:radial-gradient(circle,#74f5ff57,#0000 64%),radial-gradient(circle at 34% 38%,#ffd6836b,#0000 44%);border-radius:50%;width:210px;height:210px;animation:3.8s ease-in-out infinite entry-pulse;position:absolute;top:-72px;right:-54px}.entry-overlay h2{color:#17233c;letter-spacing:0;margin:8px 0 12px;font-size:34px;line-height:1.04}.entry-overlay p:not(.eyebrow){color:#38515e;max-width:560px;margin:0;font-size:16px;line-height:1.55}.entry-chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.entry-chips span{color:#26364d;background:#fffcec85;border:1px solid #415d542e;border-radius:6px;padding:7px 9px;font-size:12px}.entry-overlay button{background:linear-gradient(135deg,#247966f2,#265e86e6);border-color:#fff9d9f2;margin-top:22px;padding:12px 16px;box-shadow:0 12px 28px #18494438}.project-panel{z-index:35;color:#1b2440;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffefcef0,#e2d4a4e0);border:2px solid #fff9d9d1;border-radius:8px;width:min(440px,100vw - 48px);padding:24px;position:fixed;top:86px;bottom:24px;right:24px;overflow:auto;box-shadow:0 24px 80px #2c602b47}.pause-panel{z-index:45;color:#fff9d9;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 38%,#ffd99924,#0000 28%),#08121875;place-content:center;justify-items:center;padding:28px;display:grid;position:fixed;inset:0}@keyframes entry-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes entry-pulse{0%,to{opacity:.76;transform:scale(1)}50%{opacity:.94;transform:scale(1.08)}}.pause-panel h2{letter-spacing:0;margin:8px 0 10px;font-size:34px;line-height:1}.pause-panel p:not(.eyebrow){color:#fff9d9c7;max-width:420px;margin:0;line-height:1.55}.pause-panel button{color:#fff9d9;cursor:pointer;background:#546f6c6b;border:1px solid #ffe1a6b8;border-radius:6px;margin-top:22px;padding:11px 15px}.project-panel h2{color:#17233c;letter-spacing:0;margin:7px 42px 14px 0;font-size:28px;line-height:1.05}.panel-summary{color:#38515e;margin:0;font-size:15px;line-height:1.55}.practice-epitaph{color:#26364d;background:#fffcec94;border:1px solid #445c5629;border-radius:8px;gap:7px;margin-top:18px;padding:14px;font-size:13px;display:grid}.practice-epitaph span{display:block}.practice-epitaph small{color:#5c7170}.close-button{position:absolute;top:18px;right:18px}.icon-button{place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.panel-section{margin-top:24px}.panel-section h3{color:#17233c;margin:0 0 10px;font-size:14px;line-height:1.1}.panel-section ul{color:#38515e;margin:0;padding-left:19px;font-size:14px;line-height:1.65}.skill-row{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.skill-row span{color:#26364d;background:#fffceca3;border:1px solid #445c562e;border-radius:6px;padding:7px 9px;font-size:12px}.media-placeholder{border:2px dashed color-mix(in srgb, var(--accent), transparent 26%);background:color-mix(in srgb, var(--accent), white 84%);color:#1b2440;text-align:center;border-radius:8px;place-items:center;gap:10px;min-height:124px;margin-top:24px;padding:18px;font-size:13px;display:grid}.mobile-block{display:none}@media (width<=960px){.museum-app>canvas,.topbar,.controls-panel,.crosshair,.lens-overlay,.focus-prompt,.practice-preview,.entry-overlay,.project-panel,.pause-panel{display:none}.mobile-block{z-index:100;color:#1b2440;background:#58c7ff;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mobile-block>div{background:#fff3d5e6;border:2px solid #fff9d9d1;border-radius:8px;width:min(420px,100%);padding:22px}.mobile-block h2{color:#17233c;letter-spacing:0;margin:0 0 10px;font-size:24px}.mobile-block p{color:#38515e;margin:0;line-height:1.5}}