:root{--bg: #FAF6F2;--surface: #FFFFFF;--surface-soft: #FBEAF0;--surface-mid: #F4C0D1;--accent: #D4537E;--accent-strong: #993556;--accent-darker: #4B1528;--ink: #2C2724;--ink-soft: #6B5F58;--ink-faint: #A39891;--line: rgba(44, 39, 36, .08);--line-strong: rgba(44, 39, 36, .16);--band-happy: #F4C775;--band-mid: #C0DD97;--band-sad: #B5D4F4;--band-verysad: #CECBF6;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-serif: "Georgia", "Times New Roman", serif;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-xl: 28px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s-5) var(--s-4)}.screen-host{width:100%;max-width:560px}.card{background:var(--surface);border:.5px solid var(--line);border-radius:var(--r-lg);padding:var(--s-6) var(--s-5) var(--s-5)}.title{font-size:20px;font-weight:500;margin:0 0 var(--s-2);color:var(--ink);letter-spacing:-.01em}.subtitle{font-size:14px;color:var(--ink-soft);margin:0 0 var(--s-5);line-height:1.5}.hint{font-size:12px;color:var(--ink-faint);margin-top:var(--s-3)}.btn{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--r-md);font-size:14px;font-weight:500;transition:background .15s var(--ease),transform .1s var(--ease)}.btn:hover{background:var(--accent-strong)}.btn:active{transform:scale(.98)}.btn:disabled{background:var(--surface-mid);cursor:not-allowed}.btn-secondary{background:var(--surface-mid);color:var(--accent-darker)}.btn-secondary:hover{background:#ed93b1}.actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-5)}.progress{display:flex;gap:4px;margin-bottom:var(--s-5)}.progress-dot{flex:1;height:3px;border-radius:2px;background:var(--line);transition:background .3s var(--ease)}.progress-dot.done{background:#ed93b1}.progress-dot.current{background:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 480px){#app{padding:var(--s-3) var(--s-3)}.card{padding:var(--s-5) var(--s-4);border-radius:var(--r-md)}.title{font-size:18px}}.welcome{text-align:center}.welcome .mascot{width:64px;height:64px;margin:0 auto var(--s-4)}.welcome .title,.welcome .subtitle{text-align:center}.welcome ul{text-align:left;font-size:13px;color:var(--ink-soft);line-height:1.8;margin:var(--s-4) 0 var(--s-5);padding-left:var(--s-5)}.welcome .disclaimer{font-size:11px;color:var(--ink-faint);margin-top:var(--s-4);line-height:1.5}.cert{border:2px solid var(--accent);border-radius:var(--r-lg);padding:var(--s-6) var(--s-5);background:var(--surface-soft);text-align:center;position:relative;margin-bottom:var(--s-5);overflow:hidden}.cert:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:.5px solid var(--accent);border-radius:calc(var(--r-lg) - 6px);pointer-events:none;opacity:.5}.cert-mascot{width:56px;height:56px;margin:0 auto var(--s-3)}.cert-label{font-size:11px;letter-spacing:1.5px;color:var(--accent-strong);text-transform:uppercase;margin:0 0 var(--s-2);font-weight:500}.cert-title{font-family:var(--font-serif);font-size:22px;color:var(--accent-darker);margin:0 0 var(--s-4);font-weight:500;font-style:italic}.cert-percent{font-family:var(--font-serif);font-size:64px;color:var(--accent-strong);font-weight:500;line-height:1;margin:0;letter-spacing:-.03em}.cert-percent-label{font-size:13px;color:var(--accent-strong);margin:var(--s-1) 0 var(--s-4);letter-spacing:.5px}.cert-verdict{font-size:15px;color:var(--accent-darker);margin:0 0 var(--s-4);line-height:1.6;max-width:380px;margin-left:auto;margin-right:auto}.cert-no{font-size:11px;color:var(--accent-strong);font-family:Menlo,Courier New,monospace;margin-top:var(--s-4);letter-spacing:.5px}.cert-stamp{position:absolute;right:16px;bottom:16px;font-size:10px;color:var(--accent-strong);transform:rotate(-8deg);border:1px solid var(--accent-strong);padding:4px 8px;border-radius:4px;font-family:Menlo,Courier New,monospace;letter-spacing:1px;background:#fff6}.microactions-block{background:var(--surface);border:.5px solid var(--line);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4)}.microactions-block h3{font-size:13px;font-weight:500;margin:0 0 var(--s-2);color:var(--ink)}.microactions-block ul{margin:0;padding-left:var(--s-4)}.microactions-block li{font-size:13px;color:var(--ink-soft);margin-bottom:var(--s-1);line-height:1.6}.crisis-card{background:var(--surface);border:.5px solid var(--line-strong);border-left:3px solid var(--accent-strong);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4)}.crisis-card p{font-size:13px;color:var(--ink-soft);margin:0;line-height:1.6}.crisis-card a{color:var(--accent-strong);text-decoration:none;font-weight:500}.share-actions{display:flex;gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap}.canvas-wrap{background:var(--surface-soft);border-radius:var(--r-md);padding:var(--s-2);margin-bottom:var(--s-3)}.draw-canvas{display:block;width:100%;height:200px;background:var(--surface);border-radius:var(--r-sm);cursor:crosshair;touch-action:none}.places-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);margin-bottom:var(--s-3)}.place-card{position:relative;aspect-ratio:1;border-radius:var(--r-md);cursor:pointer;overflow:hidden;border:2px solid transparent;transition:transform .15s var(--ease),border-color .15s var(--ease);background:var(--surface-soft);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px;text-align:center}.place-card.selected{border-color:var(--accent);transform:scale(.97)}.place-icon{font-size:32px;line-height:1}.place-label{font-size:10px;color:var(--ink-soft);line-height:1.2}.tag-grid{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-3)}.tag-chip{background:var(--surface-soft);border:1px solid transparent;border-radius:20px;padding:8px 14px;font-size:13px;color:var(--ink);cursor:pointer;transition:all .15s var(--ease)}.tag-chip:hover{background:var(--surface-mid)}.tag-chip.selected{background:var(--accent);color:#fff}.coffee-cup{width:100%;height:140px;border-radius:var(--r-md);background-color:#5c3a28;margin-bottom:var(--s-4);transition:filter .2s var(--ease);position:relative;overflow:hidden}.coffee-cup:after{content:"";position:absolute;top:8px;left:12px;right:12px;height:8px;border-radius:50%;background:#ffffff1a}.slider-row{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.slider-row label{font-size:12px;color:var(--ink-soft);min-width:60px}.slider-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--surface-mid);border-radius:2px;outline:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer}.sentence-stage{font-size:18px;margin-bottom:var(--s-4);text-align:center;padding:var(--s-4);background:var(--surface-soft);border-radius:var(--r-md);min-height:80px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.sentence-slot{display:inline-block;min-width:100px;padding:4px 12px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--r-sm);color:var(--ink-faint)}.sentence-slot.filled{background:var(--accent);color:#fff;border-style:solid;border-color:var(--accent)}.word-bank{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s-3)}.word-chip{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:6px 12px;font-size:13px;cursor:pointer;transition:all .15s var(--ease)}.word-chip:hover{background:var(--surface-soft)}.word-chip.used{opacity:.3;pointer-events:none}.tweet-list{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-3)}.tweet-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4);font-size:14px;color:var(--ink);cursor:pointer;transition:all .15s var(--ease);text-align:left;line-height:1.5}.tweet-card:hover{background:var(--surface-soft);border-color:var(--accent)}.escape-stage{height:200px;position:relative;margin-bottom:var(--s-3);background:var(--surface-soft);border-radius:var(--r-md);overflow:hidden}.escape-box{position:absolute;width:28px;height:28px;border:2px solid var(--accent);border-radius:6px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--accent);transition:top .15s var(--ease),left .15s var(--ease);cursor:pointer;-webkit-user-select:none;user-select:none}.escape-label{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:12px;color:var(--ink-faint)}.silent-stage{text-align:center;padding:var(--s-7) 0}.silent-timer{font-family:var(--font-serif);font-size:64px;color:var(--accent);font-weight:500;line-height:1;margin:var(--s-4) 0}.silent-stage .subtitle{font-size:15px}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2);margin-bottom:var(--s-3)}.color-swatch{aspect-ratio:1;border-radius:var(--r-md);cursor:pointer;border:3px solid transparent;transition:transform .15s var(--ease),border-color .15s var(--ease)}.color-swatch:hover{transform:scale(1.05)}.color-swatch.selected{border-color:var(--accent)}.rhythm-stage{text-align:center;padding:var(--s-5) 0}.rhythm-beat-row{display:flex;justify-content:center;gap:var(--s-2);margin:var(--s-4) 0}.rhythm-beat{width:12px;height:12px;border-radius:50%;background:var(--surface-mid);transition:transform .1s var(--ease),background .1s var(--ease)}.rhythm-beat.active{background:var(--accent);transform:scale(1.4)}.rhythm-tap-btn{width:120px;height:120px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:14px;cursor:pointer;margin:var(--s-3) auto;display:block;transition:transform .05s var(--ease)}.rhythm-tap-btn:active{transform:scale(.92)}