:root{--bg: #0f172a;--card: #1e293b;--ink: #f1f5f9;--muted: #94a3b8;--accent: #4f46e5;--accent-d: #4338ca;--good: #16a34a;--warn: #f59e0b;--bad: #ef4444;--line: #334155;--jar-glass: rgba(148, 163, 184, .18);--jar-liquid: #6366f1;--jar-liquid2: #818cf8}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.wrap{max-width:480px;margin:0 auto;padding:16px 16px 96px}h1{font-size:1.5rem;margin:12px 0 8px}.muted{color:var(--muted)}.small{font-size:.85rem}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:14px 18px;background:var(--accent);color:#fff;min-height:48px}button:active{background:var(--accent-d)}input,select{font:inherit;width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:48px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}.head{text-align:center}.name-input{text-align:center;margin-top:4px}.jar-wrap{text-align:center;margin:18px 0 8px}.jar{position:relative;width:168px;margin:0 auto}.jar-lid{height:16px;width:120px;margin:0 auto -2px;background:#cbd5e1;border-radius:8px 8px 4px 4px;box-shadow:inset 0 -3px #00000026}.jar-body{position:relative;height:210px;border:4px solid rgba(203,213,225,.55);border-top:none;border-radius:18px 18px 36px 36px;background:var(--jar-glass);overflow:hidden}.jar-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--jar-liquid2),var(--jar-liquid));transition:height .6s cubic-bezier(.22,1,.36,1);border-radius:18px 18px 0 0}.jar-fill:before{content:"";position:absolute;top:-10px;left:0;right:0;height:14px;background:var(--jar-liquid2);border-radius:50%;opacity:.7}.jar-count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.4)}.jar-num{font-size:3.2rem;font-weight:800;line-height:1}.jar-label{font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);opacity:.85}.jar-caption{margin:12px 0 4px;font-size:.95rem}.tap-add{width:100%;font-size:1.15rem;font-weight:700;padding:18px;min-height:60px;border-radius:16px;margin:8px 0 4px}.add-form{display:flex;flex-direction:column;gap:6px}.fld-label{font-size:.85rem;color:var(--muted);margin-top:6px}.rec-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.rec-btn{background:#334155;flex:1;min-height:48px}.rec-btn.recording{background:var(--bad);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.rec-ok{color:var(--good);font-weight:600}.rec-err{color:var(--warn);font-size:.85rem;margin:6px 0 0}.form-actions{display:flex;gap:10px;margin-top:14px}.save-btn{flex:2;font-weight:700;min-height:52px}.ghost-btn{flex:1;background:transparent;border:1px solid var(--line);color:var(--ink)}.limit-note{text-align:center;font-size:.85rem;margin:2px 0 0}.upsell{text-align:center;border-color:var(--accent)}.upsell p{margin:8px 0 14px}.btn-link{display:inline-block;width:100%;text-decoration:none;background:var(--accent);color:#fff;font-weight:700;padding:16px;border-radius:14px;min-height:52px}.btn-link:active{background:var(--accent-d)}.timeline{margin-top:18px}.tl-head{font-size:1.1rem;margin:8px 4px}.empty{text-align:center;padding:24px 12px}.word-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}.word-main{display:flex;flex-direction:column;gap:2px;min-width:0}.word-text{font-size:1.2rem;font-weight:700;word-break:break-word}.word-date{font-size:.85rem}.word-actions{display:flex;gap:8px;flex-shrink:0}.icon-btn{background:#334155;min-height:44px;min-width:44px;padding:0;border-radius:10px;font-size:1rem}.icon-btn.danger{background:transparent;border:1px solid var(--line);color:var(--muted)}.cele-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.cele-card{background:var(--card);border:1px solid var(--accent);border-radius:20px;padding:28px 22px;text-align:center;max-width:340px;width:100%}.cele-emoji{font-size:3.4rem}.cele-card h2{margin:6px 0 4px;font-size:1.8rem}.cele-card .save-btn{width:100%;margin-top:16px}