.header{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));padding:8px 10px 8px 18px;background:var(--t-head);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--t-line);border-radius:999px;box-shadow:var(--t-shadow-head);position:sticky;top:max(12px,env(safe-area-inset-top));z-index:40}@media(min-width:1180px){.header{max-width:1132px;margin-left:auto;margin-right:auto}}.header-brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 10px rgba(52,211,153,.75);flex:0 0 auto}.brand-name{font-weight:800;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-date{font-size:.76rem;color:var(--muted);margin-top:2px;white-space:nowrap}.header-brand>div:last-child{min-width:0}.landing{display:flex;flex-direction:column;align-items:center;padding:70px 20px}.landing-hero{text-align:center;max-width:680px}.landing-hero h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 14px}.landing-hero p{line-height:1.65;color:var(--muted)}.privacy-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:20px 0}.badge{background:var(--t-panel);border:1px solid var(--t-line);color:var(--t-fg2);padding:7px 12px;border-radius:999px;font-size:.8rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card{background:var(--t-panel);border:1px solid var(--t-line);border-radius:var(--radius-xl);box-shadow:var(--t-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3)}.login-card{width:min(520px,100%);padding:26px;margin-top:20px}.login-card h2{margin-top:0}.login-card p{color:var(--muted);line-height:1.55}.main-app{max-width:1180px;margin:0 auto;padding:24px}.quote-card{display:flex;justify-content:space-between;gap:20px;padding:22px;margin-bottom:18px;background:linear-gradient(var(--t-acc-soft),var(--t-acc-soft)),var(--t-panel);border:1px solid var(--t-acc-line);border-radius:var(--radius-xl);box-shadow:var(--t-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.quote-text{font-size:1.05rem;line-height:1.55;font-weight:500}.quote-author{margin-top:8px;color:var(--muted);font-size:.9rem}.quote-actions{display:flex;gap:8px;align-items:center}.app-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.app-grid>.card,.app-grid #side-panels>.card{padding:20px}#side-panels{display:flex;flex-direction:column;gap:18px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{padding:12px;border-radius:12px;background:var(--t-surf);border:1px solid var(--t-line)}.stat-last{grid-column:1/-1}.stat-label{font-size:.76rem;color:var(--muted)}.stat-value{font-size:1.25rem;font-weight:700;margin-top:5px}.privacy-note{font-size:.82rem;line-height:1.55;color:var(--muted)}.export-actions{margin-top:18px}.add-quote-panel{padding:14px;margin-bottom:18px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.add-quote-panel textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:10px;padding:10px}.quote-meta-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.char-count{font-size:.75rem;color:var(--muted)}.side-toggle{display:none}.auth-user-view{align-items:center;gap:10px;min-width:0}.auth-user-view .user-name{margin:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-user-view .user-avatar-placeholder{margin:0}.header-settings{flex:0 0 auto}.header-settings[aria-expanded="true"]{background:var(--sage-ultra);border-color:var(--sage)}
.btn.side-toggle{align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:12px 16px;font-size:1rem;text-align:left}.side-toggle-chevron{transition:transform .2s;font-size:1.1rem;line-height:1}.side-toggle[aria-expanded="true"]{background:var(--sage-ultra);border-color:var(--sage);color:var(--navy)}.side-toggle[aria-expanded="true"] .side-toggle-chevron{transform:rotate(180deg)}
.version-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--border);font-size:.82rem;color:var(--muted)}.version-row strong{color:var(--navy)}
.app-footer{text-align:center;font-size:.75rem;color:var(--muted);padding:18px 14px calc(18px + env(safe-area-inset-bottom))}
.update-bar{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:450;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;background:var(--t-inv-bg);color:var(--t-inv-fg);border-radius:16px;box-shadow:var(--shadow);font-size:.88rem}.update-bar[hidden]{display:none}.update-bar .btn-primary{white-space:nowrap}body:has(#update-bar:not([hidden])){padding-bottom:84px}body:has(#update-bar:not([hidden])) .toast{bottom:calc(84px + env(safe-area-inset-bottom))}