:root{--text:#222;--background:#fff;--link:#174e9c;--control-border:#aaa;--hover:#f1f1f1;--muted:#666;--border:#ddd;--selected:#eaf0f8;--favorite:#6c571a;--notice:#f3f6ee;--notice-border:#ccd8bd;--error:#a02020;--error-background:#fff4f4;--error-border:#ebcece;--focus:#245eaa;color:var(--text);background:var(--background);--buncss-light:initial;--buncss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:var(--link);text-underline-offset:2px}button,input,select,textarea{font:inherit;border:1px solid var(--control-border);background:var(--background);color:inherit;border-radius:0}button{cursor:pointer;padding:5px 11px}button:hover{background:var(--hover)}button:disabled{opacity:.55;cursor:wait}input,select,textarea{min-width:0;padding:7px 9px}input:not([type=checkbox]),textarea{width:100%}input[type=checkbox]{width:auto}input[type=file]{max-width:100%}textarea{resize:vertical}label{display:grid;gap:5px;margin:0 0 14px}small{color:var(--muted);font-size:.85rem}form>small{display:block;margin-bottom:14px}h1{margin:0;font-size:1.4rem;font-weight:600}h2{font-size:1.05rem;font-weight:600}header{display:flex;border-bottom:1px solid var(--border);align-items: center;gap:12px;min-height:62px;padding:14px 24px}.brand{color:inherit;text-decoration:none;font-size:1.15rem;font-weight:650}.account{color:var(--muted);overflow-wrap:anywhere;margin-left:auto;font-size:.85rem}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1300px;min-height:calc(100vh - 62px);margin:auto}aside{border-right:1px solid var(--border);padding:25px 18px}aside h2{color:var(--muted);margin:24px 8px 10px;font-size:.8rem}.nav{display:flex;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;justify-content:space-between;gap:12px;width:100%;padding:7px 9px}.nav span{color:var(--muted);font-size:.85rem}.active{color:var(--link);background:var(--selected)!important}.aside-heading{display:flex;justify-content:space-between;align-items: center;margin:20px 0 6px}.aside-heading h2{margin:0 8px}.aside-heading button{border:0}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags button,.tag{border-color:var(--border);padding:2px 7px;font-size:.8rem}.library{min-width:0;padding:28px 36px}.title-row{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-bottom:20px}.title-row h1{overflow-wrap:anywhere}.title-row small{margin-left:7px;font-weight:400}.toolbar{display:flex;gap:10px;margin-bottom:12px}.toolbar input{flex:1}.toolbar select{max-width:160px}.collection-actions{display:flex;gap:14px;margin:-10px 0 16px}.link{color:var(--link);text-decoration:underline;background:0 0;border:0;padding:0;font-size:.85rem}.link:hover{background:0 0}.bookmarks{list-style:none;margin:0;padding:0}.bookmarks>li{border-bottom:1px solid var(--border);padding:18px 0}.bookmark-title{display:flex;justify-content:space-between;align-items: start;gap:12px}.bookmark-title>a{overflow-wrap:anywhere;font-weight:550}.star{color:var(--favorite);border:0;padding:0 5px;font-size:1.25rem;line-height:1.2}.url{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:.8rem}.notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0;font-size:.9rem}.bookmark-meta{display:flex;flex-wrap:wrap;align-items: center;gap:10px;margin-top:9px}.bookmark-meta time{color:var(--muted);margin-left:auto;font-size:.75rem}.empty{color:var(--muted);padding:40px 0}.message{background:var(--notice);border-bottom:1px solid var(--notice-border);overflow-wrap:anywhere;padding:12px 24px}.error{color:var(--error)}.message.error{background:var(--error-background);border-color:var(--error-border)}.auth{max-width:390px;margin:65px auto;padding:0 20px}.auth h1{margin-bottom:24px}.auth>button{margin-top:24px}.settings{max-width:720px;margin:30px auto;padding:0 24px 50px}.settings section{border-bottom:1px solid var(--border);padding:15px 0 24px}.settings form{max-width:460px}.settings li{margin-bottom:10px}.overlay{position:fixed;display:flex;overflow-y:auto;background:#0005;justify-content:center;align-items: center;padding:20px;inset:0}dialog::backdrop{background:#0005}dialog[open]{position:fixed;border:1px solid var(--control-border);overflow-y:auto;border-radius:0;width:100%;max-width:520px;max-height:calc(100dvh - 40px);margin:auto;padding:24px}dialog h2{margin:0}.checkbox{display:flex;align-items: center;gap:8px}.buttons{display:flex;gap:10px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:650px){header{flex-wrap:wrap;gap:9px;padding:12px}.account{max-width:45%;font-size:.75rem}header button{padding:5px 8px;font-size:.8rem}.layout{display:block}aside{border-right:0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;align-items: center;gap:5px;padding:12px}aside>.nav,aside>div:not(.aside-heading):not(.tags){width:auto}.nav{gap:7px;width:auto;padding:6px 9px;font-size:.85rem}.aside-heading{margin:0 0 0 auto}.aside-heading h2,aside>h2{display:none}.tags{width:100%;padding-top:5px}.library{padding:20px 14px}.title-row{gap:8px}h1{font-size:1.15rem}.title-row>button{white-space:nowrap;font-size:.85rem}.toolbar{gap:7px}.toolbar select{max-width:130px;font-size:.85rem}.auth{margin-top:35px}.overlay{padding:10px}dialog[open]{max-height:calc(100dvh - 20px);padding:18px}.settings{padding:0 16px 40px}}.tags button,.tag{overflow-wrap:anywhere;max-width:100%}:root[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--text:#e5e5e5;--background:#181818;--link:#9bbfff;--control-border:#666;--hover:#2b2b2b;--muted:#aaa;--border:#3b3b3b;--selected:#26374f;--favorite:#e4c569;--notice:#233022;--notice-border:#4e6545;--error:#ffabab;--error-background:#382222;--error-border:#795050;--focus:#9bbfff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--text:#e5e5e5;--background:#181818;--link:#9bbfff;--control-border:#666;--hover:#2b2b2b;--muted:#aaa;--border:#3b3b3b;--selected:#26374f;--favorite:#e4c569;--notice:#233022;--notice-border:#4e6545;--error:#ffabab;--error-background:#382222;--error-border:#795050;--focus:#9bbfff}}dialog{background:var(--background);color:var(--text)}.theme-control{width:auto;max-width:135px;margin-left:auto}.account{margin-left:0}.title-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-add{display:flex;align-items: end;gap:8px;margin:0 0 20px}.quick-add label{flex:1;min-width:0;margin:0}.quick-add button{padding:7px 11px}@media (max-width:650px){.title-row{flex-wrap:wrap}.title-actions button{font-size:.85rem}.theme-control{max-width:120px;font-size:.8rem}.quick-add{flex-wrap:wrap}.quick-add label{flex-basis:100%}}