:root{--primary:#ae2f34;--primary-container:#ff6b6b;--secondary:#006a65;--secondary-container:#79f3ea;--tertiary-fixed:#fbe36a;--error:#ba1a1a;--bg:#fff8f1;--surface:#fff;--surface-container:#f4ede5;--surface-container-low:#f9f3eb;--surface-variant:#e8e1da;--on-surface:#1e1b17;--muted:#584140;--outline-variant:#e0bfbd;--accent:#ae2f34;--accent-hover:#8c1520;--accent-dim:#ae2f341a;--border:#e8e1da;--text:#1e1b17;--ok:#1d8a52;--danger:#ba1a1a;--font-headline:"Plus Jakarta Sans", "Noto Sans KR", sans-serif;--font-body:"Be Vietnam Pro", "Noto Sans KR", sans-serif;--shadow-card:0 2px 16px #ae2f340f;font-family:var(--font-body);color:var(--on-surface);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;line-height:1.6}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}#root{color:#1c1c28;isolation:isolate;max-width:520px;min-height:100dvh;margin:0 auto;padding:1rem 1rem 2.5rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-headline);color:var(--text);margin:0 0 .5rem;font-weight:800}h1{letter-spacing:-.02em;font-size:1.75rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .5rem}.page{text-align:left}.hero h1{margin-bottom:.35rem}.muted{color:var(--muted);font-size:.95rem}.muted.small,.small{font-size:.85rem}.banner{border:1px solid var(--border);color:var(--text);background:#fff8e6;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem}.banner.warn{background:#fff8e6;border-color:#e6c96b}.banner.urgent{color:#991b1b;background:#fef2f2;border-color:#ef4444;font-weight:700}.card{background:var(--surface);box-shadow:var(--shadow-card);border:none;border-radius:20px;margin-bottom:1rem;padding:1rem 1.1rem}.muted-card{opacity:.95}.form{flex-direction:column;gap:.75rem;display:flex}.form label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}input,textarea{font:inherit;background:var(--surface-container-low);color:var(--text);border:none;border-radius:14px;padding:.65rem .75rem}textarea{resize:vertical;min-height:120px}button{font-family:var(--font-headline);cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:999px;min-height:48px;padding:.75rem 1rem;font-weight:700;transition:transform .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.55;cursor:not-allowed}.btn{cursor:pointer;font-family:var(--font-headline);border:none;border-radius:999px;min-height:48px;padding:.75rem 1rem;font-weight:700;transition:transform .15s}.btn:active:not(:disabled){transform:scale(.96)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.secondary{background:var(--accent-dim);color:var(--text);border-color:#c4c0e8}.btn.danger{color:var(--danger);background:#fde8eb;border-color:#f5a5b0}.btn.ghost{border-color:var(--border);color:var(--muted);background:#fff}.error{color:var(--danger)}.error-banner{color:#5c1f26;white-space:pre-wrap;text-align:left;background:#fff5f5;border-color:#e8a4ac;font-size:.9rem;line-height:1.45}.ok{color:var(--ok)}.room-head{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.back{flex-shrink:0;padding-top:.2rem}.plist{margin:0;padding:0;list-style:none}.plist li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 0;display:flex}.plist li:last-child{border-bottom:none}.score{font-variant-numeric:tabular-nums;color:var(--accent)}.phase-banner{background:var(--surface-container);color:var(--text);text-align:center;font-size:.9rem;font-family:var(--font-headline);border:none;border-radius:999px;margin-bottom:1rem;padding:.65rem .85rem;font-weight:700}.prompts{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .75rem;display:flex}.pill{background:var(--tertiary-fixed);color:#211b00;font-size:.95rem;font-weight:700;font-family:var(--font-headline);border:none;border-radius:999px;padding:.25rem .6rem;display:inline-block}.criteria-grid{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.check{color:var(--text);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.form label.check{text-align:center;flex-direction:column;align-items:center;gap:.4rem;min-width:72px;margin-bottom:0}.prompt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.prompt-cell{min-width:0}.form label.prompt-label{margin-bottom:0}.prompt-input{min-height:52px}@media (width<=640px){.prompt-grid{grid-template-columns:1fr}.criteria-grid{justify-content:flex-start}}.suggest-block{border:1px solid var(--border);background:#f7f8fb;border-radius:10px;margin-bottom:1rem;padding:.75rem}.suggest-block ul{margin:.5rem 0 0;padding-left:1.1rem}.sub-block{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.sub-block:last-of-type{border-bottom:none}.story{white-space:pre-wrap;margin:.5rem 0}.result-story{white-space:pre-wrap;word-break:break-word;background:var(--surface);border-left:3px solid var(--primary-container,#f0e6ff);border-radius:0 6px 6px 0;margin:0;padding:.35rem .6rem;font-size:.9rem}.comment{color:var(--muted);border-left:2px solid var(--outline-variant,#ccc);margin:0;padding-left:.6rem;font-size:.85rem;font-style:italic}.score-block{gap:.5rem;margin-bottom:1rem;display:grid}.score-block label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.score-block input[type=number]{max-width:6rem}.results{flex-direction:column;gap:.6rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.results li{background:var(--surface-container);border-left:4px solid var(--primary);border-radius:10px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.audio-rec-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.audio-play audio{width:100%;margin-top:.35rem}.btn-block{width:100%}.btn-small{padding:.45rem .75rem;font-size:.9rem}.join-highlight{border:2px solid var(--accent);box-shadow:0 2px 12px #5b4fd41f}.home-share-row{margin:.35rem 0 .5rem}.home-share-hint{margin:.45rem 0 0;line-height:1.45}.gm-pin-overlay{z-index:1000;background:#1c1c2873;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.gm-pin-card{width:100%;max-width:22rem;margin:0}.invite-card .join-code-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0;display:flex}.join-code-big{letter-spacing:.15em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.5rem;font-weight:700}.suggest-list{margin:.5rem 0 0;padding:0;list-style:none}.suggest-list li.suggest-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem 0;display:flex}.suggest-slot-btns{flex-shrink:0;gap:.25rem;display:flex}input:focus,textarea:focus{background:var(--surface);box-shadow:inset 0 0 0 2px var(--primary);outline:none}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;line-height:1}.llm-tools{background:var(--accent-dim);border-radius:8px;flex-direction:column;gap:.5rem;margin:.5rem 0 .75rem;padding:.75rem;display:flex}.scoring-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.status-pill{font-size:.75rem;font-weight:700;font-family:var(--font-headline);border-radius:999px;margin-left:.4rem;padding:.1rem .5rem;display:inline-block}.status-pill.ok{color:var(--ok);background:#d0f5e4}.status-pill.muted{background:var(--surface-variant);color:var(--muted)}