:root{--paper:#f8f9fb;--ink:#202d38;--muted:#667580;--line:#e4e9ed;--bridge:#295f85;--tint:#eaf1f7;--white:#fff}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font:14px/1.5 system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a,label.attach{cursor:pointer}button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:8px;min-height:44px;padding:10px 14px}button:hover{background:var(--tint)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #559dcc}a{color:var(--bridge)}input,textarea,select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:10px}input,textarea{width:100%}.primary{background:var(--bridge);color:#fff;border-color:var(--bridge)}.primary:hover{background:#214d6d}.app{grid-template-columns:248px 300px minmax(0,1fr);min-height:100dvh;display:grid}aside{border-right:1px solid var(--line);flex-direction:column;gap:12px;padding:28px 16px;display:flex}.brand{letter-spacing:-.04em;color:var(--ink);margin:0 8px 24px;font-size:24px;font-weight:750;text-decoration:none}.brand span{color:var(--muted);letter-spacing:.1em;font-size:9px}.space{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;display:flex}.space small{color:var(--muted);font-size:11px;display:block}.space.selected{background:var(--tint);color:var(--bridge)}.badge{color:var(--muted);margin-left:auto;font-size:10px}.search span{margin-bottom:8px;font-size:12px;display:block}.section-heading{letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;margin-top:16px;font-size:10px;font-weight:700;display:flex}.section-heading button{background:0 0;border:0;padding:8px}#sections{gap:4px;display:grid}.section-row{align-items:center;min-width:0;display:flex}.section-row>button:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.section-row>button:last-child{background:0 0;border:0;padding:4px;font-size:12px}.sidebar-bottom{color:var(--muted);margin-top:auto;padding:40px 8px 0;font-size:11px}.sidebar-bottom button{width:100%}.notes-pane{border-right:1px solid var(--line);background:#fcfdfe;min-width:0;padding:32px 20px}.notes-pane header{justify-content:space-between;align-items:center;gap:8px;display:flex}h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:24px}.eyebrow{letter-spacing:.13em;color:var(--muted);font-size:10px;font-weight:650}.muted{color:var(--muted);font-size:12px}.note-card{text-align:left;background:0 0;border-color:#0000;width:100%;margin:8px 0;padding:16px;display:block}.note-card.active{background:var(--tint);border-color:#cadde9}.note-card strong{overflow-wrap:anywhere;font-weight:650;display:block}.note-card p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:6px 0;font-size:12px;overflow:hidden}.note-card small{color:var(--muted);font-size:10px}main{background:#fff;min-width:0;padding:28px 40px}.editor-bar{color:var(--muted);letter-spacing:.06em;border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:8px 0 24px;font-size:10px;display:flex}.welcome{max-width:480px;margin:auto;padding:100px 0}.welcome h2{letter-spacing:-.04em;font-size:44px;line-height:1.15}.welcome p:not(.eyebrow){color:var(--muted);line-height:1.8}.title-row{align-items:center;gap:8px;margin-top:32px;display:flex}.title-row input{background:0 0;border:0;min-width:0;padding:8px 0;font-size:28px;font-weight:650}.title-row button{background:0 0;border:0}.note-options{color:var(--muted);flex-wrap:wrap;gap:16px;margin:12px 0 32px;font-size:12px;display:flex}.note-options select{margin-left:4px;padding:4px}.entry{border-left:2px solid var(--line);margin:24px 0;padding:0 0 20px 20px}.entry p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.7}.entry footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.entry footer button{background:0 0;border:0;padding:4px 8px;font-size:11px}.entry img,.entry video{border-radius:8px;max-width:100%;max-height:320px}.entry audio{max-width:100%}#composer{border:1px solid var(--line);background:var(--paper);border-radius:12px;margin-top:32px;padding:16px}#composer textarea{resize:vertical;background:0 0;border:0;min-height:90px}.composer-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.composer-actions button{margin-left:auto}.attach{padding:10px;font-size:12px;position:relative}.attach input{max-width:180px;margin-top:8px;font-size:11px;display:block}.toast{background:var(--ink);color:#fff;z-index:10;border-radius:8px;max-width:calc(100% - 48px);padding:16px 24px;position:fixed;bottom:24px;right:24px}.notice{background:var(--tint);border-radius:8px;padding:16px}#groups-view,#trash-view{max-width:620px;margin:48px auto}#groups-view h2{letter-spacing:-.04em;font-size:32px}#auth-form{gap:16px;max-width:360px;margin:32px 0;display:grid}#auth-form label input{margin-top:8px;display:block}.auth-actions,.dialog-actions{flex-wrap:wrap;gap:12px;display:flex}.dialog-actions{justify-content:flex-end;margin-top:24px}dialog{border:1px solid var(--line);border-radius:16px;width:min(420px,90vw);padding:28px}dialog::backdrop{background:#202d3866}dialog label input{margin-top:8px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=1000px){.app{grid-template-columns:200px 240px minmax(0,1fr)}main{padding:24px}.welcome h2{font-size:32px}}@media (width<=760px){.app{grid-template-columns:160px minmax(0,1fr)}aside{grid-row:span 2;padding:20px 8px}.brand{margin-left:0;font-size:20px}.notes-pane{border-bottom:1px solid var(--line);border-right:0;max-height:300px;padding:20px;overflow:auto}main{grid-column:2;padding:20px}.welcome{padding:40px 0}.editor-bar{flex-direction:column;gap:4px}.title-row input{font-size:22px}.composer-actions button{width:100%}.note-options{gap:8px}.sidebar-bottom{padding:24px 4px 0}}@media (width<=420px){.app{grid-template-columns:128px minmax(0,1fr)}main,.notes-pane{padding:16px}.brand{font-size:17px}.space{gap:6px;padding:8px}.welcome h2{font-size:27px}.title-row{flex-wrap:wrap}.title-row input{flex-basis:100%}}#menu-toggle{display:none}@media (width<=760px){.app{display:block}aside{border-bottom:1px solid var(--line);display:none}.app.menu-open aside{display:flex}#menu-toggle{display:block}.notes-pane{max-height:220px}main{padding:24px}.welcome h2{font-size:36px}.title-row input{flex-basis:auto}.brand{font-size:24px}.sidebar-bottom{padding-top:12px}}@media (width<=420px){.title-row input{flex-basis:100%}}