@font-face{font-family:Fraunces;src:url('/static/fraunces-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
body{font:16px/1.6 system-ui,sans-serif;background:#faf8f5;color:#292321;margin:0}
*{box-sizing:border-box}main{width:min(94%,1440px);margin:12px auto;padding:10px clamp(0px,2vw,24px)}h1,h2{font-family:Georgia,serif}
a{color:#9d2030}header,form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
header h1{flex:1}input,button{font:inherit;padding:10px;border:1px solid #ccc;border-radius:6px}
input[type=search]{flex:1;min-width:0}button{background:#a51f32;color:white;cursor:pointer}
.library-header{align-items:center;flex-wrap:nowrap;margin-bottom:12px}.library-header h1{margin:0;font-size:28px}.library-wordmark{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.035em;color:#752537}.theme-toggle{flex-shrink:0;background:transparent;color:#594e45;border:1px solid #e2d8cf;border-radius:20px;padding:6px 12px;min-height:40px;font-size:13px}.theme-toggle:hover{background:#f4eee7}.theme-toggle:focus-visible{outline:2px solid #9d2030;outline-offset:2px}
.profile{position:relative;margin-left:auto;flex-shrink:0}.profile>summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;padding:6px 10px 6px 6px;border:1px solid #e2d8cf;border-radius:24px;background:#fffdf9;font-size:14px;font-weight:600;color:#594e45;min-height:44px}.profile>summary::-webkit-details-marker{display:none}.profile>summary:hover,.profile[open]>summary{border-color:#c8b6a7;background:#f4eee7}.profile>summary:focus-visible{outline:2px solid #9d2030;outline-offset:3px}.profile-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#9d2030;color:#fffdf9;font:18px Georgia,serif}.profile-chevron{font-size:12px;color:#8d7d70;margin-left:5px}.profile-panel{position:absolute;right:0;top:calc(100% + 10px);width:230px;max-width:calc(100vw - 40px);z-index:10;background:#fffdf9;border:1px solid #e2d8cf;border-radius:12px;box-shadow:0 12px 36px #49342218;padding:8px}.profile-identity{padding:10px 12px 14px;border-bottom:1px solid #eee5dc;margin-bottom:5px;line-height:1.5}.profile-identity strong{display:block;font-size:14px}.profile-identity small{font-size:12px;color:#81756a}.profile-panel a,.profile-panel button{display:block;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;text-align:left;text-decoration:none;font:14px/1.5 system-ui,sans-serif;color:#594e45;min-height:44px}.profile-panel a:hover,.profile-panel button:hover{background:#f4eee7}.profile-panel a:focus-visible,.profile-panel button:focus-visible{outline:2px solid #9d2030;outline-offset:-2px}.profile-panel form{display:block;border-top:1px solid #eee5dc;padding-top:5px;margin-top:5px}.profile-panel .sign-out{color:#9d2030}
#library-search>button{background:#28649b;border-color:#28649b}#library-search>button:hover{background:#20527f;border-color:#20527f}
.article-row{display:flex;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid #ded5ce}.article-row h2{flex:1;min-width:0;margin:0;font:600 15px/1.35 system-ui,sans-serif;overflow-wrap:anywhere}.article-row h2 a{text-decoration:none}.article-row h2 a:hover{color:#741d29}.article-row h2 a:focus-visible{outline:2px solid #9d2030;outline-offset:2px}
.edit-card{max-width:700px;margin:30px auto;padding:24px;background:#fffdf9;border:1px solid #e2d8cf;border-radius:12px}.edit-card form{display:grid;gap:16px}.edit-card label{display:grid;gap:5px;font-weight:600}.edit-card input{width:100%;min-width:0}.edit-card .actions{display:flex;gap:16px;align-items:center}.edit-card p{font-size:14px}
article{padding:18px 0;border-bottom:1px solid #ded5ce}h2{margin:0;font-size:22px}
@media(max-width:600px){main{width:100%;margin:8px auto;padding:8px 16px}h1{font-size:28px}h2{font-size:20px}}
[hidden]{display:none!important}.search-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap;width:auto;font-size:13px}
#site-picker{width:100%;margin:2px 0 4px}#site-picker>summary{cursor:pointer;padding:4px 0;font-size:13px;color:#70675f}#site-picker>summary strong{color:#292321;margin-right:12px}#site-picker[open]>summary{margin-bottom:12px} .site-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
#site-filter{flex:1 1 220px;max-width:320px}.site-toolbar button{background:transparent;color:#70675f;border-color:transparent;padding:6px 8px;font-size:14px}
.site-toolbar button:hover{background:#eee8e2}#site-options{padding:3px}.site-category+.site-category{margin-top:22px}.site-category h3{margin:0 0 10px;font-size:13px;font-weight:600;color:#70675f}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.site-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 6px;background:transparent;color:#70675f;border:1px solid transparent;border-radius:10px;font-size:12px;line-height:1.3}
.site-tile[aria-pressed=true]{background:#f0e9e3;border-color:#ded1c7;color:#292321}.site-tile:hover{border-color:#bba99c}.site-tile:focus-visible{outline:2px solid #9d2030;outline-offset:1px}
.site-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:hsl(var(--site-hue) 25% 90%);color:hsl(var(--site-hue) 35% 30%);font:bold 17px Georgia,serif}
.site-name{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-tile small{font-size:11px;color:#70675f}.site-mark{position:absolute;right:7px;top:5px;font-size:12px;color:#927361;visibility:hidden}.site-tile[aria-pressed=true] .site-mark{visibility:visible}
#site-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px 16px}.site-category+.site-category{margin-top:0}.site-grid{grid-template-columns:1fr;gap:4px}.site-category h3{margin:0 0 6px}.site-tile{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;gap:0 8px;align-items:center;text-align:left;padding:6px 9px;min-height:43px}.site-icon{grid-row:1/3;width:30px;height:30px;font-size:14px;overflow:hidden}.site-icon img{display:block;width:100%;height:100%;object-fit:contain}.site-name{font-weight:600}.site-tile small{grid-column:2}.site-mark{right:8px;top:11px}.site-heading img{width:22px;height:22px;object-fit:contain;vertical-align:-5px;margin-right:7px}
.article-row{position:relative}.article-menu{position:relative;flex-shrink:0}.article-menu>summary{list-style:none;display:grid;place-items:center;width:36px;height:36px;border-radius:7px;cursor:pointer;font:bold 22px/1 system-ui,sans-serif;color:#70675f}.article-menu>summary::-webkit-details-marker{display:none}.article-menu>summary:hover,.article-menu[open]>summary{background:#eee5dc;color:#292321}.article-menu>summary:focus-visible{outline:2px solid #9d2030}.article-menu-items{position:absolute;right:0;top:100%;z-index:5;min-width:175px;padding:5px;background:#fffdf9;border:1px solid #ded1c7;border-radius:8px;box-shadow:0 8px 24px #49342224}.article-menu-items a{display:block;padding:9px 11px;border-radius:5px;text-decoration:none;font:14px/1.3 system-ui,sans-serif;color:#292321}.article-menu-items a:hover,.article-menu-items a:focus-visible{background:#f0e9e3}.article-menu-items .delete-action{color:#b3261e}
@media(max-width:700px){#site-picker{width:auto;margin:4px 0}#site-picker>summary{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 10px;border:1px solid #ded1c7;border-radius:8px;background:#fffdf9}#site-picker[open]{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(88vw,380px);margin:0;padding:12px 14px;display:flex;flex-direction:column;background:#fffdf9;box-shadow:-12px 0 35px #0003}#site-picker[open]>summary{flex:0 0 auto;margin:0 0 12px;border:0;border-bottom:1px solid #e2d8cf;border-radius:0;background:transparent;font-size:17px}#site-picker[open]>summary::after{content:"×";margin-left:auto;font-size:25px;line-height:1}#site-picker .site-toolbar{flex:0 0 auto;gap:7px}#site-filter{flex:1 0 100%;max-width:none}#site-options{display:block;overflow-y:auto;min-height:0;padding:0 4px 24px 0}.site-category+.site-category{margin-top:17px}.site-grid{grid-template-columns:1fr}.site-drawer-open{overflow:hidden}}
#site-backdrop{display:none}@media(max-width:700px){#site-picker[open]+#site-backdrop{display:block;position:fixed;inset:0;z-index:49;background:#0008}}
#site-selection-status{font-size:13px}.publisher-group{margin-top:14px;padding:10px clamp(10px,1.5vw,18px);background:#f0f2ef;border-radius:10px}.publisher-group:first-child{margin-top:8px}.publisher-group article:last-child{border-bottom:0}.site-heading{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;margin:0;padding-bottom:6px;color:#465c60;border-bottom:1px solid #d4ddda;font:17px Georgia,serif}.site-heading::-webkit-details-marker{display:none}.site-heading::after{content:"⌄";margin-left:auto;font:18px/1 system-ui,sans-serif}.publisher-group:not([open]) .site-heading{padding-bottom:0;border-bottom:0}.publisher-group:not([open]) .site-heading::after{transform:rotate(-90deg)}.site-heading:hover{color:#9d2030}.site-heading:focus-visible{outline:2px solid #9d2030;outline-offset:3px}
#load-more{margin-top:24px}
#library-search{gap:8px}#library-search>input,#library-search>button{padding:7px 10px;min-height:40px}#library-search .search-tools label{display:flex;align-items:center;gap:5px;white-space:nowrap}#search-status{font-size:13px;margin:4px 0}#storage-settings{display:none;padding:12px 16px;border:1px solid #e2d8cf;border-radius:8px;background:#fffdf9}#storage-settings[open],#storage-settings:target{display:block}
@media(max-width:600px){#library-search .search-tools{width:100%}.library-header h1{font-size:26px}.article-row{padding:5px 0}.article-row h2{font-size:13px;line-height:1.3}.publisher-group{padding:8px 10px;margin-top:10px}.site-heading{font-size:15px}}
.login-shell{width:100%;min-height:100svh;margin:0;padding:48px 20px;display:grid;place-items:center}
.login-card{width:100%;max-width:420px;padding:44px 40px;background:#fffdf9;border:1px solid #e6ddd3;border-radius:18px;box-shadow:0 12px 44px #49342208}
.login-brand{text-align:center;margin-bottom:34px}.login-mark{display:grid;place-items:center;width:48px;height:54px;margin:0 auto 20px;background:#9d2030;color:#fffdf9;border-radius:5px 5px 15px 5px;font:32px Georgia,serif}
.login-brand h1{margin:0 0 8px;font-size:34px;font-weight:normal;letter-spacing:-1px}.login-brand p{margin:0;font-size:14px;color:#81756a}
.login-form{display:flex;flex-direction:column;align-items:stretch;gap:20px}.login-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#594e45}
.login-form input{width:100%;min-height:48px;padding:11px 13px;background:#fffefa;border:1px solid #dcd2c7;border-radius:8px;color:#292321;font-size:16px;transition:border-color .15s,box-shadow .15s}
.login-form input:focus{outline:none;border-color:#9d2030;box-shadow:0 0 0 3px #9d203016}.login-form button{width:100%;min-height:48px;margin-top:6px;border:0;border-radius:8px;background:#9d2030;font-size:15px;font-weight:600}.login-form button:hover{background:#811b28}.login-form button:focus-visible{outline:3px solid #c5979e;outline-offset:3px}
.login-card .error{font-size:14px;background:#f9eeed;border-radius:8px;padding:12px 14px;margin:0 0 22px}.login-footer{text-align:center;margin:26px 0 0;font-size:12px;color:#95897d}
@media(max-width:480px){.login-shell{padding:24px 18px}.login-card{padding:34px 24px}.login-brand h1{font-size:32px}}
p{margin:8px 0}.muted{color:#70675f}.error{color:#a51f32}.storage-card{max-width:800px;margin:24px auto;padding:clamp(16px,4vw,32px);background:#fffdf9;border:1px solid #e2d8cf;border-radius:12px}
.storage-card h1{margin-top:8px}.storage-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px}
.storage-facts dt{color:#70675f}.storage-facts dd{margin:0;overflow-wrap:anywhere}.storage-card h2{margin-top:24px}
@media(max-width:480px){.storage-facts{grid-template-columns:1fr;gap:4px}.storage-facts dd{margin-bottom:12px}}

html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#171b20;color:#e8e5e0}html[data-theme=dark] a{color:#eaa8b0}html[data-theme=dark] .library-wordmark{color:#f0b4be}html[data-theme=dark] .muted,html[data-theme=dark] #search-status,html[data-theme=dark] .site-heading{color:#b7c8c9}
html[data-theme=dark] input,html[data-theme=dark] button,html[data-theme=dark] select{background:#252d34;color:#e8e5e0;border-color:#58636b}html[data-theme=dark] input::placeholder{color:#aeb7bc}html[data-theme=dark] .theme-toggle,html[data-theme=dark] .profile>summary,html[data-theme=dark] #site-picker>summary{background:#252d34;color:#e8e5e0;border-color:#58636b}html[data-theme=dark] .theme-toggle:hover,html[data-theme=dark] .profile>summary:hover{background:#33404a}
html[data-theme=dark] .publisher-group,html[data-theme=dark] .site-tile[aria-pressed=true]{background:#263139}html[data-theme=dark] .site-heading{border-color:#46545c}html[data-theme=dark] .article-row{border-color:#48525a}html[data-theme=dark] .article-row h2 a{color:#e8e5e0}html[data-theme=dark] .article-row h2 a:hover,html[data-theme=dark] .site-heading:hover{color:#f0b4be}html[data-theme=dark] .site-tile{color:#c9d2d3}html[data-theme=dark] .site-tile:hover,html[data-theme=dark] .site-tile[aria-pressed=true]{border-color:#66757c;color:#f4f1eb}html[data-theme=dark] .site-icon{background:#394b52;color:#e6eef0}html[data-theme=dark] .site-tile small,html[data-theme=dark] .site-category h3{color:#bbc6ca}
html[data-theme=dark] .profile-panel,html[data-theme=dark] .article-menu-items,html[data-theme=dark] .storage-card,html[data-theme=dark] .edit-card,html[data-theme=dark] .login-card,html[data-theme=dark] #storage-settings{background:#242b32;color:#e8e5e0;border-color:#52606a}html[data-theme=dark] .profile-panel a,html[data-theme=dark] .profile-panel button,html[data-theme=dark] .article-menu-items a{color:#e8e5e0}html[data-theme=dark] .profile-panel a:hover,html[data-theme=dark] .article-menu-items a:hover,html[data-theme=dark] .profile-panel button:hover{background:#33404a}html[data-theme=dark] .profile-identity,html[data-theme=dark] .profile-panel form{border-color:#48525a}html[data-theme=dark] .article-menu>summary{color:#c2cbd0}html[data-theme=dark] .article-menu>summary:hover,html[data-theme=dark] .article-menu[open]>summary{background:#33404a;color:#f4f1eb}html[data-theme=dark] .site-toolbar button{background:transparent;color:#c9d2d3}html[data-theme=dark] #site-picker[open]{background:#242b32}html[data-theme=dark] .site-tile[aria-pressed=true] .site-mark{color:#eab6a6}
html[data-theme=dark] .login-form label,html[data-theme=dark] .login-brand p,html[data-theme=dark] .login-footer,html[data-theme=dark] .profile-identity small,html[data-theme=dark] .edit-card label,html[data-theme=dark] .storage-facts dt{color:#bac5c9}html[data-theme=dark] .login-form input{background:#252d34;color:#e8e5e0;border-color:#58636b}html[data-theme=dark] .login-card .error{background:#43292e;color:#ffc8cc}html[data-theme=dark] .profile-avatar{background:#7b3340;color:#fff5f0}
html[data-theme=dark] #site-picker>summary strong,html[data-theme=dark] #site-selection-status{color:#dce5e7}
html[data-theme=dark] .login-form input:autofill{background:#252d34;box-shadow:0 0 0 100px #252d34 inset;-webkit-text-fill-color:#e8e5e0;caret-color:#e8e5e0}
html[data-theme=dark] .login-form button{background:#b73b51;color:#fff;border-color:#b73b51}html[data-theme=dark] .login-form button:hover{background:#ce5065;border-color:#ce5065}
@media(max-width:700px){html[data-theme=dark] #site-picker[open]>summary{background:transparent;color:#e8e5e0;border-color:#52606a}}