:root{--bg:#0b0e14;--surface:#151922;--surface-2:#1b212c;--border:#232834;--text:#e8e9ed;--text-muted:#8b92a3;--accent:#e8a33d;--danger:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,sans-serif}.app{max-width:560px;margin:0 auto;padding:20px 16px 60px}.top-bar{margin-bottom:18px}.date-small{color:var(--text-muted);font-size:13px}.hero-line{margin:4px 0 0;font-family:Georgia,serif;font-size:26px;font-weight:500}.section-label{color:var(--text-muted);text-transform:uppercase;margin:22px 0 10px;font-size:13px;font-weight:600}.count-badge{background:var(--surface-2);border-radius:20px;padding:1px 9px;font-size:12px}.composer{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer textarea{color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;font-family:Georgia,serif;font-size:16px}.icon-btn{background:var(--surface-2);width:38px;height:38px;color:var(--text);cursor:pointer;border:none;border-radius:50%}.icon-btn.primary{background:var(--accent);color:#1a1206}.timeline{flex-direction:column;gap:10px;display:flex}.entry-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px}.entry-top{justify-content:space-between;margin-bottom:6px;display:flex}.entry-time{color:var(--text-muted);font-size:12px}.entry-text{margin:0;font-family:Georgia,serif;font-size:15.5px;line-height:1.55}.entry-tags{margin-top:8px}.tag{color:var(--accent);background:#e8a33d1a;border-radius:12px;padding:2px 8px;font-size:11.5px}.entry-actions{margin-top:10px}.mini-btn{background:var(--surface);color:var(--text);cursor:pointer;border:none;border-radius:10px;padding:6px 12px;font-size:13px}.mini-btn.primary{background:var(--accent);color:#1a1206;font-weight:600}.mini-btn.danger{background:var(--danger);color:#fff}.empty-state{text-align:center;color:var(--text-muted);padding:50px 20px}.empty-state .emoji{margin-bottom:10px;font-size:40px}.muted{color:var(--text-muted)}.lock-screen{background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lock-box{text-align:center}.lock-icon{font-size:36px}.pin-input{text-align:center;letter-spacing:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:180px;margin-top:16px;padding:12px;font-size:24px}.error{color:var(--danger);margin-top:10px;font-size:13px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px;display:grid}.cal-day{aspect-ratio:1;cursor:pointer;background:var(--surface-2);color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;font-size:12px;display:flex}.cal-day.empty{cursor:default;background:0 0}.cal-day.today{border:1.5px solid var(--accent);color:var(--text)}.cal-day.lvl-1{color:var(--text);background:#e8a33d2e}.cal-day.lvl-2{color:var(--text);background:#e8a33d6b}.cal-day.lvl-3{color:#1a1206;background:#e8a33dbf;font-weight:600}.more-summary{gap:10px;margin-bottom:16px;display:flex}.stat-pill{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex:1;padding:12px 16px}.stat-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.stat-value{font-size:20px;font-weight:700}.stat-value.success{color:var(--success,#4ade80)}.stat-value.danger{color:var(--danger)}.add-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.add-row input,.add-row select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px 10px;font-size:13.5px}.add-row input[type=text]{flex:1;min-width:100px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;max-width:560px;margin:0 auto;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:11px;display:flex}.nav-btn.active{color:var(--accent)}.nav-icon{font-size:18px}.app{padding-bottom:90px}.entry-photo{object-fit:cover;border-radius:10px;max-width:100%;max-height:300px;margin-top:10px;display:block}.small{font-size:12.5px}
