@import"https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&display=swap";:root{font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;color:#51443e;background:var(--canvas);font-synthesis:none;font-size:16px;--ink: #51443e;--muted: #807066;--accent: #b85c3d;--line: #eadfd1;--paper: #fffdf8;--green: #477160;--canvas: #fdf7ed;--canvas-glow-a: #f6d49d55;--canvas-glow-b: #8eb4aa40;--surface: #fffdf8;--surface-glass: #fffdf8e8;--surface-soft: #f6f0e6;--surface-muted: #f2eadb;--surface-input: #ffffff;--active-surface: #5b4b43;--active-ink: #fffaf3;--stage-copy: #5a4636;color-scheme:light}[data-color-theme=forest]{--ink: #324c3f;--muted: #66786e;--accent: #497d60;--line: #cfe0d1;--paper: #f9fff9;--green: #357054;--canvas: #edf7ee;--canvas-glow-a: #a9d7aa55;--canvas-glow-b: #69a9a050;--surface: #fbfffa;--surface-glass: #fbfffbe8;--surface-soft: #e1efe3;--surface-muted: #dcebdd;--surface-input: #ffffff;--active-surface: #355f4d;--active-ink: #f7fff9;--stage-copy: #2f5543}[data-color-theme=night]{--ink: #f5f0e8;--muted: #c3bfd0;--accent: #ff9a66;--line: #4c5278;--paper: #232945;--green: #82c7ad;--canvas: #171c36;--canvas-glow-a: #6e73c45c;--canvas-glow-b: #3f8f8b45;--surface: #282e4d;--surface-glass: #282e4de8;--surface-soft: #303756;--surface-muted: #2f3658;--surface-input: #1e243f;--active-surface: #777fd0;--active-ink: #ffffff;--stage-copy: #fff4e8;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;color:var(--ink);background:var(--canvas);transition:color .35s ease,background .35s ease}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #477160;outline-offset:4px}button{transition:background .2s,transform .2s}button:hover:not(:disabled){transform:translateY(-1px)}h1,h2,p{margin:0}button,a{touch-action:manipulation}.app{display:grid;grid-template-columns:324px minmax(0,1fr);min-height:100svh}.panel{background:var(--paper);border-right:1px solid var(--line);padding:30px 25px 0;display:flex;flex-direction:column;gap:23px;height:100svh;overflow:auto}.panel-head{padding:0 0 3px}.brand{display:block;font-weight:850;font-size:28px;letter-spacing:-1.7px;color:var(--ink);text-decoration:none}.brand span{color:var(--accent)}.brand i{font-style:normal;color:#daa768;font-size:23px;padding-left:7px}.panel-head p{font-size:14px;color:var(--muted);margin-top:7px}.meter-card{background:var(--surface-soft);border-radius:22px;padding:18px 17px 12px;transition:background .4s}.meter-card.loud{background:#fae8df}.section-line{display:flex;justify-content:space-between;align-items:center;gap:8px}h2{font-size:15px;font-weight:750}.live-label{font-size:12px;color:var(--green);background:#e7ece2;border-radius:20px;padding:5px 8px}.meter{display:flex;justify-content:center;align-items:center;gap:9px;padding:10px 0 0;color:#496e5c}.meter strong{font-size:72px;letter-spacing:-4px;font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums}.meter>span{font-size:20px;line-height:1.1;padding-top:13px}.estimate{display:block;font-size:12px;margin-top:5px;color:var(--muted)}.loud .meter{color:var(--accent)}.trend{display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;color:var(--green);padding:8px 0 13px}.trend>span{font-size:20px}.trend.up{color:var(--accent)}.trend.flat{color:#776b5c}.trend-controls{border-top:1px solid #e5dacb;display:flex;align-items:center;gap:9px;font-size:12px;padding-top:5px;color:var(--muted)}.trend-controls>div{display:flex;flex:1;gap:2px}.trend-controls button{flex:1;min-height:64px;background:transparent;border:0;color:#776b5c;border-radius:10px;font-size:14px}.trend-controls button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:750;box-shadow:0 2px 5px #51443e08}.section-hint,.warning-count{font-size:12px;color:var(--muted)}.sensitivity{display:flex;gap:7px;margin-top:13px}.sensitivity button{border:1px solid var(--line);color:#76685d;background:transparent;border-radius:13px;min-height:67px;flex:1;font-size:14px;font-weight:650}.sensitivity button>span{display:block;font-size:18px;letter-spacing:-4px;margin:0 4px 4px 0}.sensitivity button[aria-pressed=true]{border-color:#c97858;background:#fae8dc;color:#9a4c30}.helper{font-size:14px;line-height:1.6;color:var(--muted);margin-top:10px}.warning-hearts{display:flex;gap:20px;justify-content:center;margin-top:11px}.warning-hearts span{font-size:42px;line-height:1.2;color:#c47b61;transition:color .4s}.warning-hearts .used{color:#a2988e}.warnings-section .helper{text-align:center}.recovery{color:var(--green);font-size:14px;text-align:center;margin-top:8px}.warning-total{margin-top:8px;text-align:center;color:#8f6b58;font-size:13px}.warning-total strong{color:var(--accent)}.calibration{border-top:1px solid var(--line);padding-top:21px}.primary-button{width:100%;min-height:64px;border:0;border-radius:14px;background:#f0dfc9;color:#604932;font-size:15px;font-weight:700;margin-top:12px;padding:10px}.primary-button>span{margin-right:8px;font-size:20px}.reset-button{width:100%;border:0;background:transparent;color:#7d7064;font-size:14px;min-height:64px;margin-top:3px}details{font-size:14px;color:var(--muted);line-height:1.7}summary{cursor:pointer;padding:7px 0}details p{padding:8px 0}.footer{margin-top:auto;padding:0 0 24px;text-align:center;font-size:12px;line-height:1.8;color:#64748b}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-decoration:underline}.mic-alert{padding:16px;border:1px solid #dca88a;border-radius:16px;background:#fff0e7}.mic-alert p{font-size:14px;line-height:1.6;margin-top:8px}.panel-top-actions{display:flex;gap:6px;margin-top:14px}.panel-top-actions button{min-height:48px;flex:1;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);font-size:13px}.panel-top-actions .sound-toggle[aria-pressed=true]{border-color:#d4b48a;background:#fff7e9;color:#76522c}.quick-mission{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.quick-mission label{color:var(--muted);font-size:13px;font-weight:750}.quick-mission input{min-width:0;min-height:46px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-input);color:var(--ink);font:inherit;font-size:16px;font-weight:700}.quick-mission input:focus-visible{outline:3px solid #d5a477;outline-offset:2px}.calibration-actions{display:grid;grid-template-columns:minmax(0,2fr) minmax(80px,1fr);gap:6px;margin-top:7px;padding-top:7px;border-top:1px solid var(--line)}.calibration-actions button{min-height:48px;padding:6px 8px;border:0;border-radius:11px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:750}.calibration-actions button:first-child{color:#725338;background:#f0dfc9}.meter-help summary{padding:5px 2px 1px;font-size:12px}.meter-help p{padding:5px 2px 1px;font-size:12px;line-height:1.45}.mission-eyebrow{display:inline-flex;padding:7px 13px;border:1px solid #e2c7aa;border-radius:999px;background:#fffaf1cc;letter-spacing:.02em}.promise-mini{border:1px solid #e4d2b6;border-radius:17px;padding:15px;background:#fff9e9}.promise-mini .section-line>span{color:#9a6a28;font-size:13px;font-weight:700}.promise-mini p{margin-top:7px;color:var(--muted);font-size:14px}.star-actions{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:5px;margin-top:12px;text-align:center}.star-actions button{min-height:56px;border:0;border-radius:12px;background:#f0dfc9;color:#604932;font-size:24px}.star-actions strong{color:#9a6a28;font-size:14px}.mission-lobby{min-height:100svh;padding:28px clamp(20px,5vw,78px) 24px;color:var(--ink);background:radial-gradient(circle at 8% 10%,var(--canvas-glow-a) 0 100px,transparent 240px),radial-gradient(circle at 92% 86%,var(--canvas-glow-b) 0 130px,transparent 300px),var(--canvas);transition:background .4s ease,color .4s ease}.lobby-header{display:flex;align-items:center;justify-content:space-between;max-width:1380px;margin:0 auto 30px}.teacher-settings-button{min-height:56px;padding:0 20px;border:1px solid #dfd1c0;border-radius:16px;background:var(--surface-glass);color:var(--ink);font-weight:700}.secret-letter{position:relative;max-width:1380px;margin:0 auto 26px;display:flex;align-items:center;gap:26px;padding:clamp(24px,3vw,42px);border:1px solid #e5d4bd;border-radius:28px;background:var(--surface-glass);box-shadow:0 22px 60px #7b57370d;overflow:hidden}.secret-letter:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed #ddc6a8;border-radius:20px;pointer-events:none}.letter-seal{z-index:1;display:grid;place-items:center;flex:0 0 88px;aspect-ratio:1;border-radius:50%;background:#b85c3d;color:#fff;font-family:Gaegu,sans-serif;font-size:32px;transform:rotate(-7deg);box-shadow:0 8px 18px #8f472e2c}.secret-letter>div{z-index:1}.secret-letter h1{font-size:clamp(36px,4vw,62px)}.secret-letter p{margin-top:10px;color:var(--muted);font-size:18px}.mission-picker{max-width:1380px;margin:0 auto}.mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mode-tabs button{min-height:92px;padding:18px 22px;text-align:left;border:1px solid #e1d5c6;border-radius:20px;background:var(--surface-glass);color:var(--muted)}.mode-tabs button[aria-selected=true]{background:var(--active-surface);border-color:var(--active-surface);color:var(--active-ink);box-shadow:0 14px 26px #49382c1c}.mode-tabs strong,.mode-tabs span{display:block}.mode-tabs strong{font-size:21px}.mode-tabs span{margin-top:5px;font-size:14px;opacity:.78}.picker-heading{display:flex;align-items:end;justify-content:space-between;margin:28px 2px 14px}.picker-heading>div>span,.picker-heading>span{color:var(--muted);font-size:13px}.picker-heading h2{margin-top:5px;font-size:24px}.target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.target-card{position:relative;min-height:196px;padding:25px 20px 20px;border:1px solid #e2d6c7;border-radius:22px;background:var(--surface);color:var(--ink);text-align:left}.target-card.selected{border:2px solid #b85c3d;box-shadow:0 10px 30px #8d4b3218}.target-badge{position:absolute;top:15px;right:15px;padding:5px 9px;border-radius:999px;background:#f3e8d9;color:#80684f;font-size:12px}.target-symbol{display:block;width:112px;height:72px;margin-bottom:10px;overflow:hidden;border-radius:14px;background:#f7efe4}.target-symbol img{width:100%;height:100%;display:block;object-fit:cover;mix-blend-mode:multiply}.target-card strong,.target-card small{display:block}.target-card strong{font-size:20px}.target-card small{margin-top:7px;color:var(--muted);font-size:14px;line-height:1.5}.mission-start{width:100%;min-height:82px;margin-top:16px;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:20px;background:#b85c3d;color:#fff;font-size:18px;font-weight:800;box-shadow:0 12px 24px #8f472e25}.mission-start strong{font-size:14px;opacity:.8}.promise-preview{max-width:1380px;margin:20px auto 0;display:grid;grid-template-columns:1fr auto;gap:10px 24px;align-items:center;padding:22px 26px;border-radius:22px;background:var(--surface-muted)}.promise-preview>div:first-child>span{color:var(--muted);font-size:12px}.promise-preview h2{margin-top:4px;font-size:19px}.promise-preview p{margin-top:4px;color:var(--muted);font-size:14px}.promise-score strong{color:#a66a2b;font-size:34px}.promise-score span{color:var(--muted);font-size:14px}.promise-track{grid-column:1 / -1;height:7px;overflow:hidden;border-radius:99px;background:#dfd2bd}.promise-track span{display:block;height:100%;border-radius:inherit;background:#c88d45}.lobby-footer{padding:26px 0 24px;text-align:center;color:#64748b;font-size:12px}.lobby-footer a{color:inherit;text-decoration:none}.teacher-dialog{width:min(720px,calc(100vw - 32px));border:0;border-radius:26px;padding:0;color:var(--ink);background:var(--surface);box-shadow:0 30px 90px #392b2366}.teacher-dialog::backdrop{background:#35292180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.teacher-dialog form{padding:28px}.teacher-dialog header{display:flex;justify-content:space-between;align-items:start}.teacher-dialog header span{color:var(--accent);font-size:13px}.teacher-dialog header h2{margin-top:5px;font-size:26px}.dialog-close{width:52px;height:52px;border:0;border-radius:50%;background:#f3ece3;color:#76685d;font-size:28px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.settings-grid label{color:var(--muted);font-size:14px;font-weight:700}.settings-grid .wide{grid-column:1 / -1}.settings-grid input{width:100%;min-height:58px;margin-top:7px;padding:0 15px;border:1px solid #ddcfbd;border-radius:13px;background:var(--surface-input);color:var(--ink);font:inherit;font-size:16px}.theme-picker{margin:0;padding:0;border:0}.theme-picker legend{color:var(--muted);font-size:14px;font-weight:700}.theme-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.theme-picker button{min-height:82px;padding:11px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:var(--surface-soft)}.theme-picker button.selected{border:2px solid var(--accent);color:var(--ink);box-shadow:0 5px 16px #2d244015}.theme-swatches{display:flex;justify-content:center;margin-bottom:8px}.theme-swatches i{width:23px;height:23px;border:2px solid #ffffffaa;border-radius:50%;box-shadow:0 2px 5px #1f1a1820}.theme-swatches i+i{margin-left:-5px}.theme-picker strong{font-size:14px}[data-color-theme=night] .target-symbol{background:#fff8ed}[data-color-theme=night] .target-symbol img{mix-blend-mode:normal}[data-color-theme=night] .scene-heading p,[data-color-theme=night] .room-label,[data-color-theme=night] .mode-label,[data-color-theme=night] .stage-notes,[data-color-theme=night] .picker-heading>div>span,[data-color-theme=night] .picker-heading>span{color:var(--muted)}[data-color-theme=night] .mode-label,[data-color-theme=night] .stage-notes{border-color:var(--line)}[data-color-theme=night] .target-card,[data-color-theme=night] .secret-letter,[data-color-theme=night] .teacher-settings-button,[data-color-theme=night] .mode-tabs button,[data-color-theme=night] .teacher-dialog{border-color:var(--line);box-shadow:0 18px 50px #090b1c48}.settings-grid input:focus-visible{outline:3px solid #477160;outline-offset:2px}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.dialog-actions button{min-height:60px;padding:0 20px;border-radius:14px;font-weight:750}.text-button{border:0;background:transparent;color:var(--muted)}.save-button{border:0;background:#b85c3d;color:#fff}.tiger-figure{position:relative;isolation:isolate;width:min(70%,620px);aspect-ratio:1;margin:40px auto 20px}.tiger-figure:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#ba864c30 0%,#c9975920 42%,#d8af7410 60%,transparent 74%)}.tiger-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;opacity:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);mask-composite:intersect;transition:opacity .75s ease,transform .75s ease;transform:scale(.99)}.tiger-image.active{opacity:1;transform:scale(1)}.creator-scene{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 0}.creation-board{position:relative;width:min(76vw,760px);aspect-ratio:3 / 2;margin:28px 0 20px;border:1px solid #b9c9c2;border-radius:32px;color:#315f5c;background:#e7ece9;overflow:hidden;box-shadow:0 22px 50px #3e655919}.creation-muted,.creation-reveal,.creation-reveal img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.creation-muted,.creation-reveal img{object-fit:cover}.creation-muted{filter:grayscale(1) contrast(.78) brightness(1.18);opacity:.22}.creation-reveal{transition:clip-path 1.2s ease}.growth-stages,.growth-stages img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.growth-stages img{object-fit:cover;opacity:0;transform:scale(.99);transition:opacity 1s ease,transform 1s ease}.growth-stages img.active{opacity:1;transform:scale(1)}.creation-progress{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;color:#fff;text-shadow:0 2px 18px #263c39a8}.creation-progress strong,.creation-progress span{display:block}.creation-progress strong{font-family:Gaegu,sans-serif;font-size:clamp(64px,8vw,104px);line-height:.9}.creation-progress span{margin-top:13px;font-size:18px;font-weight:800}.creation-orbit,.creation-orbit span{position:absolute;border:1px solid #67928966;border-radius:50%}.creation-orbit{top:12%;right:12%;bottom:12%;left:12%;animation:slow-turn 18s linear infinite}.creation-orbit span:nth-child(1){width:18px;height:18px;left:5%;top:48%;background:#c98c5d}.creation-orbit span:nth-child(2){width:12px;height:12px;right:15%;top:8%;background:#d7ad55}.creation-orbit span:nth-child(3){width:15px;height:15px;right:4%;bottom:25%;background:#6e91a8}.discovery-row{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.discovery-row span{padding:10px 14px;border:1px dashed #c9c1b6;border-radius:99px;color:#9a8f85;font-size:14px}.discovery-row span.opened{border-style:solid;border-color:#8db3a8;background:#e8f2ed;color:#3f6e63}.secret-discovery small{color:#b85c3d;font-size:11px;font-weight:800}@keyframes slow-turn{to{transform:rotate(360deg)}}.stage{min-width:0;position:relative;display:flex;flex-direction:column;min-height:100svh;padding:29px 46px 24px;background:var(--canvas);color:var(--ink);transition:background .4s ease,color .4s ease;overflow:hidden}.stage-top,.stage-notes{display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:1}.room-label{font-size:14px;color:#88735f;letter-spacing:.03em}.mode-label{font-size:14px;padding:9px 15px;border:1px solid #e6d8c5;border-radius:30px;color:#806b58}.nap-scene{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:0;padding:32px 0}.scene-heading{z-index:1}.eyebrow{display:block;font-size:14px;color:#9b6547;margin-bottom:12px;letter-spacing:.08em}h1{font-family:Gaegu,Pretendard Variable,sans-serif;font-size:clamp(34px,3.6vw,62px);line-height:1.2;letter-spacing:-1.4px;font-weight:700;color:var(--stage-copy)}.scene-heading p{font-size:clamp(16px,1.2vw,20px);color:#88735f;margin-top:14px;line-height:1.6}.cat-art{position:relative;isolation:isolate;width:min(100%,950px);margin:-5px 0 -14px;background:var(--canvas)}.cat-image{width:100%;display:block;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 1.5%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 1.5%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;transform-origin:50% 88%}.cat-figure{position:relative;width:100%}.toy-pile{position:absolute;left:0;bottom:44px;width:100%;height:62%;pointer-events:none;z-index:2}.live-filling-section{display:grid;gap:8px}.live-filling-picker,.live-filling-amount{display:grid;gap:6px}.live-filling-picker,.live-filling-amount{grid-template-columns:repeat(2,1fr)}.live-filling-picker button,.live-filling-amount button{min-height:40px;padding:6px 8px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface-soft);font-size:14px;font-weight:750}.live-filling-picker button[aria-pressed=true],.live-filling-amount button[aria-pressed=true]{border-color:var(--accent);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}.live-filling-amount button:disabled{opacity:.42}.warning-arrived{position:absolute;top:80px;left:50%;z-index:8;display:flex;align-items:center;gap:12px;padding:14px 22px;border:1px solid #d99479;border-radius:999px;background:#fff7f1f2;color:#9a4b32;box-shadow:0 14px 36px #7b3d2824;transform:translate(-50%);animation:warning-arrive 2.2s ease both;pointer-events:none}.warning-arrived span{font-size:17px;font-weight:850}.warning-arrived strong{padding-left:12px;border-left:1px solid #dfb6a6;font-size:14px}@keyframes warning-arrive{0%{opacity:0;transform:translate(-50%,-14px) scale(.94)}15%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-6px) scale(.98)}}.spicy-challenge{position:absolute;top:86px;right:34px;z-index:7;width:min(310px,calc(100% - 68px));padding:17px 20px;border-radius:20px;color:#fff8ec;background:#69423aee;box-shadow:0 16px 38px #3f261f35;animation:spicy-in .45s ease both}.spicy-challenge span,.spicy-challenge small{display:block}.spicy-challenge span{font-size:14px;font-weight:800}.spicy-challenge strong{display:block;margin:3px 0;font-family:Gaegu,sans-serif;font-size:38px;line-height:1.1}.spicy-challenge.countdown strong{font-size:56px}.spicy-challenge small{color:#f4d8c9;font-size:12px}.spicy-challenge.success{color:#563021;background:#ffdf9af2;box-shadow:0 18px 45px #a55c2c2e}.spicy-challenge.success small{color:#875d45}.spicy-challenge.ultra{background:#3e332fee;border:1px solid #f28a45;box-shadow:0 18px 46px #c44e2738}.spicy-challenge.success.ultra{color:#fff6e8;background:#c14e2df2}.spicy-challenge.success.ultra small{color:#ffe0bd}@keyframes spicy-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cat-fallback{transition:opacity .9s ease,transform .9s ease}.cat-fallback-awake{position:absolute;top:0;right:0;bottom:0;left:0}.cat-fallback.hidden-state{opacity:0;transform:scale(.996)}.cat-canvas{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.sleep-notes{position:absolute;right:22%;top:13%;font-family:Gaegu,sans-serif;font-size:38px;color:#a591b0;transform:rotate(10deg);animation:dream 5s ease-in-out infinite}.sleep-notes span{display:inline-block;font-size:29px;transform:translate(8px,-26px)}.sleep-notes small{display:inline-block;font-size:21px;transform:translate(14px,-47px)}.scene-status{z-index:1;display:flex;gap:12px;align-items:center;justify-content:center;background:#fffdf5d9;padding:13px 24px;border:1px solid #e8decd;border-radius:50px;font-size:17px;color:#687154;box-shadow:0 4px 20px #86684305}.status-mark{font-size:24px;color:#b39153}.scene-status button{border:0;background:#efddc5;color:#654e37;border-radius:30px;padding:12px 18px;min-height:64px}.stage-notes{margin:9px auto 0;width:min(760px,100%);border-bottom:1px solid #ebdfce;padding-bottom:10px;font-size:12px;color:#8b7a68}.stage-notes>span:first-child{font-family:Gaegu,sans-serif;font-size:20px}.calibration-badge{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff8edd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:30px}.calibration-badge strong{font-size:90px;color:#a76742}.calibration-badge span{font-size:18px;color:#806b58}.awake .scene-status,.stirring .scene-status{color:#a15b40}.waiting .scene-status{color:#88735f}.breath-caption{position:absolute;left:19%;top:42%;color:#906f60;font-family:Gaegu,sans-serif;font-size:clamp(22px,2vw,32px);pointer-events:none}.cat-name-settings{margin-top:12px}.cat-name-settings summary{color:#946449;font-size:14px;overflow-wrap:anywhere}.cat-name-settings label{display:block;margin:10px 0}.cat-name-row{display:flex;gap:7px}.cat-name-row input{min-width:0;width:100%;font:inherit;font-size:16px;padding:10px;border:1px solid #d5bca1;border-radius:10px;background:#fffdf8;color:#51443e}.cat-name-row input:focus-visible{outline:3px solid #477160;outline-offset:3px}.cat-name-row button{min-height:64px;min-width:64px;border:0;border-radius:10px;background:#f0dfc9;color:#604932}.name-feedback{font-size:13px;color:#477160}.dream-bubble{position:absolute;z-index:2;left:14%;top:5%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px 22px;border:1px solid #e7d9c4;border-radius:45%;background:#fffdf8bf;box-shadow:0 4px 20px #a5804910;color:#8b7058;font-size:14px;max-width:65%;pointer-events:none;transform-origin:50% 65%;animation:dream-arrive 1.5s ease both,dream-float 11s ease-in-out infinite,dream-softness 4.6s ease-in-out infinite}.dream-bubble:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fffdf8bf;border:1px solid #e7d9c4;right:10px;bottom:-15px}.dream-symbol{font-size:clamp(32px,3vw,48px);line-height:1.2}@keyframes dream-arrive{0%{opacity:0}to{opacity:1}}@keyframes dream-float{0%,to{translate:0 0}25%{translate:clamp(10px,2vw,26px) -12px}50%{translate:clamp(16px,3vw,38px) 5px}75%{translate:-8px -7px}}@keyframes dream-softness{0%,to{transform:rotate(-1deg) scale(1)}30%{transform:rotate(1.5deg) scale(1.025,.98)}65%{transform:rotate(-1.5deg) scale(.98,1.025)}}.breath-caption>span{position:absolute;white-space:nowrap;opacity:0;animation:soft-breath 5.6s linear infinite}.breath-caption>span:nth-child(2){animation-delay:-2.8s}@keyframes soft-breath{0%{opacity:0;transform:translate(-10px,15px) rotate(-6deg) scale(.92)}18%{opacity:.8;transform:translate(-20px,-8px) rotate(-3deg) scale(1)}48%{opacity:.7;transform:translate(-8px,-48px) rotate(4deg) scale(1.04)}75%{opacity:.35;transform:translate(-24px,-84px) rotate(-3deg) scale(1.08)}to{opacity:0;transform:translate(-14px,-120px) rotate(3deg) scale(1.12)}}@keyframes dream{0%,to{opacity:.5;transform:translateY(0) rotate(10deg)}50%{opacity:.9;transform:translateY(-8px) rotate(10deg)}}@media (min-width: 1600px){.app{grid-template-columns:360px 1fr}.panel{padding:36px 30px 0;gap:28px}.meter strong{font-size:84px}.stage{padding:38px 64px 28px}.cat-art{width:min(100%,1050px)}.panel h2{font-size:17px}}@media (max-height: 850px) and (min-width: 901px){.panel{gap:17px;padding-top:22px}.cat-art{max-width:min(100%,660px)}.nap-scene{padding:18px 0}.scene-heading p{margin-top:8px}.stage{padding-top:22px}.stage-notes{padding-bottom:8px}.eyebrow{margin-bottom:7px}.meter strong{font-size:62px}}@media (max-width: 1100px){.app{grid-template-columns:285px minmax(0,1fr)}.panel{padding-left:18px;padding-right:18px}.stage{padding-left:24px;padding-right:24px}.stage-notes{flex-direction:column;gap:5px}.cat-art{margin:20px 0}.scene-status{font-size:15px;padding:12px 17px}}@media (max-width: 700px){.spicy-challenge{top:74px;right:16px}.mission-lobby{padding:20px 16px}.lobby-header{margin-bottom:18px}.lobby-header .brand{font-size:23px}.teacher-settings-button{min-height:50px;padding:0 13px}.secret-letter{align-items:flex-start;gap:14px;padding:25px 22px}.letter-seal{flex-basis:58px;font-size:23px}.secret-letter h1{font-size:34px}.secret-letter p{font-size:16px}.mode-tabs,.target-grid{grid-template-columns:1fr}.picker-heading{align-items:flex-start;flex-direction:column;gap:8px}.target-card{min-height:150px}.target-symbol{min-height:48px;font-size:38px}.mission-start,.promise-preview{align-items:flex-start}.mission-start{flex-direction:column;gap:5px}.promise-preview{grid-template-columns:1fr}.promise-track{grid-column:1}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:1}.teacher-dialog form{padding:22px}.app{display:flex;flex-direction:column}.stage{order:-1;min-height:620px;padding:20px 20px 18px}.stage-top{gap:8px}.room-label,.mode-label{font-size:12px}.nap-scene{padding:32px 0 25px}.cat-art{margin:12px 0;max-width:560px}.scene-heading p{max-width:310px;margin:12px auto 0}h1{font-size:36px}.eyebrow{font-size:12px}.panel{height:auto;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;padding:28px 20px 0;border-right:0;border-top:1px solid var(--line)}.panel-head,.meter-card,.mic-alert,.calibration,.footer{grid-column:1/-1}.meter-card{padding:20px}.meter strong{font-size:76px}.trend-controls>div{gap:8px}.panel-section h2{font-size:14px}.section-line{flex-wrap:wrap}.sensitivity{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sensitivity button{font-size:14px}.warning-hearts{gap:13px}.warning-hearts span{font-size:36px}.scene-status{flex-wrap:wrap}.sleep-notes{font-size:28px;right:16%}}@media (prefers-reduced-motion: reduce){.breath-caption>span:first-child{opacity:.65}*,*:before,*:after{animation:none!important;transition:none!important}}.mission-lobby{position:relative;isolation:isolate;height:100svh;max-height:100svh;overflow:hidden;padding:clamp(12px,2.4vh,26px) clamp(24px,4vw,72px) clamp(12px,2vh,20px);color:#fffaf0;background:linear-gradient(125deg,#101332,#20245d 48%,#27398a)}.lobby-key-visual{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background-image:url(/bg-lobby-secret-night.webp);background-position:center;background-size:cover;filter:saturate(1.04);transform:scale(1.002)}.mission-lobby:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#080a21f0,#0c0e2dd1 34%,#0d113157 57%,#080a1e14),linear-gradient(0deg,rgba(5,8,26,.82) 0%,transparent 24%,rgba(7,9,29,.18) 100%)}.mission-lobby .lobby-header{position:relative;z-index:2;max-width:1680px;margin:0 auto 18px}.mission-lobby .lobby-header .brand{color:#f8fbff;font-size:clamp(27px,2.2vw,38px);text-shadow:0 3px 18px rgba(51,224,255,.4)}.mission-lobby .lobby-header .brand span{color:#6be7ff}.mission-lobby .teacher-settings-button{border-color:#9ce5ff70;background:#0c123ba8;color:#f4fbff;box-shadow:inset 0 0 18px #53dcff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lobby-content{position:relative;z-index:1;width:min(700px,47vw);max-width:1680px;margin:0 auto 0 max(0px,calc((100vw - 1680px)/2))}.lobby-title{padding:clamp(2px,1vh,14px) 8px clamp(6px,1.4vh,18px)}.lobby-kicker{display:inline-flex;align-items:center;min-height:34px;padding:6px 13px;border:1px solid rgba(101,229,255,.38);border-radius:999px;background:#131c4cad;color:#aaf2ff;font-size:14px;font-weight:800;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-title h1{margin-top:clamp(4px,1.2vh,14px);color:#fff8db;font-family:Gaegu,Pretendard,sans-serif;font-size:clamp(32px,min(5.2vw,7.4vh),82px);font-weight:800;line-height:.9;letter-spacing:-.055em;text-shadow:0 4px 0 #4e276f,0 8px 0 #25184d,0 14px 34px rgba(0,0,0,.42),0 0 24px rgba(74,222,255,.2)}.lobby-title h1 small{display:block;margin-bottom:7px;color:#72e7ff;font-size:.56em;letter-spacing:-.025em;text-shadow:0 3px 0 #174683,0 8px 24px rgba(0,0,0,.38)}.lobby-title p{margin-top:clamp(8px,1.8vh,22px);color:#f3e7ca;font-size:17px;font-weight:650;text-shadow:0 2px 10px rgba(0,0,0,.55)}.mission-lobby .mission-picker{width:100%;padding:clamp(8px,1.4vh,14px);border:1px solid rgba(151,223,255,.24);border-radius:24px;background:#0c1033ad;box-shadow:0 24px 70px #03061d6b,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mission-lobby .mode-tabs{gap:9px}.mission-lobby .mode-tabs button{min-height:clamp(56px,8.4vh,76px);padding:clamp(8px,1.3vh,13px) 16px;border-color:#9adaff38;border-radius:16px;background:#232b62c2;color:#c9d6ef}.mission-lobby .mode-tabs button[aria-selected=true]{border-color:#79e8ff;background:linear-gradient(135deg,#3d2a83,#176e92);color:#fff;box-shadow:0 8px 22px #15aed638,inset 0 1px #ffffff2e}.mission-lobby .mode-tabs strong{font-size:19px}.mission-lobby .mode-tabs span{margin-top:3px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.mission-lobby .picker-heading{margin:15px 2px 9px}.mission-lobby .picker-heading>div>span,.mission-lobby .picker-heading>span{color:#a9bad4}.mission-lobby .picker-heading h2{margin-top:2px;color:#fff8e4;font-size:19px}.mission-lobby .target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mission-lobby .target-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;min-height:82px;padding:9px 12px;border-color:#a6d5f433;border-radius:16px;background:#1c2250c7;color:#fff}.mission-lobby .target-card.selected{border-color:#ffd75f;box-shadow:0 0 0 1px #ffd75f,0 8px 24px #ffc43429;background:linear-gradient(135deg,#4d3585f0,#1b5470eb)}.mission-lobby .target-badge{top:7px;right:7px;padding:3px 7px;background:#ffe27ef2;color:#623a16;font-size:11px;font-weight:800}.mission-lobby .target-symbol{width:72px;height:62px;margin:0;border-radius:12px;background:#e9e5da}.mission-lobby .target-symbol img{mix-blend-mode:normal}.mission-lobby .target-copy{min-width:0;padding-top:9px}.mission-lobby .target-card strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.mission-lobby .target-card small{display:-webkit-box;margin-top:3px;overflow:hidden;color:#bdcbe0;font-size:12px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mission-lobby .mission-start{position:relative;justify-content:flex-start;gap:12px;min-height:78px;margin-top:11px;padding:10px 18px;overflow:hidden;border:3px solid #fff4a8;border-radius:22px;background:linear-gradient(180deg,#ffe75b,#ffc51f 52%,#f29a0b);color:#6a2d0c;font-size:23px;box-shadow:0 6px #a34a0d,0 13px 28px #00000057,inset 0 4px #ffffffa3;text-shadow:0 1px rgba(255,255,255,.5)}.mission-lobby .mission-start:after{content:"";position:absolute;inset:3px 14% auto;height:8px;border-radius:999px;background:#ffffff80}.mission-lobby .mission-start:active{transform:translateY(3px);box-shadow:0 3px #a34a0d,0 8px 18px #00000047,inset 0 4px #ffffff8f}.mission-lobby .mission-start .start-icon{display:grid;place-items:center;width:48px;aspect-ratio:1;flex:0 0 auto;border-radius:50%;background:#fffef2;color:#f29a0b;font-size:20px;box-shadow:0 3px #82400b33}.mission-lobby .mission-start strong{margin-left:auto;font-size:13px;opacity:.72}.mission-lobby .promise-preview{margin-top:11px;padding:12px 15px;border:1px solid rgba(145,215,255,.18);border-radius:16px;background:#0a0e2ca8;color:#fff8e5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mission-lobby .promise-preview>div:first-child>span,.mission-lobby .promise-preview p,.mission-lobby .promise-score span{color:#b9c7df}.mission-lobby .promise-preview h2{font-size:16px}.mission-lobby .promise-preview p{font-size:12px}.mission-lobby .promise-score strong{color:#ffe16f;font-size:29px}.mission-lobby .promise-track{height:5px;background:#a0b2d33d}.mission-lobby .promise-track span{background:linear-gradient(90deg,#4ce0ff,#ffe16f)}.mission-lobby .lobby-footer{position:relative;z-index:1;padding:16px 0 24px;text-shadow:0 1px 6px rgba(0,0,0,.85)}.mission-lobby button:focus-visible,.mission-lobby a:focus-visible{outline:3px solid #fff3a2;outline-offset:3px}@media (max-width: 1050px){.lobby-content{width:min(660px,61vw)}.mission-lobby:before{background:linear-gradient(90deg,#080a21f5,#0b0e2bd1 49%,#080a1e42 76%)}.mission-lobby .target-card small{-webkit-line-clamp:1}}@media (min-width: 901px) and (max-height: 960px){.mission-lobby{padding-top:15px;padding-bottom:10px}.mission-lobby .lobby-header{margin-bottom:2px}.mission-lobby .lobby-header .brand{font-size:28px}.mission-lobby .teacher-settings-button{min-height:48px;padding-inline:16px}.mission-lobby .lobby-title{padding:clamp(0px,.6vh,5px) 8px clamp(3px,1.2vh,10px)}.mission-lobby .lobby-kicker{min-height:30px;padding-block:4px}.mission-lobby .lobby-title h1{margin-top:clamp(2px,1vh,9px);font-size:clamp(30px,min(4vw,7vh),62px)}.mission-lobby .lobby-title h1 small{margin-bottom:3px}.mission-lobby .lobby-title p{margin-top:clamp(4px,1.4vh,13px);font-size:clamp(13px,2vh,16px)}.mission-lobby .mission-picker{padding:10px;border-radius:20px}.mission-lobby .mode-tabs button{min-height:60px;padding:9px 14px}.mission-lobby .mode-tabs strong{font-size:17px}.mission-lobby .picker-heading{margin:9px 2px 6px}.mission-lobby .picker-heading h2{font-size:17px}.mission-lobby .target-card{grid-template-columns:58px minmax(0,1fr);min-height:66px;padding:6px 9px}.mission-lobby .target-symbol{width:58px;height:52px}.mission-lobby .target-copy{padding-top:7px}.mission-lobby .target-card small{-webkit-line-clamp:1}.mission-lobby .mission-start{min-height:64px;margin-top:9px;border-radius:18px;font-size:20px}.mission-lobby .mission-start .start-icon{width:42px}.mission-lobby .promise-preview{margin-top:8px;padding:8px 13px}.mission-lobby .promise-preview h2{font-size:15px}.mission-lobby .promise-preview p{margin-top:1px}.mission-lobby .lobby-footer{padding:8px 0 24px}.panel{gap:9px;padding:14px 16px 0;overflow:auto}.panel-head p{margin-top:3px}.panel-top-actions{margin-top:7px}.panel-top-actions button{min-height:44px;font-size:12px}.quick-mission{gap:7px;padding:6px 8px}.quick-mission input{min-height:38px;font-size:14px}.meter-card{padding:11px 13px 7px;border-radius:17px}.meter{padding-top:3px}.meter strong{font-size:49px}.meter>span{font-size:17px;padding-top:8px}.trend{padding:2px 0 5px}.trend-controls button{min-height:42px}.calibration-actions{margin-top:4px;padding-top:4px}.calibration-actions button{min-height:40px;font-size:11px}.meter-help summary{padding-top:2px}.sensitivity{margin-top:6px}.sensitivity button{min-height:52px}.sensitivity button>span{font-size:15px;margin-bottom:1px}.panel .helper{margin-top:4px;font-size:12px;line-height:1.35}.panel .sensitivity-helper{display:none}.warning-hearts{gap:16px;margin-top:3px}.warning-hearts span{font-size:31px}.warning-total,.recovery{margin-top:2px;font-size:12px}.promise-mini{padding:9px 11px}.promise-mini p{margin-top:2px;font-size:12px}.star-actions{margin-top:5px;grid-template-columns:48px 1fr 48px}.star-actions button{min-height:46px}.calibration{padding-top:8px}.primary-button{min-height:50px;margin-top:5px}.reset-button{min-height:42px;margin-top:0}.panel details{font-size:12px;line-height:1.35}.panel summary{padding:3px 0}.panel .footer{line-height:1.45}.stage{height:100svh;min-height:0;padding-top:18px;padding-bottom:14px}.nap-scene{padding:10px 0}.cat-art{width:min(100%,720px);margin-block:-12px -20px}.stage-notes{padding-bottom:6px}.creator-scene{padding:8px 0}.creation-board{width:min(64vw,620px);margin:11px 0 9px}.discovery-row{margin-bottom:9px}.teacher-dialog{max-height:calc(100svh - 28px);overflow:auto}.teacher-dialog form{padding:20px 24px}.settings-grid{gap:10px 14px;margin-top:14px}.settings-grid input{min-height:50px;margin-top:4px}.theme-picker button{min-height:68px}.dialog-actions{margin-top:14px}}@media (max-width: 700px){.mission-lobby{overflow:auto;padding:18px 14px 20px}.lobby-key-visual{position:fixed;background-position:68% center}.mission-lobby:before{position:fixed;background:linear-gradient(180deg,#080a21a8,#080a21f0 30%,#080a21f7)}.mission-lobby .lobby-header{margin-bottom:6px}.mission-lobby .teacher-settings-button{min-height:48px}.lobby-content{width:100%;margin:0}.lobby-title{padding:12px 5px 18px}.lobby-title h1{font-size:clamp(45px,15vw,65px)}.lobby-title p{margin-top:19px;font-size:16px}.mission-lobby .mission-picker{padding:11px}.mission-lobby .mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-lobby .mode-tabs button{min-height:70px;padding:10px 12px}.mission-lobby .mode-tabs span,.mission-lobby .picker-heading>span,.mission-lobby .target-card small{display:none}.mission-lobby .target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-lobby .target-card{grid-template-columns:54px minmax(0,1fr);min-height:68px;padding:7px}.mission-lobby .target-symbol{width:54px;height:52px}.mission-lobby .target-card strong{font-size:14px}.mission-lobby .target-copy{padding-top:8px}.mission-lobby .mission-start{min-height:72px;font-size:19px}.mission-lobby .mission-start strong{display:none}.mission-lobby .promise-preview{grid-template-columns:1fr auto}.mission-lobby .promise-track{grid-column:1 / -1}}.mission-lobby{--scene-x: 0px;--scene-y: 0px;--content-x: 0px;--content-y: 0px;--glow-x: 36%;--glow-y: 28%}.mission-lobby .lobby-key-visual{transform:translate3d(var(--scene-x),var(--scene-y),0) scale(1.025);transition:transform .85s cubic-bezier(.2,.8,.2,1);will-change:transform}.lobby-ambient{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.lobby-ambient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 240px at var(--glow-x) var(--glow-y),rgba(100,229,255,.12),rgba(100,229,255,.035) 45%,transparent 72%);mix-blend-mode:screen;opacity:.86;transition:background-position .45s ease}.lobby-ambient:after{content:"";position:absolute;width:min(52vw,820px);aspect-ratio:1;right:-12vw;top:-28vw;border-radius:50%;background:radial-gradient(circle,rgba(255,226,127,.14),rgba(89,208,255,.035) 48%,transparent 70%);animation:lobby-moon-breathe 8s ease-in-out infinite}.mission-lobby .lobby-header,.mission-lobby .lobby-content{transform:translate3d(var(--content-x),var(--content-y),0);transition:transform 1s cubic-bezier(.2,.8,.2,1);will-change:transform}.mission-lobby .lobby-title,.mission-lobby .mission-picker,.mission-lobby .promise-preview{animation:lobby-rise-in .8s both cubic-bezier(.18,.8,.25,1)}.mission-lobby .mission-picker{animation-delay:.1s}.mission-lobby .promise-preview{animation-delay:.18s}.mission-lobby .lobby-title h1 small{color:transparent;background:linear-gradient(105deg,#71e7ff 20%,#e4fbff,#71e7ff 64%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;animation:lobby-title-shimmer 6s ease-in-out infinite}.mission-lobby .target-card,.mission-lobby .mode-tabs button,.mission-lobby .teacher-settings-button{transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.mission-lobby .target-card.selected{animation:selected-secret-glow 3.8s ease-in-out infinite}.mission-lobby .mission-start:after{width:34%;inset:3px auto auto -42%;transform:skew(-22deg);animation:start-button-shine 4.6s ease-in-out infinite}.mission-lobby .start-icon{animation:start-icon-pulse 2.8s ease-in-out infinite}@media (hover: hover) and (pointer: fine){.mission-lobby .target-card:hover,.mission-lobby .mode-tabs button:hover,.mission-lobby .teacher-settings-button:hover{transform:translateY(-2px)}.mission-lobby .target-card:hover{border-color:#7ce6ffad;box-shadow:0 10px 26px #04092457}.mission-lobby .mission-start:hover{filter:brightness(1.06) saturate(1.04);transform:translateY(-2px);box-shadow:0 8px #a34a0d,0 17px 34px #0000005c,inset 0 4px #ffffffad}}@keyframes lobby-rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lobby-moon-breathe{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:.92;transform:scale(1.05)}}@keyframes lobby-title-shimmer{0%,28%,to{background-position:100% center}50%,68%{background-position:0 center}}@keyframes selected-secret-glow{0%,to{box-shadow:0 0 0 1px #ffd75f,0 8px 24px #ffc43421}50%{box-shadow:0 0 0 1px #fff0a0,0 8px 30px #ffd14647}}@keyframes start-button-shine{0%,68%{left:-42%;opacity:0}72%{opacity:.58}88%,to{left:112%;opacity:0}}@keyframes start-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.mission-lobby .lobby-key-visual,.mission-lobby .lobby-header,.mission-lobby .lobby-content{transform:none;transition:none}.lobby-ambient:after,.mission-lobby .lobby-title,.mission-lobby .mission-picker,.mission-lobby .promise-preview,.mission-lobby .lobby-title h1 small,.mission-lobby .target-card.selected,.mission-lobby .mission-start:after,.mission-lobby .start-icon{animation:none}}.landing-bar{position:relative;z-index:1}.landing-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}.bar-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);color:var(--muted);cursor:pointer;transition:color .18s ease,border-color .18s ease,transform .18s ease}.bar-button:hover{color:var(--accent);transform:translateY(-1px)}.bar-home{font-size:17px;line-height:1}.bar-version{position:relative;margin-left:auto;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer}.version-dot{position:absolute;top:3px;right:4px;width:7px;height:7px;border-radius:50%;background:#ff6b6b}.bar-toast{flex:1 0 100%;margin:4px 0 0;color:var(--muted);font-size:12px}.mission-lobby .bar-button,.mission-lobby .bar-version{border-color:#96cdf042;background:#0a0e2ca8;color:#dbe6f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-lobby .bar-button:hover{color:#6be7ff;border-color:#6be7ff80}.mission-lobby .bar-toast{color:#ffe16f;text-shadow:0 1px 5px rgba(0,0,0,.7)}.changelog-dialog{width:min(520px,calc(100vw - 32px));border:0;border-radius:26px;padding:0;color:var(--ink);background:var(--surface);box-shadow:0 30px 90px #392b2366}.changelog-dialog::backdrop{background:#35292180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.changelog-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 24px 12px}.changelog-dialog header span{color:var(--muted);font-size:12px;font-weight:600}.changelog-dialog header h2{margin:3px 0 0;font-size:21px}.changelog-body{max-height:min(56vh,440px);overflow:auto;padding:0 24px 22px}.changelog-body details{border-top:1px solid var(--line);padding:11px 0}.changelog-body summary{display:flex;align-items:baseline;gap:8px;cursor:pointer;font-size:14px}.changelog-body summary small{color:var(--muted);font-size:12px}.changelog-body ul{margin:8px 0 2px;padding:0;list-style:none;display:grid;gap:7px}.changelog-body li{display:flex;align-items:baseline;gap:8px;color:var(--muted);font-size:13px;line-height:1.5}.change-kind{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:var(--surface-muted);color:var(--ink);font-size:11px;font-weight:700}.change-kind.kind-new{background:#ffe6c9;color:#8a4a12}.change-kind.kind-fix{background:#ffdcdc;color:#933434}.change-kind.kind-up{background:#d7efe0;color:#2f6a4c}@media (max-width: 720px){.bar-button{width:38px;height:38px}}@media (prefers-reduced-motion: reduce){.bar-button,.bar-button:hover{transform:none;transition:none}}.stage-timer{margin-left:auto;margin-right:14px;font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--stage-copy)}.star-hint{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:8px 0 0}.star-hint span{color:var(--muted);font-size:12px}.result-screen{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;flex-direction:column;align-items:stretch;max-width:min(420px,calc(100vw - 48px));max-height:calc(100svh - 48px);overflow:auto;animation:result-pop .5s cubic-bezier(.2,1.1,.4,1)}@keyframes result-pop{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.result-screen{animation:none}}.result-card{width:100%;padding:20px 22px 18px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 24px 70px #392b2347;text-align:center}.result-eyebrow{color:var(--muted);font-size:12px;font-weight:600}.result-card h1{margin:8px 0 0;font-size:clamp(19px,1.6vw,23px);line-height:1.3}.star-burst{margin-top:16px}.star-row{display:flex;justify-content:center;gap:8px;font-size:40px;line-height:1;color:#f2b134}.star-row span{animation:star-pop .5s cubic-bezier(.2,1.5,.4,1) both}@keyframes star-pop{0%{transform:scale(.2) rotate(-25deg);opacity:.2}to{transform:scale(1) rotate(0);opacity:1}}.star-burst strong{display:block;margin-top:10px;color:var(--accent);font-size:17px}.result-none{margin:16px 0 0;color:var(--muted);font-size:15px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 0;padding:16px 12px;border-radius:18px;background:var(--surface-soft)}.result-stats dt{color:var(--muted);font-size:12px}.result-stats dd{margin:4px 0 0;font-size:15px;font-weight:700}.result-promise{margin-top:18px;text-align:left}.result-promise span{color:var(--muted);font-size:12px}.result-promise strong{float:right;font-size:14px}.result-promise .promise-track{clear:both;margin-top:8px}.goal-reached{margin-top:16px;padding:14px 16px;border:1px dashed var(--accent);border-radius:18px}.goal-reached strong{font-size:17px}.goal-reached p{margin:4px 0 8px;color:var(--muted);font-size:14px}.result-actions{display:flex;gap:10px;margin-top:22px}.result-actions button{flex:1;min-height:64px;border-radius:18px;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);font-size:16px;font-weight:700;cursor:pointer}.result-actions .primary-button{border-color:transparent;background:var(--active-surface);color:var(--active-ink)}.star-rule .rule-lead{margin:0 0 8px;color:var(--muted);font-size:12px}.star-rule>div{display:grid;gap:7px}.star-rule button{display:block;padding:10px 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-input);color:var(--ink);text-align:left;cursor:pointer}.star-rule button.selected{border-color:var(--accent);background:var(--surface-soft)}.star-rule button strong{display:block;font-size:14px}.star-rule button small{color:var(--muted);font-size:12px}.star-reset{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px}.star-reset small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.star-reset button:disabled{opacity:.45;cursor:default}@media (max-width: 720px){.result-stats{grid-template-columns:1fr;text-align:left}.result-actions{flex-direction:column}.star-reset{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.star-row span{animation:none}}.stage{--calm: 0;--pop: 0}.calm-field{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;pointer-events:none;z-index:2}.calm-field .spark{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);margin:calc(var(--size) / -2);border-radius:50%;background:radial-gradient(circle at 50% 38%,#fffdf4 0%,#ffd68a 20%,var(--accent) 34%,#ffc97a66 52%,transparent 72%);opacity:calc((var(--calm) * var(--n) - var(--i)) * .85);transform:scale(calc(.55 + var(--pop) * 1.15));animation:spark-float var(--dur) ease-in-out var(--delay) infinite;will-change:transform,opacity}@keyframes spark-float{0%,to{translate:0 calc(6px * var(--pop))}50%{translate:calc(4px * var(--pop)) calc(-22px * var(--pop))}}.sleep-notes{opacity:calc(.25 + var(--calm) * .75);transform:scale(calc(.82 + var(--pop) * .32));transform-origin:left bottom;transition:none}.breath-caption{opacity:calc(var(--calm) * var(--calm))}.cat-art>.cat-figure,.cat-art>.tiger-figure{transform:scale(calc(.985 + var(--pop) * .035));transition:none}.dream-bubble{opacity:calc(.55 + var(--calm) * .45)}.cat-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#8c8378;mix-blend-mode:saturation;opacity:calc((1 - var(--calm)) * .3);z-index:3}@media (prefers-reduced-motion: reduce){.calm-field .spark{animation:none}}.panel{overflow:hidden;gap:clamp(8px,1.1vh,16px);padding:clamp(12px,1.8vh,22px) 25px 0}.panel .warnings-section{margin-bottom:auto}.stage-mission{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;margin:2px auto 0;width:min(560px,100%)}.stage-mission-line{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px 7px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-mission-line label{flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.04em}.stage-mission-line input{flex:1;min-width:0;padding:6px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:17px;font-weight:700}.stage-mission-line input:hover{border-color:var(--line)}.stage-mission-line input:focus{outline:none;border-color:var(--accent);background:var(--surface-input)}.stage-promise{display:flex;align-items:center;gap:9px;width:100%;padding:0 8px;font-size:12px;color:var(--muted)}.stage-promise-name{flex:0 0 auto;font-weight:700}.stage-promise-track{flex:1;min-width:40px;height:6px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.stage-promise-track span{display:block;height:100%;border-radius:inherit;background:#c88d45}.stage-promise-score{flex:0 0 auto;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.stage-promise-hint{flex:0 0 auto;opacity:.75}.mic-chip{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #ffc9c9;border-radius:12px;background:#fff1f1;font-size:17px;line-height:1;cursor:pointer}.mic-chip i{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border:2px solid var(--canvas);border-radius:50%;background:#ff6b6b}@media (max-height: 900px){.stage-promise-hint{display:none}}@media (max-height: 1120px){.panel .sensitivity-helper{display:none}.panel .brand{font-size:24px}.panel .meter-card{padding-top:14px;padding-bottom:14px}.panel .panel-head p{margin-top:2px}}.heart-picker>div{display:flex;gap:6px}.heart-picker button{flex:1;min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface-input);color:var(--ink);font-size:15px;font-weight:700;cursor:pointer}.heart-picker button.selected{border-color:var(--accent);background:var(--surface-soft);color:var(--accent)}.heart-picker small{display:block;margin-top:6px;color:var(--muted);font-size:12px}@keyframes soft-breathe{0%,to{transform:scale(1)}42%{transform:scale(1.014)}}.tiger-figure.breathing{animation:soft-breathe 4.2s ease-in-out infinite;transform-origin:55% 62%}.growth-stages.breathing{animation:soft-breathe 4.2s ease-in-out infinite;transform-origin:50% 88%}@media (prefers-reduced-motion: reduce){.tiger-figure.breathing,.growth-stages.breathing{animation:none}}.giant-figure{position:relative;width:min(96%,900px);aspect-ratio:3 / 2;margin:4px auto -6px}.giant-image{position:absolute;transform-origin:50% 100%;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .9s ease}.giant-image.active{opacity:1;scale:var(--grow, 1);transform-origin:50% 100%;transition:opacity .9s ease,scale 1.2s ease;animation:giant-grew 1.4s ease-out}@keyframes giant-grew{0%{transform:translateY(10px) scale(.97)}60%{transform:translateY(0) scale(1.015)}to{transform:none}}@media (prefers-reduced-motion: reduce){.giant-image.active{animation:none}}.giant-figure.angry .giant-image{transition:opacity .25s ease}.giant-figure.breathing{animation:soft-breathe 4.2s ease-in-out infinite;transform-origin:50% 88%}@media (prefers-reduced-motion: reduce){.giant-figure.breathing{animation:none}}.stage{--roar: 0}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:var(--roar);background:radial-gradient(ellipse at 50% 50%,transparent 34%,rgba(196,60,48,.34) 78%,rgba(150,34,28,.52) 100%),linear-gradient(0deg,#c43c301f,#c43c301f)}@media (max-width: 900px){.mission-lobby{height:auto;max-height:none;min-height:100svh;overflow:visible}}@media (max-height: 820px) and (min-width: 901px){.mission-lobby .mode-tabs button{min-height:44px;padding-block:6px}.mission-lobby .picker-heading{margin:8px 2px 6px}.mission-lobby .mission-start{min-height:58px;margin-top:9px;padding-block:9px}.mission-lobby .promise-preview{margin-top:10px;padding-block:8px}.mission-lobby .landing-bar{margin-top:6px}}@media (max-height: 760px) and (min-width: 901px){.mission-lobby .target-card{min-height:52px}.mission-lobby .target-card small,.mission-lobby .lobby-title p{display:none}.mission-lobby .picker-heading{margin:6px 2px 4px}}@media (max-height: 690px) and (min-width: 901px){.mission-lobby .promise-preview{padding-block:6px}.mission-lobby .promise-preview>*:not(.promise-score){display:none}.mission-lobby .mode-tabs button small{display:none}}