:root{--bg: #fafafa;--card: #ffffff;--ink: #1a1a1a;--muted: #777;--line: #ececec;--accent: #1a1a1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.app{max-width:640px;margin:0 auto;padding:2rem 1.25rem 4rem}.hero{text-align:center;padding:2.5rem 0 1.5rem}.hero h1{font-size:2.4rem;font-weight:600;letter-spacing:.02em}.hero p{color:var(--muted);margin-top:4px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.25rem 1.4rem;margin-bottom:1rem}.card h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.8rem;font-weight:600}.countdown{text-align:center}.countdown .num{font-size:3rem;font-weight:700;line-height:1}.countdown .lbl{color:var(--muted)}.reason{padding:.6rem 0;border-bottom:1px solid var(--line)}.reason:last-child{border-bottom:none}.row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .txt{flex:1}.row .done{text-decoration:line-through;color:var(--muted)}button{font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.5rem .9rem;cursor:pointer;transition:background .15s}button:hover{background:#f3f3f3}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{opacity:.9}input[type=text]{font:inherit;flex:1;border:1px solid var(--line);border-radius:10px;padding:.5rem .8rem;outline:none}input[type=text]:focus{border-color:#aaa}.add-row{display:flex;gap:.5rem;margin-top:.8rem}.moods{display:flex;gap:.5rem;flex-wrap:wrap}.mood-btn{font-size:1.4rem;padding:.4rem .6rem}.mood-list{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.4rem}.mood-pill{background:#f3f3f3;border-radius:999px;padding:.2rem .7rem;font-size:.85rem}.letter-body{white-space:pre-wrap;font-size:1.05rem}.locked{color:var(--muted);font-style:italic}.err{color:#b00}.muted{color:var(--muted)}.snowflake{font-size:2rem}.quiz-q{padding:.7rem 0;border-bottom:1px solid var(--line)}.quiz-q:last-of-type{border-bottom:none}.quiz-title{font-weight:600;margin-bottom:.5rem}.quiz-opts{display:flex;flex-wrap:wrap;gap:.4rem}.quiz-opt{border-radius:10px}.quiz-opt.picked{background:var(--accent);color:#fff;border-color:var(--accent)}.quiz-opt.correct{background:#e7f6ec;border-color:#46b06a;color:#1f7a3f}.quiz-opt.wrong{background:#fdecec;border-color:#d76b6b;color:#9b2c2c}.quiz-result{text-align:center;margin-top:1rem}.quiz-score{font-size:2.4rem;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;cursor:pointer;transition:opacity .15s}.thumb:hover{opacity:.85}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.lightbox-inner{background:#fff;border-radius:16px;padding:1rem;max-width:90vw;max-height:90vh;text-align:center}.lightbox-inner img{max-width:100%;max-height:70vh;border-radius:10px}.lightbox-inner .cap{margin:.6rem 0}.now-playing{text-align:center}.np-title{font-size:1.1rem;font-weight:600}.np-artist{color:var(--muted);font-size:.9rem}.playlist{margin-top:.8rem;display:flex;flex-direction:column;gap:4px}.track-row{display:flex;align-items:center;gap:.6rem;text-align:left;width:100%;border:none;border-radius:8px;padding:.5rem .7rem;background:transparent}.track-row:hover{background:#f3f3f3}.track-row.playing{background:#f0f0f0;font-weight:600}.track-name{flex:1}.mood-history{margin-top:.8rem;display:flex;flex-direction:column;gap:4px}.mood-entry{display:flex;align-items:center;gap:.6rem;padding:.4rem .2rem;border-bottom:1px solid var(--line)}.mood-entry:last-child{border-bottom:none}.mood-emoji{font-size:1.3rem}.mood-note{flex:1;cursor:pointer}.mood-note:hover{color:var(--ink)}