:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f13;--bg-elevated:#15171d;--surface:#1b1e26;--surface-hover:#22252f;--border:#2a2d38;--text:#e8e9ee;--text-dim:#9a9eac;--text-faint:#6b6f7d;--accent:#8b7bf0;--accent-hover:#a194f3;--accent-text:#0e0f13;--blue:#5b9dff;--green:#34c77b;--amber:#f0a73a;--red:#ef5d6b;--radius:10px;--radius-lg:16px;--shadow:0 10px 40px #00000073}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input{color:inherit;font-family:inherit}a{color:var(--accent-hover)}.full-screen-loading{height:100%;color:var(--text-dim);place-items:center;display:grid}.dashboard{flex-direction:column;min-height:100%;display:flex}.dashboard-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px clamp(16px,4vw,32px) 64px}.top-bar{border-bottom:1px solid var(--border);background:var(--bg-elevated);z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,32px);display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:8px;display:flex}.brand-mark{color:var(--accent);letter-spacing:.02em;font-weight:700}.brand-name{color:var(--text-dim);font-size:.95rem;font-weight:600}.top-bar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.user-chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.user-avatar.placeholder{background:var(--border)}.user-name{font-size:.85rem;font-weight:500}@media (width<=560px){.brand-name,.user-name{display:none}}.status-tabs{border-bottom:1px solid var(--border);gap:6px;margin-bottom:20px;display:flex}.status-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-size:.9rem;font-weight:500;display:flex;transform:translateY(1px)}.status-tab:hover{color:var(--text)}.status-tab.active{color:var(--text);border-bottom-color:var(--accent)}.status-tab-count{background:var(--surface);color:var(--text-faint);border-radius:999px;padding:1px 7px;font-size:.75rem}.post-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.empty-state{color:var(--text-faint);text-align:center;padding:48px 0}.empty-state.error{color:var(--red)}.post-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;padding:0;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}.post-card:hover{border-color:var(--accent);transform:translateY(-2px)}.post-card-thumb{aspect-ratio:1;background:var(--bg-elevated);position:relative}.post-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.post-card-thumb.placeholder{justify-content:center;align-items:center;display:flex}.post-card-body{flex-direction:column;gap:3px;padding:10px 12px 12px;display:flex}.post-caption{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.post-artist{color:var(--text-dim);margin:0;font-size:.8rem}.post-when{color:var(--text-faint);margin:2px 0 0;font-size:.75rem}.image-count{color:#fff;background:#0009;border-radius:999px;padding:2px 7px;font-size:.7rem;position:absolute;bottom:8px;right:8px}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.post-card-thumb .badge{position:absolute;top:8px;left:8px}.post-card-thumb .badge.due{top:8px;left:auto;right:8px}.post-card-thumb .badge.manual{top:32px;left:auto;right:8px}.status-pending{color:var(--blue);background:#5b9dff2e}.status-publishing{color:var(--amber);background:#f0a73a2e}.status-posted{color:var(--green);background:#34c77b2e}.status-error{color:var(--red);background:#ef5d6b2e}.status-default{background:var(--surface-hover);color:var(--text-dim)}.badge.due{color:var(--amber);background:#f0a73a38}.badge.manual{color:var(--red);background:#ef5d6b38}.badge.manage{color:var(--accent);background:#8b7bf033}.badge.viewer{background:var(--surface-hover);color:var(--text-faint)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:8px 14px;font-size:.85rem;font-weight:500;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){border-color:var(--text-faint)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:0 0}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{border-color:var(--red);color:var(--red);background:0 0}.btn.danger:hover:not(:disabled){background:#ef5d6b1f}.login-screen{place-items:center;height:100%;padding:24px;display:grid}.login-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:360px;box-shadow:var(--shadow);padding:40px 36px}.login-mark{color:var(--accent);margin-bottom:4px;font-size:.9rem;font-weight:700}.login-card h1{margin:0 0 8px;font-size:1.4rem}.login-sub{color:var(--text-dim);margin:0 0 24px;font-size:.9rem}.login-error{color:var(--red);margin:-12px 0 20px;font-size:.85rem}.discord-button{color:#fff;border-radius:var(--radius);background:#5865f2;align-items:center;gap:10px;padding:11px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.discord-button:hover{background:#4752c4}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#050609b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(480px,100%);max-height:min(820px,92vh);box-shadow:var(--shadow);position:relative;overflow-y:auto}.modal-close{z-index:2;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;width:32px;height:32px;font-size:1.2rem;line-height:1;position:absolute;top:10px;right:10px}.modal-carousel{background:#000;position:relative}.modal-carousel img{object-fit:contain;background:#000;width:100%;max-height:420px;margin:0 auto;display:block}.carousel-nav{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;width:34px;height:34px;font-size:1.3rem;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}.carousel-count{color:#fff;background:#0009;border-radius:999px;padding:2px 8px;font-size:.72rem;position:absolute;bottom:10px;right:10px}.modal-body{padding:20px 22px 24px}.modal-heading{align-items:center;gap:10px;margin-bottom:10px;display:flex}.post-id{color:var(--text-faint);font-size:.8rem}.post-caption-large{margin:0 0 14px;font-size:1.15rem}.post-details{grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 18px;font-size:.87rem;display:grid}.post-details dt{color:var(--text-faint)}.post-details dd{color:var(--text);word-break:break-word;margin:0}.warning-text{color:var(--amber)}.banner{border-radius:var(--radius);margin:0 0 14px;padding:10px 12px;font-size:.83rem}.banner.warning{color:var(--amber);background:#f0a73a24}.banner.error{color:var(--red);background:#ef5d6b24}.modal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.edit-form{flex-direction:column;gap:14px;display:flex}.edit-form label{color:var(--text-dim);flex-direction:column;gap:5px;font-size:.8rem;display:flex}.edit-form input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:9px 10px;font-size:.9rem}.edit-form input:focus{border-color:var(--accent);outline:none}.field-row{gap:12px;display:flex}.field-row label{flex:1}.field-note{color:var(--text-faint);margin:-4px 0 0;font-size:.78rem}.field-note.locked{color:var(--amber)}.form-error{color:var(--red);margin:0;font-size:.83rem}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.confirm-dialog h3{margin:0 0 6px;font-size:1rem}.confirm-dialog p{color:var(--text-dim);margin:0 0 16px;font-size:.87rem}.modal.composer{width:min(600px,100%)}.composer-title{color:var(--text);margin:0;padding-right:36px;font-size:1.1rem}.draft-images{flex-direction:column;gap:10px;display:flex}.drop-zone{border:1.5px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;font-size:.87rem;transition:border-color .12s,background .12s;display:flex}.drop-zone p{margin:0}.drop-zone.dragging{border-color:var(--accent);background:#8b7bf014}.draft-thumbs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.draft-thumb{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.draft-thumb img{object-fit:cover;width:100%;height:100%;display:block}.draft-thumb.uploading img{opacity:.45}.draft-thumb.failed{border-color:var(--red)}.draft-thumb.failed img{opacity:.35}.draft-thumb-order{color:#fff;background:#0009;border-radius:999px;padding:1px 7px;font-size:.7rem;position:absolute;top:6px;left:6px}.draft-thumb-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:24px;height:24px;font-size:1rem;line-height:1;position:absolute;top:5px;right:5px}.draft-thumb-remove:hover{background:#000000d9}.draft-thumb-state{color:#fff;background:#000000a6;justify-content:center;align-items:center;gap:6px;padding:4px 6px;font-size:.7rem;display:flex;position:absolute;bottom:0;left:0;right:0}.draft-thumb-state.failed{background:#ef5d6bd9;justify-content:space-between}.draft-thumb-state button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffb3;border-radius:6px;padding:1px 6px;font-size:.7rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.link-import{gap:8px;display:flex}.link-import input{flex:1;min-width:0}.form-notice{color:var(--amber);margin:0;font-size:.8rem}.created-post h2{margin:0 0 10px;padding-right:36px;font-size:1.1rem}.created-post p{color:var(--text-dim);margin:0 0 14px;font-size:.9rem}.created-post .banner{color:inherit}.created-post .banner.warning{color:var(--amber)}.created-post .banner.error{color:var(--red)}.created-post .publishing{align-items:center;gap:10px;display:flex}.created-post .publishing .spinner{border-color:#8b7bf04d;border-top-color:var(--accent)}