:root{color:#241f1b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f3ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#ffffffb8,#fff0),#f7f3ee;min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}button{color:#fff;background:#2d6a62;border:0;border-radius:8px;min-height:44px;padding:0 16px;font-weight:700}button:disabled{opacity:.45}button.secondary{color:#352f2a;background:#efe8df}.text-button{color:#2d6a62;background:0 0;min-height:36px;padding:0 10px}.app-shell{min-height:100svh}.page{width:min(100%,560px);margin:0 auto;padding:18px}.top-nav{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3eeeb;border-bottom:1px solid #4f3c2b1f;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 16px;display:grid;position:sticky;top:0}.top-nav button{color:#5e564e;background:0 0}.top-nav button.active{color:#241f1b;background:#e7ded4}.brand-block{flex-direction:column;justify-content:end;gap:8px;min-height:34svh;padding:24px 0;display:flex}.brand-block img{object-fit:contain;width:84px;height:84px}.eyebrow{color:#7c5a42;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:8px;font-size:2.1rem;line-height:1.08}h2{letter-spacing:0;margin-bottom:12px;font-size:1rem}.muted{color:#736a60}.panel,.status-surface,.recovery-panel,.history,.privacy{background:#ffffffad;border:1px solid #4f3c2b21;border-radius:8px;margin:14px 0;padding:16px}.panel{gap:12px;display:grid}.recovery-panel{background:#fff8f5;border-color:#9a3d3038;gap:12px;display:grid}.recovery-panel h2{margin-bottom:4px}.recovery-panel p{color:#6a5d53;margin-bottom:0}.recovery-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}label{font-size:.86rem;font-weight:800}input,textarea{color:#241f1b;background:#fffdf9;border:1px solid #4f3c2b2e;border-radius:8px;width:100%;padding:12px}textarea{resize:vertical}.status-surface{background:#fffdf9;justify-content:space-between;align-items:center;gap:16px;display:flex}.presence{color:#4d463f;background:#e4e0db;border-radius:999px;flex:none;padding:6px 10px;font-size:.84rem;font-weight:800}.presence.online{color:#215d50;background:#d9efe6}.presence.syncing{color:#6b563c;background:#e9e0cf}.presence.desktop_offline,.presence.server_unreachable{color:#9a3d30;background:#f2d7cf}.connection-detail{color:#5f564d;margin-bottom:0;font-size:.92rem;font-weight:700}.section-header,.composer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-button{color:#352f2a;background:#efe8df}.action-button.selected{color:#fff;background:#d7634d}.composer{gap:10px;display:grid}.form-message{color:#2d6a62;margin:0;font-weight:700}.error{color:#b04435}.history ul,.privacy ul{margin:0;padding:0;list-style:none}.history li{border-top:1px solid #4f3c2b1a;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.history li:first-child{border-top:0}.history small{color:#736a60;white-space:nowrap}.privacy li{color:#554d45;padding:8px 0}@media (width<=420px){.page{padding:14px}h1{font-size:1.86rem}.action-grid{grid-template-columns:1fr}}