*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:#050506;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}#app{min-height:100vh;padding-bottom:160px}.container{padding:16px;max-width:480px;margin:0 auto}.hero{border-radius:28px;padding:24px 20px;margin-bottom:20px;background:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.2px) 0 0 / 14px 14px,#0d0e10;border:1px solid #1c1d20}.hero-day{color:#8a8d91;font-size:13px;text-transform:capitalize;margin-bottom:6px}.hero-date{font-size:30px;font-weight:700;letter-spacing:-.02em}.hero-sub{color:#8a8d91;font-size:14px;margin-top:4px}.section-row{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}.section-label{color:#8a8d91;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.section-label:before{content:"";width:6px;height:6px;border-radius:50%;background:#f5f5f5;display:inline-block}.section-meta{color:#55585c;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.card{background:#111214;border:1px solid #1e2022;border-radius:20px;padding:16px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;text-align:left;color:inherit;font:inherit;transition:border-color .15s ease}.card:active{border-color:#3a3d42}.card.full{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;min-height:64px}.card-label{color:#8a8d91;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card-count{font-size:30px;font-weight:700;letter-spacing:-.02em}.card-caption{color:#6a6d71;font-size:12px}.card-plus{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#d5d6d8;margin-bottom:10px}.card-prompt{color:#8a8d91;font-size:13px}.topbar{display:flex;align-items:center;gap:10px;padding:4px 4px 16px}.back-btn{background:#111214;border:1px solid #1e2022;color:#f5f5f5;border-radius:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.topbar-title{font-size:18px;font-weight:700}.subtabs{display:flex;gap:6px;padding:0 4px 12px}.subtab{flex:1;background:#111214;border:1px solid #1e2022;color:#8a8d91;border-radius:12px;padding:8px;font-size:13px;font-weight:600;cursor:pointer}.subtab.active{background:#f5f5f5;color:#0a0a0a;border-color:#f5f5f5}.entry-list{display:flex;flex-direction:column;gap:8px}.entry{background:#111214;border:1px solid #1e2022;border-radius:16px;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.entry-text{font-size:14px;line-height:1.4}.entry-time{display:block;color:#6a6d71;font-size:12px;margin-top:4px}.entry-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.archive-btn{border:1px solid #2a2d30;background:transparent;color:#8a8d91;border-radius:8px;padding:5px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.delete-btn{border:1px solid #3a1f20;background:transparent;color:#e5484d;border-radius:8px;padding:5px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.empty{color:#6a6d71;text-align:center;padding:40px 0;font-size:13px}.dock{position:fixed;left:12px;right:12px;bottom:12px;max-width:456px;margin:0 auto;background:#111214;border:1px solid #1e2022;border-radius:24px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;z-index:10}.tab{background:transparent;border:none;color:#8a8d91;border-radius:14px;padding:8px 4px;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.tab-num{font-size:9px;opacity:.6}.tab.active{background:#f5f5f5;color:#0a0a0a}.tab.active .tab-num{opacity:.5}.fab{position:absolute;left:50%;top:-26px;transform:translate(-50%);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#fff,#e2e3e5 45%,#b6b8bc);color:#1a1b1d;border:5px solid #050506;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:inset 0 2px 3px #ffffffe6,inset 0 -4px 6px #0000002e,0 6px 16px #0000008c;transition:transform .1s ease}.fab:active{transform:translate(-50%) scale(.94)}.fab.recording{background:radial-gradient(circle at 32% 26%,#ff8388,#e5484d 55%,#b3272c);color:#fff;animation:pulse 1.2s ease-in-out infinite}.fab.processing{background:radial-gradient(circle at 32% 26%,#3d3f43,#232427 60%,#141516);color:#f5f5f5}.fab-spinner{width:16px;height:16px;border:2px solid #4a4d51;border-top-color:#f5f5f5;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #e5484d80}50%{box-shadow:0 0 0 10px #e5484d00}}.rec-hint{position:absolute;top:-52px;left:50%;transform:translate(-50%);background:#111214;border:1px solid #1e2022;border-radius:12px;padding:6px 12px;font-size:11px;color:#8a8d91;white-space:nowrap}