:root{color:#242b36;--blue:#115cfa;--muted:#727b89;--line:#e4e7ec;--surface:#fff;background:#f3f4f6;font-family:system-ui,-apple-system,Malgun Gothic,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.workspace{width:min(100%,42rem);margin-inline:auto;padding:1.1rem clamp(1rem,4vw,1.75rem) 2rem}.app-header{justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;margin-bottom:1.6rem;display:flex}.app-brand{letter-spacing:-.04em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:750;display:flex}.app-brand img{border-radius:.55rem}h1{letter-spacing:-.045em;margin:0;font-size:1.75rem;line-height:1.25}h2{overflow-wrap:anywhere}.view-heading{align-items:baseline;gap:.6rem;margin-bottom:1.1rem;display:flex}.status{color:var(--muted);overflow-wrap:anywhere;margin:1rem 0;line-height:1.65}.meta,.account{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem;line-height:1.5}.account-menu{z-index:2;position:relative}.account-menu>summary{background:var(--surface);border-radius:1rem;padding:.5rem .75rem;font-size:.85rem;list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-panel{border:1px solid var(--line);background:var(--surface);border-radius:1rem;width:min(17rem,85vw);padding:1rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 6px 24px #17203312}.account{margin:0 0 .75rem}.account-actions{flex-wrap:wrap;gap:.5rem;display:flex}button,input,textarea,.button-link{min-height:2.75rem;font:inherit;border:1px solid var(--line);border-radius:.7rem;padding:.55rem .85rem}button,.button-link{background:var(--surface);color:var(--blue);cursor:pointer}.button-link{align-items:center;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,.button-link:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.primary{background:var(--blue);border-color:var(--blue);color:#fff}input,textarea{width:100%;color:inherit;background:var(--surface)}textarea{resize:vertical;line-height:1.7}summary{cursor:pointer}.app-utilities{margin-top:1.75rem}.launch-mode{color:var(--muted);margin:0;font-size:.75rem}.install,.setup{border:1px solid var(--line);background:var(--surface);border-radius:1rem;margin-top:.75rem;padding:.85rem 1rem;font-size:.85rem}.install p,.setup p{color:var(--muted);margin-block:.6rem;line-height:1.65}.install>details{margin-top:.65rem}.setup h2{margin:0;font-size:1rem}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#browser-entry h1{margin-top:.75rem}.memo-view{min-width:0}.memo-count{color:var(--muted);font-size:.85rem}.connect-button{margin-bottom:.25rem}.snapshot-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;margin-block:.85rem;font-size:.75rem;display:flex}.snapshot-meta p{margin:0;line-height:1.5}.snapshot-meta button{color:#586273;flex:none;min-height:2.2rem;margin-left:auto;padding:.35rem .65rem;font-size:.75rem}#search{border-radius:.85rem;min-height:3rem;padding-inline:1rem;font-size:.9rem}.note-list{gap:.9rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.note-card{background:var(--surface);border-radius:1.2rem;min-width:0;overflow:hidden;box-shadow:0 1px 3px #17203306}.note-open{border-radius:inherit;width:100%;min-width:0;color:inherit;text-align:left;border:0;padding:1.15rem;display:block}.note-open:active{background:#fafbfc}.note-card-meta{color:var(--muted);overflow-wrap:anywhere;margin-bottom:.7rem;font-size:.73rem;line-height:1.5;display:block}.note-preview,.memo-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.7}.note-preview{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-more{color:#62718b;text-align:right;margin-top:.8rem;font-size:.8rem;display:block}.note-more:after{content:" ›"}.memo-detail{padding:1.15rem}.note-detail-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.note-detail-header .meta{margin:.2rem 0 0;font-size:.73rem}.quiet-button{color:#62718b;border:0;min-height:2rem;padding:.2rem .45rem;font-size:.8rem}.note-actions{justify-content:flex-end;margin-top:.75rem;display:flex}.memo-detail .status{font-size:.8rem}.editor{gap:.65rem;margin-top:1rem;font-size:.9rem;display:grid}.editor textarea{min-height:12rem}.editor-actions{justify-content:flex-end;gap:.5rem;display:flex}.empty-state{background:var(--surface);color:var(--muted);text-align:center;border-radius:1rem;padding:1.5rem 1rem;line-height:1.6}