:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5;background:#f4f6f8;color:#172331}body{margin:0}main{max-width:960px;margin:auto;padding:32px 20px}nav{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:40px}a{color:#126da7}h1{font-size:2rem}label{display:block;font-weight:650;margin:20px 0 8px}input,textarea,button{font:inherit}textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #a0a9b2;border-radius:6px}button,.download{display:inline-block;padding:9px 16px;border:0;border-radius:6px;background:#176d9f;color:white;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:wait}section{background:white;border:1px solid #dbe1e8;border-radius:10px;padding:24px}article{padding:20px 0;border-bottom:1px solid #dbe1e8}article h2{font-size:1.15rem;overflow-wrap:anywhere}article p{white-space:pre-wrap;overflow-wrap:anywhere}.actions{display:flex;gap:12px;flex-wrap:wrap}.delete{background:#a82d36}progress{width:100%;display:block;margin:8px 0}li{margin:20px 0;overflow-wrap:anywhere}small{overflow-wrap:anywhere}#message:not(:empty){padding:12px;background:#e8eef5;border-radius:6px}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{background:#121b24;color:#dce7ed}section{background:#192630;border-color:#34434f}a{color:#7bc7f7}#message:not(:empty){background:#253847}article{border-color:#34434f}}

nav a { display:inline-flex; align-items:center; min-height:44px; padding:8px 14px; border:1px solid #9baebd; border-radius:6px; text-decoration:none; font-weight:600; }
nav a[href="/upload"] { background:#12689e; border-color:#12689e; color:#fff; }
button, .download { min-height:44px; }
dialog { box-sizing:border-box; width:min(680px,calc(100% - 32px)); max-height:85vh; padding:24px; border:1px solid #a0a9b2; border-radius:12px; color:#172331; background:#fff; }
dialog::backdrop { background:rgb(0 0 0 / .6); }
dialog h2 { overflow-wrap:anywhere; }
dialog input { min-width:0; padding:10px; border:1px solid #a0a9b2; border-radius:6px; }
#publish-name { box-sizing:border-box; width:100%; }
.folder-toolbar { display:flex; flex-wrap:wrap; gap:10px; }
.folder-toolbar input { flex:1; }
.folder-path { padding:12px; background:#edf2f6; border-radius:6px; overflow-wrap:anywhere; font-weight:650; }
#folder-list { display:grid; gap:6px; max-height:220px; overflow:auto; }
.folder-choice { text-align:left; background:#edf2f6; color:#174c70; overflow-wrap:anywhere; }
#publish-form { margin-top:24px; }
.secondary { background:#e0e8ef; color:#172331; }
.error { color:#b52334; white-space:pre-wrap; }
button:focus-visible, a:focus-visible { outline:3px solid #2181c4; outline-offset:3px; }
@media(prefers-color-scheme:dark) { dialog{background:#192630;color:#dce7ed}.folder-path,.folder-choice,.secondary{background:#293f51;color:#e1eff9}.error{color:#ff9ba7}nav a[href="/upload"]{background:#8bcefa;border-color:#8bcefa;color:#102536} }