:root{color:#1b1720;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#101114;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}#root{min-height:100vh}.journey{--accent:#ff6b81;--accent-2:#22c7a9;--ink:#16151a;--paper:#fff7ef;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 5%,#ffdb7952,#0000 28%),radial-gradient(circle at 88% 12%,#22c7a933,#0000 27%),linear-gradient(135deg,#fff7ef 0%,#f3fff9 52%,#f8edf5 100%);padding:24px;overflow-x:hidden}.status-screen,.lock-screen{background:linear-gradient(135deg,#fff7eff0,#eefff9f5),#101114;place-items:center;min-height:100vh;padding:24px;display:grid}.status-screen{color:#1b1720;gap:16px}.status-screen svg{color:#ff6b81;width:36px;height:36px}.lock-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #16151a24;border-radius:8px;width:min(460px,100%);padding:30px;box-shadow:0 24px 70px #16151a29}.lock-mark{color:#fff;background:linear-gradient(135deg,#ff6b81,#22c7a9);border-radius:8px;place-items:center;width:56px;height:56px;display:grid}.lock-mark svg,.metric svg,.scene-actions svg,.icon-button svg,.quiz-options svg,.signature-card svg,.album-card svg{width:18px;height:18px}.lock-panel h1,.topbar h1,.scene-copy h2,.vault-panel h2,.album-wall h2,.photo-modal h2{letter-spacing:0;margin:0;line-height:1.06}.lock-panel h1{max-width:360px;margin-top:10px;font-size:clamp(32px,8vw,54px)}.lock-form{gap:8px;margin-top:28px;display:grid}.lock-form label,.eyebrow{color:#16151a9e;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.password-row{background:#fff;border:1px solid #16151a29;border-radius:8px;grid-template-columns:22px 1fr 44px;align-items:center;gap:10px;height:52px;padding:0 6px 0 14px;display:grid}.password-row input{background:0 0;border:0;outline:0;min-width:0}.password-row button,.icon-button,.primary-action,.secondary-action,.quiz-options button,.segmented button{border:0;border-radius:8px}.password-row button{color:#fff;background:#16151a;place-items:center;height:40px;display:grid}.hint,.form-error{margin:14px 0 0;font-size:14px}.form-error{color:#b42318}.topbar{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;max-width:1440px;margin:0 auto 18px;display:grid;position:relative}.topbar h1{max-width:780px;font-size:clamp(38px,6vw,84px)}.topbar-side{justify-items:end;gap:10px;display:grid}.language-switch{background:#ffffffc2;border:1px solid #16151a24;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:4px 6px 4px 10px;display:inline-flex;box-shadow:0 12px 30px #16151a1a}.language-switch.floating{z-index:5;position:fixed;top:18px;right:18px}.language-switch svg{color:#16151aa3;width:16px;height:16px}.language-switch button{color:#16151aa3;background:0 0;border:0;border-radius:6px;min-width:44px;min-height:28px;padding:0 8px;font-size:13px;font-weight:800}.language-switch button.active{color:#fff;background:var(--ink,#16151a)}.metric-strip{grid-template-columns:repeat(3,minmax(112px,1fr));gap:8px;display:grid}.metric{background:#ffffff9e;border:1px solid #16151a1f;border-radius:8px;align-content:center;gap:2px;min-height:72px;padding:12px;display:grid}.metric span{color:#16151a94;font-size:12px}.metric strong{font-size:15px}.control-bar{z-index:2;justify-content:space-between;gap:12px;max-width:1440px;margin:0 auto 16px;display:flex;position:relative}.segmented{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.segmented button,.icon-button{color:#16151abd;background:#ffffffa8;border:1px solid #16151a24;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 12px;display:inline-flex}.segmented button.active,.icon-button.active{color:#fff;background:var(--ink)}.workspace{z-index:2;grid-template-columns:260px minmax(0,1fr) 300px;gap:16px;max-width:1440px;margin:0 auto;display:grid;position:relative}.quest-map,.vault-panel,.scene-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffa8;border:1px solid #16151a24;border-radius:8px;box-shadow:0 18px 60px #16151a1f}.quest-map{align-content:start;gap:10px;padding:14px;display:grid;position:relative}.progress-rail{background:#16151a1a;width:2px;position:absolute;inset:18px auto 18px 27px;overflow:hidden}.progress-rail span{background:linear-gradient(var(--accent), var(--accent-2));border-radius:999px;width:100%;position:absolute;bottom:0;left:0}.map-node{text-align:left;color:#16151a6b;background:#ffffff9e;border:1px solid #16151a1a;border-radius:8px;grid-template-columns:40px 1fr;align-items:center;gap:10px;min-height:68px;padding:10px;display:grid;position:relative}.map-node.unlocked{color:var(--ink)}.map-node.active{background:#fff;border-color:#ff6b8180}.node-index{color:#fff;background:#16151a;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.map-node strong,.map-node small{line-height:1.2;display:block}.map-node small{color:#16151a8f;margin-top:4px}.scene-window{overflow:hidden}.window-chrome{background:#16151adb;border-bottom:1px solid #16151a1a;align-items:center;gap:7px;min-height:40px;padding:0 14px;display:flex}.window-chrome span{border-radius:50%;width:10px;height:10px}.window-chrome span:first-child{background:#ff6b81}.window-chrome span:nth-child(2){background:#ffd166}.window-chrome span:nth-child(3){background:#22c7a9}.window-chrome p{color:#ffffffc2;margin:0 0 0 auto;font-size:13px}.scene-grid{grid-template-columns:minmax(0,1fr) minmax(220px,34%);gap:18px;min-height:560px;padding:24px;display:grid}.scene-copy{align-content:center;gap:16px;display:grid}.scene-copy h2{max-width:680px;font-size:clamp(34px,5vw,72px)}.scene-copy p{color:#16151ab8;max-width:680px;margin:0;font-size:18px;line-height:1.66}.scene-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.primary-action,.secondary-action{align-items:center;gap:8px;min-height:46px;padding:0 16px;display:inline-flex}.primary-action{color:#fff;background:var(--ink)}.secondary-action{color:var(--ink);background:#ffffffb3;border:1px solid #16151a24}.quiz-block{border-left:3px solid var(--accent-2);gap:12px;max-width:620px;padding-left:16px;display:grid}.quiz-block h3{margin:0}.quiz-options{flex-wrap:wrap;gap:8px;display:flex}.quiz-options button{min-height:42px;color:var(--ink);background:#ffffffb8;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.scene-copy .quiz-response{color:var(--ink);font-weight:700}.photo-stack{align-content:center;gap:14px;display:grid}.feature-photo{color:var(--ink);text-align:left;transform:rotate(var(--tilt));background:#ffffffc7;border:0;border-radius:8px;gap:10px;padding:10px;transition:transform .2s;display:grid;box-shadow:0 16px 36px #16151a24}.feature-photo:hover{transform:rotate(0)translateY(-2px)}.feature-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%}.feature-photo span{color:#16151ab8;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.vault-panel{align-content:start;gap:14px;padding:18px;display:grid}.vault-panel h2{font-size:25px}.signature-card{background:#ffffff9e;border:1px solid #16151a1a;border-radius:8px;grid-template-columns:24px 1fr;gap:10px;padding:12px;display:grid}.signature-card p{color:#16151ab8;margin:0;font-size:14px;line-height:1.45}.mini-gallery{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mini-gallery button{background:0 0;border:0;border-radius:6px;padding:0;overflow:hidden}.mini-gallery img{aspect-ratio:1;object-fit:cover;width:100%}.album-wall{z-index:2;gap:14px;max-width:1440px;margin:16px auto 0;display:grid;position:relative}.album-wall h2{font-size:clamp(26px,4vw,44px)}.album-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.album-card{min-width:0;color:var(--ink);text-align:left;background:#ffffffad;border:1px solid #16151a1f;border-radius:8px;grid-template-rows:auto auto 1fr;gap:8px;padding:10px;display:grid}.album-card img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.album-card span{color:#16151a94;align-items:center;gap:6px;font-size:12px;display:flex}.album-card strong{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.modal-backdrop{z-index:20;background:#101114b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.photo-modal{color:#fff;background:#16151a;border:1px solid #fff3;border-radius:8px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;width:min(920px,100%);padding:14px;display:grid;position:relative;box-shadow:0 30px 90px #0000004d}.photo-modal img{object-fit:cover;border-radius:6px;width:100%;max-height:74vh}.photo-modal>div{align-content:end;gap:10px;padding:12px;display:grid}.photo-modal .eyebrow{color:#ffffff94}.photo-modal h2{color:#fff;font-size:clamp(24px,4vw,44px)}.icon-button.close{z-index:2;color:#fff;background:#0000006b;width:42px;padding:0;position:absolute;top:12px;right:12px}.effect-layer{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.effect-layer span{left:var(--left);animation:fall var(--duration) linear infinite;animation-delay:var(--delay);position:absolute;top:-40px}.effect-petals span{background:var(--accent);opacity:.45;border-radius:80% 0;width:12px;height:18px}.effect-stars span{background:#ffcc5c;border-radius:50%;width:5px;height:5px;box-shadow:0 0 16px #ffcc5c}.effect-matrix span{color:#16c7a966;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.effect-matrix span:before{content:"</>"}.effect-fireworks span{background:var(--accent);opacity:0;width:6px;height:6px;animation:pulsework var(--duration) ease-out infinite;border-radius:50%;top:52%;left:50%}.effect-layer.celebrate span{animation-duration:1.2s}@keyframes fall{0%{opacity:0;transform:translateY(-8vh)translate(0)rotate(0)}8%{opacity:.6}to{opacity:0;transform:translateY(110vh)translate(70px)rotate(300deg)}}@keyframes pulsework{0%{opacity:.9;transform:rotate(var(--angle)) translate(0, 0) scale(.6)}to{opacity:0;transform:rotate(var(--angle)) translate(180px, 0) scale(1.4)}}@media (width<=1180px){.topbar,.workspace{grid-template-columns:1fr}.topbar-side{justify-items:stretch}.topbar-side .language-switch{justify-self:end}.metric-strip{grid-template-columns:repeat(3,1fr)}.quest-map{grid-template-columns:repeat(5,minmax(160px,1fr));overflow-x:auto}.progress-rail{display:none}.vault-panel{grid-template-columns:1fr 1fr}.mini-gallery{align-self:start}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.journey{padding:14px}.metric-strip,.scene-grid,.vault-panel,.photo-modal{grid-template-columns:1fr}.topbar-side .language-switch{justify-self:start}.control-bar{align-items:stretch}.segmented{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented button span{text-overflow:ellipsis;overflow:hidden}.scene-grid{min-height:auto;padding:18px}.quest-map{grid-template-columns:minmax(210px,1fr)}.scene-copy p{font-size:16px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}