:root{color-scheme:light dark;--bg:#f4f5f3;--panel:#fff;--text:#202b26;--muted:#53635b;--border:#a8b5ad;--action:#216346;--focus:#ab4d10;--danger:#9f2925}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.6 system-ui,"Yu Gothic UI",sans-serif}header,main{max-width:68rem;margin:auto;padding:1.5rem}header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;border-bottom:1px solid var(--border)}h1{font-size:1.65rem;margin:0}header p{color:var(--muted);margin:0;flex:1}h2{font-size:1.2rem;margin:0 0 1rem}section,details{background:var(--panel);border:1px solid var(--border);padding:1.5rem;margin-bottom:1.5rem;border-radius:.75rem}label{display:block}input,textarea,select,button,.button{font:inherit;border-radius:.5rem;border:1px solid var(--border);padding:.55rem .75rem;min-height:2.75rem}input,textarea,select{background:var(--panel);color:var(--text);max-width:100%}input[type=url],textarea{width:100%}button,.button{cursor:pointer;background:var(--action);color:#fff;text-decoration:none;display:inline-block}button:disabled{cursor:default;opacity:.5}button:hover:not(:disabled),.button:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:var(--action);overflow-wrap:anywhere}.input-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.input-row input{flex:1;min-width:12rem}.help,.muted{color:var(--muted);font-size:.9rem}.filters{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.filters label{flex:1;min-width:10rem}.filters input,.filters select{display:block;width:100%}article{padding:1.25rem 0;border-top:1px solid var(--border);display:grid;grid-template-columns:7rem 1fr;gap:1rem}article.no-image{grid-template-columns:1fr}article img{width:7rem;height:5rem;object-fit:cover;border-radius:.4rem}article h3{font-size:1.05rem;margin:0}article p{margin:.4rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.url{font-size:.85rem;color:var(--muted);word-break:break-all}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.actions button,.tag-list button,#tokens button{font-size:.85rem;min-height:2.5rem;padding:.35rem .65rem}.danger{background:var(--danger)}.badge{display:inline-block;background:var(--bg);border:1px solid var(--border);padding:.1rem .5rem;border-radius:.35rem;font-size:.85rem;margin-right:.4rem}.tag-list{padding:0;list-style:none;display:flex;gap:.75rem;flex-wrap:wrap}.tag-list li{display:flex;align-items:center;gap:.5rem}.pagination{display:flex;justify-content:center;gap:1rem;align-items:center}#notice{min-height:1.5rem;white-space:pre-wrap}#notice.error{color:var(--danger)}#token-value{display:block;word-break:break-all}dialog{max-width:40rem;width:calc(100% - 2rem);max-height:90vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}dialog::backdrop{background:#0008}dialog label{margin-bottom:1rem}dialog input:not([type=checkbox]),dialog textarea{display:block;width:100%}fieldset{border:1px solid var(--border);margin-bottom:1rem}#edit-tags{display:flex;gap:1rem;flex-wrap:wrap}#edit-tags label{display:flex;gap:.4rem;align-items:center;margin:0}summary{cursor:pointer;font-weight:600}#history-items{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:.5rem;border-bottom:1px solid var(--border)}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{--bg:#18211c;--panel:#222e27;--text:#edf3ef;--muted:#b6c7bc;--border:#687e70;--action:#8bd3ac;--focus:#ffc07f;--danger:#ffb0aa}button,.button{color:#13251a}.danger{color:#381310}}@media(max-width:600px){header,main{padding:1rem}section,details{padding:1rem}article{grid-template-columns:4.5rem 1fr;gap:.75rem}article img{width:4.5rem;height:4rem}.filters label{min-width:100%}.input-row input{min-width:8rem}header p{flex-basis:100%}}