:root{color-scheme:dark;--bg:#101010;--surface:#1b1b1b;--text:#f2f2f2;--muted:#999;--line:#262626;font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:0;background:var(--surface);color:var(--text);padding:10px 18px;border-radius:22px;min-height:44px}button:hover:not(:disabled){background:#303030}button:disabled{cursor:not-allowed;color:#858585;background:#1b1b1b}:focus-visible{outline:2px solid #ddd;outline-offset:4px}[hidden]{display:none!important}
.header{max-width:840px;margin:auto;min-height:96px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:22px;font-weight:650;letter-spacing:-1px;white-space:nowrap;display:flex;align-items:center;gap:10px}.brand img{width:30px;height:30px;display:block}nav{display:flex;gap:4px;font-size:13px;color:var(--muted)}nav a{padding:9px 15px;border-radius:24px;min-height:40px;display:flex;align-items:center}nav a[aria-current="page"]{color:#f5f5f5;background:#242424}nav a:hover{color:#fff}
main{max-width:840px;margin:0 auto;padding:34px 30px 64px;min-height:calc(100vh - 160px)}section{max-width:100%}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 26px;font-weight:600;overflow-wrap:anywhere}h2{font-size:17px;margin:28px 0 12px;font-weight:600}p{margin:12px 0}.muted,.meta,.search-label{color:var(--muted);font-size:13px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.search-label{display:block;margin:0 0 10px}
#search{display:block;width:100%;border:0;border-radius:16px;background:var(--surface);color:#fff;padding:15px 18px;font-size:16px}#search::placeholder{color:#777}.filters{display:flex;flex-wrap:wrap;gap:4px;margin:14px -10px 30px}.filters button{font-size:13px;padding:8px 13px;background:transparent;color:var(--muted);min-height:38px}.filters button:hover{background:#1a1a1a;color:#eee}.filters button[aria-pressed="true"]{background:#e5e5e5;color:#151515}
.status{font-size:14px;color:var(--muted)}#catalog-status:not(:empty){padding:40px 0;text-align:center}.materials{list-style:none;padding:0;margin:0}.material{display:grid;grid-template-columns:112px 1fr 20px;gap:20px;padding:23px 8px;border-bottom:1px solid var(--line);align-items:start;border-radius:8px}.material:hover{background:#171717}.material-title{display:block;font-weight:550;font-size:16px;letter-spacing:-.2px;overflow-wrap:anywhere}.material-preview{display:block;color:var(--muted);font-size:14px;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.material-category{font-size:12px;color:#8b8b8b;padding-top:4px}.material-arrow{color:#666;font-size:17px}
.back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:28px}.back:hover{color:#fff}.meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:22px}.body-text,.preview-text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}.body-text{padding-top:12px;line-height:1.75}.notice{padding:19px 22px;border:0;border-radius:16px;background:var(--surface);margin:28px 0;font-size:14px;color:#b8b8b8}.notice a{color:#eee;text-decoration:underline;text-underline-offset:4px}
.file-list{list-style:none;padding:0}.file-list li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.file-name{overflow-wrap:anywhere;min-width:0}.file-list button{flex-shrink:0}fieldset{border:0;padding:0;margin:30px 0}legend{margin-bottom:12px;font-size:13px;color:var(--muted)}.plan-options{display:flex;flex-direction:column;gap:4px}.plan{display:flex;align-items:center;gap:14px;border:0;padding:18px 20px;border-radius:16px;cursor:pointer}.plan:hover{background:#171717}.plan:has(input:checked){background:#242424}.plan span{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}.plan strong{font-weight:500}.plan small{color:#ddd;font-size:16px;white-space:nowrap}input[type="radio"],input[type="checkbox"]{accent-color:#eee;width:18px;height:18px;margin:0;flex-shrink:0}.renew{display:flex;align-items:center;gap:12px;width:fit-content;cursor:pointer;min-height:44px}
.consent{font-size:13px;color:#b8b8b8;max-width:62ch;margin:22px 0 14px}button.primary{background:#e5e5e5;color:#111;font-weight:550;padding:12px 24px}button.primary:hover:not(:disabled){background:#fff}button.primary:disabled{background:#1b1b1b;color:#858585}#payment-error:not(:empty){color:#ddd}#payment-actions a,.notice a{text-decoration:underline;text-underline-offset:4px}#payment-actions{display:flex;gap:16px;align-items:center}.cancel{margin-top:26px}.cancel p{max-width:62ch}.actions{display:flex;gap:8px;flex-wrap:wrap}
dl{margin:22px 0}dl>div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}footer{max-width:840px;margin:auto;padding:20px 30px;color:#777;font-size:12px}
@media(max-width:600px){.header{padding:20px;gap:12px;min-height:76px;flex-wrap:wrap}.brand{font-size:21px}nav a{padding:8px 11px;font-size:12px}main{padding:24px 20px 44px}h1{font-size:27px;margin-bottom:23px}.filters{gap:3px;margin-bottom:22px}.filters button{padding:8px 11px;min-height:42px}.material{grid-template-columns:1fr 16px;gap:4px 12px;padding:18px 2px}.material-category{grid-column:1}.material-copy{grid-column:1}.material-arrow{grid-column:2;grid-row:2}.plan{padding:16px}.plan small{font-size:15px}dl>div{grid-template-columns:100px 1fr}footer{padding:18px 20px}}
@media(max-width:370px){.header{align-items:flex-start;gap:16px}.header nav{width:100%;margin-left:-11px}main{padding-top:14px}}
input:not([type]),input[type="search"],input[type="number"],input[type="date"],select,textarea{width:100%;border:0;border-radius:12px;background:var(--surface);color:var(--text);padding:11px 14px;font:inherit;font-size:15px}textarea{resize:vertical;line-height:1.6;min-height:96px}select{appearance:none;cursor:pointer}input[type="date"]{color-scheme:dark;max-width:220px}input::placeholder,textarea::placeholder{color:#777}
.admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.admin-top h1{margin:0;flex:1;min-width:0}
.admin-list{list-style:none;padding:0;margin:8px 0 18px}.admin-list li{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;padding:12px 4px;border-bottom:1px solid var(--line)}.admin-row-title{flex:1 1 180px;min-width:0;font-weight:520;overflow-wrap:anywhere}.admin-row-title:hover{text-decoration:underline;text-underline-offset:4px}.admin-list .muted{font-size:13px}
.row-tools{display:flex;gap:4px;flex-wrap:wrap}.row-tools button{min-height:36px;padding:6px 12px;font-size:13px;background:transparent;color:var(--muted)}.row-tools button:hover:not(:disabled){background:var(--surface);color:var(--text)}.row-tools button:disabled{background:transparent;color:#555}button.icon{width:36px;padding:0}
.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%}.inline-form input{flex:1;min-width:140px}.inline-form input[type="number"]{flex:0 0 96px;min-width:0}
.admin-details{margin:22px 0;border-top:1px solid var(--line);padding-top:14px}.admin-details summary{cursor:pointer;color:#ccc;min-height:36px;display:flex;align-items:center}.admin-details summary:hover{color:#fff}
.log{list-style:none;padding:0;margin:8px 0;font-size:13px}.log li{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.log li span:last-child{overflow-wrap:anywhere}
#admin .filters{margin:12px -10px 6px}#admin input[type="search"]{margin-top:16px}
.pill{font-size:12px;color:#ddd;background:#242424;border-radius:20px;padding:5px 12px;white-space:nowrap}
.editor{display:flex;flex-direction:column;gap:16px;margin:22px 0 18px}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:13px;color:var(--muted)}.counter{font-size:12px;color:#666;align-self:flex-end}.giveaway{display:flex;flex-direction:column;gap:12px}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.text-link{color:#ddd;text-decoration:underline;text-underline-offset:4px;padding:0 8px;font-size:14px}
.dropzone{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 16px;border:1px dashed #3a3a3a;border-radius:16px;color:#bbb;cursor:pointer;text-align:center;font-size:14px;margin-top:10px}.dropzone:hover,.dropzone.over{border-color:#888;background:#151515;color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.visually-hidden:focus-visible+.dropzone{outline:2px solid #ddd;outline-offset:4px}
progress{width:140px;height:4px;appearance:none;border:0;border-radius:2px;background:#262626;overflow:hidden}progress::-webkit-progress-bar{background:#262626}progress::-webkit-progress-value{background:#e5e5e5}progress::-moz-progress-bar{background:#e5e5e5}
.file-list li .row-tools{flex-shrink:0}.file-list li{flex-wrap:wrap}
.danger{margin-top:40px;padding-top:18px;border-top:1px solid var(--line)}.danger>button{background:transparent;color:#999;padding-left:0}.danger>button:hover{background:transparent;color:#fff;text-decoration:underline;text-underline-offset:4px}
.leave-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:#1f1f1f;border-radius:14px;padding:12px 16px;margin-bottom:18px}.leave-bar p{margin:0 0 10px}
@media(max-width:600px){.log li{grid-template-columns:1fr;gap:2px}.admin-list li{padding:12px 2px}}
button.icon{font-family:'Segoe UI Symbol','Segoe UI',system-ui,sans-serif;font-variant-emoji:text}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23999' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}