:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;--bg: #f5f6fb;--bg-elevated: #ffffff;--border: #e2e4ee;--text: #14151f;--text-muted: #63667a;--text-faint: #9497ac;--accent: #6441a5;--accent-hover: #55348f;--accent-soft: #6441a51a;--danger: #d9364a;--danger-soft: #d9364a1a;--success: #1b9e5a;--success-soft: #1b9e5a1a;--warning: #b9770e;--warning-soft: #b9770e1a;--radius: 12px;--shadow: 0 1px 2px rgba(20, 21, 31, .04), 0 8px 24px rgba(20, 21, 31, .06)}@media (prefers-color-scheme: dark){:root{--bg: #0f1016;--bg-elevated: #1a1b26;--border: #2c2e3d;--text: #eef0f8;--text-muted: #9498ab;--text-faint: #6d7086;--accent: #9b7fd4;--accent-hover: #ac95dc;--accent-soft: #9b7fd426;--danger: #f0788a;--danger-soft: #f0788a26;--success: #4fd493;--success-soft: #4fd49326;--warning: #f0b94f;--warning-soft: #f0b94f26;--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1{font-size:1.6rem;margin:0 0 .4rem;letter-spacing:-.02em}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none}.app-header-actions{display:flex;align-items:center;gap:.75rem}.whoami{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-muted)}.badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);padding:.15rem .45rem;border-radius:999px}.app-footer{text-align:center;padding:1.5rem 1rem 2.5rem}.app-footer a{color:var(--text-muted);font-size:.9rem;text-decoration:none}.app-footer a:hover{color:var(--accent)}.app-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:2rem 1.25rem 4rem}.app-main:has(.page-wide){max-width:1080px}.page-intro{margin-bottom:1.5rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.1rem 0 1.5rem}.step{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem .9rem;display:flex;flex-direction:column;gap:.3rem}.step .step-icon{font-size:1.15rem}.step .step-label{font-weight:600;font-size:.88rem}.step .step-desc{font-size:.78rem;color:var(--text-muted);line-height:1.35}.submit-layout{display:grid;grid-template-columns:1fr 260px;gap:1.5rem;align-items:start}@media (max-width: 1000px){.submit-layout{grid-template-columns:1fr}}.submit-main{min-width:0}.submit-form-wrap{position:relative}.submit-form-wrap.is-closed .card{filter:blur(1.5px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.closed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.closed-ribbon{transform:rotate(-8deg);background:var(--danger);color:#fff;font-weight:800;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;padding:.6rem 2.5rem;border-radius:6px;box-shadow:0 6px 20px #00000040;white-space:nowrap;text-align:center}.closed-ribbon-sub{display:block;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:none;opacity:.9;margin-top:.15rem}.plaque-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;position:sticky;top:5rem}@media (max-width: 1000px){.plaque-block{position:static}}.progress-label{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-size:.78rem;color:var(--text-muted)}.progress-track{width:100%;height:8px;border-radius:999px;background:var(--border);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .4s cubic-bezier(.2,.8,.2,1)}.progress-note{width:100%;font-size:.72rem;color:var(--text-muted);margin:-.3rem 0 0;line-height:1.4}.plaque-svg{width:100%;max-width:220px;height:auto}.auth-reason{font-size:.82rem;color:var(--text-faint);max-width:34ch;line-height:1.45}.auth-reason strong{color:var(--text-muted);font-weight:600}.redbubble-note{font-size:.78rem;color:var(--text-faint)}.page-loading{color:var(--text-muted);padding:2rem 0;text-align:center}.muted{color:var(--text-muted)}.small{font-size:.82rem}.truncate{overflow-wrap:anywhere}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.9rem}.card-centered{align-items:center;text-align:center}.skeleton{min-height:140px;background:linear-gradient(90deg,var(--border) 25%,var(--bg) 37%,var(--border) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.tabs{display:flex;gap:.4rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:0}.tabs button{padding:.55rem 1rem;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--text-muted);font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.banner{border-radius:var(--radius);padding:.9rem 1.1rem;margin-bottom:1.25rem;font-size:.92rem;border:1px solid transparent}.banner-error{background:var(--danger-soft);color:var(--danger)}.banner-warning{background:var(--warning-soft);color:var(--warning)}.banner-success{background:var(--success-soft);color:var(--success)}.banner-muted{background:var(--bg-elevated);border-color:var(--border);color:var(--text-muted)}.banner-with-action,.queue-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.error{color:var(--danger)}.success{color:var(--success)}button{font-family:inherit;font-size:.92rem}button.primary{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.65rem 1.3rem;font-weight:600;cursor:pointer;transition:background .15s ease}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:8px;padding:.65rem 1.3rem;font-weight:600;cursor:pointer}button.danger:hover{background:var(--danger-soft)}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem .9rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}button.ghost:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}button.ghost:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-muted)}.field input{font-family:inherit;font-size:.95rem;padding:.65rem .8rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:2rem 1rem;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease}.dropzone:hover{border-color:var(--accent)}.dropzone-active{border-color:var(--accent);background:var(--accent-soft)}.dropzone-filled{color:var(--text);border-style:solid}.dropzone-icon{font-size:1.6rem}.pill{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--accent-soft);color:var(--accent);padding:.2rem .55rem;border-radius:999px}.submission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.submission-card{margin-bottom:0}.submission-meta{display:flex;align-items:center;justify-content:space-between}.submission-actions{display:flex;gap:.6rem}img.thumb{width:100%;max-height:220px;object-fit:contain;border-radius:8px;background:var(--bg);border:1px solid var(--border)}.submission-placeholder{min-height:140px;border-radius:8px;background:var(--bg);border:1px dashed var(--border);color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem}.bg-remover{display:flex;flex-direction:column;gap:.9rem}.bg-remover-canvas-wrap{display:flex;justify-content:center;border-radius:var(--radius);border:1px solid var(--border);padding:.5rem;background-image:linear-gradient(45deg,#8883 25%,transparent 25%),linear-gradient(-45deg,#8883 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8883 75%),linear-gradient(-45deg,transparent 75%,#8883 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.bg-remover-canvas-wrap canvas{max-width:100%;max-height:420px;cursor:crosshair;border-radius:4px}.bg-remover-actions{display:flex;gap:.6rem;flex-wrap:wrap}body:has(.overlay-root){background:transparent}.overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay-toast{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:260px;background:#14151fd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:.9rem;box-shadow:0 8px 28px #00000059;animation:overlay-toast-in .4s cubic-bezier(.2,.9,.25,1.15) forwards,overlay-toast-out .4s ease forwards 4.1s}.overlay-name{margin:0;color:#fff;font-size:1.2rem;line-height:1.4;text-align:center;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.overlay-name strong{color:#fff}.overlay-command{color:#c9b6f0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;letter-spacing:.01em}@keyframes overlay-toast-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-toast-out{0%{opacity:1}to{opacity:0}}.overlay-sticker-slap{transform-box:fill-box;transform-origin:center;animation:overlay-sticker-slap .55s cubic-bezier(.2,.9,.25,1.2) .5s backwards}@keyframes overlay-sticker-slap{0%{opacity:0;scale:2.6}60%{opacity:1;scale:.88}to{opacity:1;scale:1}}.overlay-progress-track{width:100%;height:10px;border-radius:999px;background:#ffffff2e;overflow:hidden}.overlay-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#9b7fd4,#6441a5);transition:width .4s ease}.overlay-percent{margin:0;font-size:1rem;font-weight:600;color:#ffffffd9;text-align:center}.clips-filters{display:flex;gap:.75rem;margin-bottom:1.25rem}.clips-search{flex:1 1 auto;width:100%;font-family:inherit;font-size:.95rem;padding:.65rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.clips-search:focus{outline:2px solid var(--accent);outline-offset:1px}.clips-game-filter{flex:0 0 auto;font-family:inherit;font-size:.95rem;padding:.65rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.clips-game-filter:focus{outline:2px solid var(--accent);outline-offset:1px}.clips-group-toggle-label{flex:0 0 auto;display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-muted);white-space:nowrap;cursor:pointer}.clip-stream-link{display:block;font-size:.78rem;padding:0 .9rem .75rem;color:var(--text-muted);text-decoration:none}.clip-stream-link:hover{color:var(--accent);text-decoration:underline}.clip-groups{display:flex;flex-direction:column;gap:.75rem}.clip-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);overflow:hidden}.clip-group-header{display:flex;align-items:center;gap:.6rem;width:100%;padding:.75rem 1rem;font-size:.95rem}.clip-group-toggle-button{flex:0 0 auto;background:none;border:none;padding:.2rem;margin:-.2rem;cursor:pointer;border-radius:4px}.clip-group-toggle-button:hover{background:var(--bg)}.clip-group-toggle{color:var(--text-muted);width:1em;display:inline-block}.clip-group-title{font-weight:600;color:var(--text);text-decoration:none;font-family:inherit;font-size:inherit}a.clip-group-title:hover{color:var(--accent);text-decoration:underline}.clip-group-count{margin-left:auto}.clip-group .clips-grid{padding:0 1rem 1rem}.stream-clip-list{display:flex;flex-direction:column;gap:.5rem}.stream-clip-row{display:flex;align-items:center;gap:.9rem;padding:.6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.stream-clip-thumb{position:relative;flex:0 0 auto;width:120px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--bg);display:block}.stream-clip-thumb img{width:100%;height:100%;object-fit:cover;display:block}.stream-clip-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem;color:var(--text);text-decoration:none}.stream-clip-vod-link{flex:0 0 auto;margin-bottom:0;white-space:nowrap}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.clip-card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:border-color .15s ease}.clip-card:hover{border-color:var(--accent)}.clip-card-link{display:flex;flex-direction:column;flex:1 1 auto;text-decoration:none;color:var(--text)}.clip-thumb{position:relative;aspect-ratio:16 / 9;background:var(--bg)}.clip-thumb img{width:100%;height:100%;object-fit:cover;display:block}.clip-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:.82rem}.clip-duration{position:absolute;bottom:.4rem;right:.4rem;background:#000000b8;color:#fff;font-size:.72rem;font-weight:600;padding:.1rem .4rem;border-radius:4px}.clip-card-body{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem}.clip-title{font-weight:600;font-size:.92rem;overflow-wrap:anywhere}.ghost-link{display:inline-block;color:var(--text-muted);text-decoration:none;font-size:.88rem;margin-bottom:1rem}.ghost-link:hover{color:var(--accent)}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--accent)}.clip-video{width:100%;max-height:70vh;border-radius:var(--radius);background:#000;margin:1rem 0}.clip-video-portrait{width:auto;max-width:100%;height:70vh;display:block;margin-left:auto;margin-right:auto}.clip-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.25rem}.clip-transcript{white-space:pre-wrap;line-height:1.5;color:var(--text-muted)}.toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:.88rem;padding:.7rem 1.1rem;border-radius:8px;box-shadow:var(--shadow);z-index:100}