:root{color-scheme:dark;--bg:#121016;--card:#1d1923;--line:#302936;--text:#f6f1f8;--muted:#a396ae;--accent:#d6b5fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a,label.import{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;color:inherit}header{max-width:1400px;padding:24px 40px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:650;letter-spacing:-.5px}.brand-icon{background:var(--accent);color:#271a34;border-radius:12px;width:38px;height:38px;text-align:center;font-size:27px;line-height:32px}.muted{color:var(--muted)}.icon{background:transparent;font-size:25px;min-width:44px;min-height:44px;border-radius:10px}.icon:hover{background:var(--card)}main{max-width:1320px;margin:auto;padding:45px 24px 20px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--accent);font-weight:700}.headline{display:flex;align-items:center;gap:18px}h1{font-size:clamp(31px,5vw,52px);font-weight:550;letter-spacing:-2px;margin:10px 0 0}.badge{border:1px solid var(--line);font-size:9px;letter-spacing:1px;padding:4px 7px;border-radius:6px;color:var(--muted)}.intro{color:var(--muted);margin:7px 0 26px}#searchForm{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:7px 7px 7px 17px;gap:10px;max-width:760px}#searchForm>span{font-size:27px;color:var(--muted)}input,select{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:12px;min-width:0;width:100%;outline:none}input:focus,select:focus{border-color:var(--accent)}#query{border:0;background:transparent;padding:10px 0;flex:1;width:50px}#searchForm button,.primary{background:var(--accent);color:#281c34;padding:12px 20px;font-weight:650;border-radius:10px;white-space:nowrap}nav{margin:31px 0 24px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.tab{background:transparent;padding:13px 0;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--text);border-color:var(--accent)}#savedCount{background:#302537;border-radius:5px;padding:1px 6px;margin-left:5px;font-size:11px}.nav-space{flex:1}.source-label{font-size:12px;color:var(--muted)}.grid{columns:4;column-gap:16px}.post{position:relative;break-inside:avoid;margin-bottom:16px;background:var(--card);border-radius:12px;overflow:hidden;display:block;width:100%;padding:0;text-align:left}.post img{display:block;width:100%;object-fit:cover;transition:transform .25s;min-height:120px}.post:hover img{transform:scale(1.025)}.post:focus-visible{outline:3px solid var(--accent)}.post-meta{position:absolute;inset:auto 0 0;padding:28px 12px 10px;background:linear-gradient(transparent,#000a);display:flex;justify-content:space-between;font-size:11px}.post-badge{position:absolute;right:10px;top:10px;background:#17121dcc;padding:3px 7px;border-radius:5px;font-size:10px}.notice{border:1px solid #66513d;background:#32271e;color:#f5d5b5;padding:15px;border-radius:12px;margin-bottom:20px}#status{padding:22px;text-align:center;color:var(--muted);white-space:pre-line}.secondary{display:inline-block;background:var(--card);border:1px solid var(--line);padding:10px 16px;border-radius:9px;color:var(--text);margin:4px 3px 4px 0;font-size:13px}#more{display:block;margin:0 auto}#more[hidden]{display:none}footer{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:var(--muted);font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;gap:15px}footer span{letter-spacing:0}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:22px;width:min(650px,94vw);max-height:92dvh}dialog::backdrop{background:#08060cdd;backdrop-filter:blur(8px)}.dialog-head,.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head h2{font-size:21px;margin:0}label{display:block;color:var(--muted);font-size:12px;margin:14px 0}label input,label select{margin-top:6px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:12px;color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}#viewer{width:min(1100px,98vw);padding:12px}#media{display:flex;justify-content:center;background:#08070a;border-radius:8px;min-height:100px}#media img,#media video{max-width:100%;max-height:68dvh;object-fit:contain}.viewer-head{padding:0 6px 8px;color:var(--muted);font-size:12px}.viewer-actions{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0}.viewer-actions a{font-size:12px;color:var(--muted)}#tags{display:flex;flex-wrap:wrap;gap:6px;padding:6px}#tags button{font-size:11px;padding:5px 9px;border-radius:6px;background:var(--card);color:var(--accent)}@media(max-width:900px){.grid{columns:3}}@media(max-width:600px){header{padding:15px 20px}main{padding:29px 16px 20px}.grid{columns:2;column-gap:10px}.post{margin-bottom:10px;border-radius:9px}.eyebrow{font-size:8px;letter-spacing:2px}h1{letter-spacing:-1px}.intro{font-size:13px}#searchForm button{padding:12px;font-size:13px}.source-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav{gap:17px}.two{grid-template-columns:1fr}.viewer-actions{gap:5px}.viewer-actions .primary{font-size:12px;padding:12px}.viewer-actions a{font-size:11px}footer{font-size:8px}dialog{padding:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
