:root{--ink:#19171f;--muted:#676273;--subtle:#f6f4f1;--paper:#fffdf9;--line:rgba(25,23,31,0.11);--accent:#236b5f;--accent-strong:#174f47;--accent-soft:#dceee8;--blue:#2f5fa7;--danger:#b93d3d;--shadow:0 24px 70px rgba(35,31,43,0.12)}*{box-sizing:border-box}html{background:var(--subtle)}body,html{min-height:100%}body{margin:0;color:var(--ink);background:linear-gradient(180deg,rgba(255,253,249,.84),rgba(246,244,241,.95)),repeating-linear-gradient(90deg,rgba(35,107,95,.04) 0 1px,transparent 1px 96px);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell,.auth-shell{width:min(1120px,calc(100% - 40px));margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:20px;padding:24px 0}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;color:var(--ink);font-weight:800;letter-spacing:0}.brand svg{color:var(--accent)}.topbar nav{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.danger-button,.ghost-button,.primary-button,.secondary-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid transparent;padding:0 15px;font-weight:800;cursor:pointer}.ghost-button{border-color:var(--line);background:rgba(255,255,255,.7);color:var(--ink)}.primary-button{background:var(--accent);color:white;box-shadow:0 14px 28px rgba(35,107,95,.2)}.secondary-button{background:var(--accent-soft);color:var(--accent-strong)}.danger-button{width:100%;margin-top:10px;background:#fff1f1;color:var(--danger);border-color:rgba(185,61,61,.2)}.alert,.toast{border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:14px;font-weight:700}.alert.success,.toast.success{background:var(--accent-soft);color:var(--accent-strong)}.alert.error,.toast.error{background:#fff1f1;color:var(--danger)}.workspace{padding:52px 0 70px}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}.auth-copy h1,.gate-panel h1,.workspace h1{max-width:720px;margin-bottom:12px;font-size:clamp(42px,7vw,76px);line-height:.95;letter-spacing:0}.auth-copy p,.gate-panel p,.workspace-head p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.6}.ready-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(35,107,95,.19);border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);padding:9px 12px;font-size:13px;font-weight:900}.auth-card,.gate-panel,.note-card,.note-composer{border:1px solid var(--line);border-radius:8px;background:rgba(255,253,249,.9);box-shadow:var(--shadow)}.note-composer{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:20px;gap:20px;margin-bottom:22px;padding:18px}.note-composer>div{display:flex;align-items:flex-start;gap:12px}.auth-icon,.gate-icon,.panel-icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong)}.auth-card h2,.gate-panel h1,.note-composer h2{margin-bottom:6px}.auth-card,.note-card form:first-child,.note-composer form{display:grid;grid-gap:12px;gap:12px}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.82);color:var(--ink);padding:12px 13px;outline:none}textarea{min-height:126px;resize:vertical;line-height:1.5}input:focus,textarea:focus{border-color:rgba(35,107,95,.5);box-shadow:0 0 0 4px rgba(35,107,95,.12)}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.note-card{padding:14px}.note-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-actions small{color:var(--muted);line-height:1.4}.empty-state{grid-column:1/-1;border:1px dashed rgba(35,107,95,.28);border-radius:8px;padding:44px 18px;text-align:center}.empty-state svg{color:var(--accent)}.empty-state p{color:var(--muted)}.gate-panel{width:min(720px,100%);margin:92px auto;padding:34px}.gate-panel .primary-button{margin-top:8px}.auth-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1fr) 420px;align-items:center;grid-gap:64px;gap:64px;padding:48px 0}.auth-copy .brand{margin-bottom:48px}.auth-card{padding:24px}.auth-card label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:13px;font-weight:800}.switch-line{margin:2px 0 0;color:var(--muted);font-size:14px}.switch-line a{color:var(--accent-strong);font-weight:900}@media (max-width:860px){.app-shell,.auth-shell{width:min(100% - 28px,720px)}.auth-shell,.note-composer{grid-template-columns:1fr}.auth-shell{align-items:start;gap:28px;padding-top:24px}.topbar,.workspace-head{flex-direction:column;align-items:flex-start}.topbar nav{width:100%;justify-content:space-between}.notes-grid{grid-template-columns:1fr}.auth-copy h1,.gate-panel h1,.workspace h1{font-size:44px}}