:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f8;--surface:#fff;--surface-muted:#f1f3f5;--ink:#202326;--muted:#66707a;--subtle:#8a949e;--line:#d9dee3;--line-strong:#c7cdd3;--accent:#0f766e;--accent-dark:#115e59;--danger:#b45309;--focus:#0f766e2e;--shadow:0 1px 2px #1018280f;background:var(--bg);color:var(--ink);font-family:Avenir Next,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--bg);min-height:100vh;margin:0}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:10px;font-size:34px;line-height:1.25}h2{letter-spacing:0;margin-bottom:12px;font-size:24px;line-height:1.35}h3{margin-bottom:10px;font-size:18px;line-height:1.4}.lead{max-width:620px;color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.7}code{background:var(--surface-muted);color:#111827;border-radius:4px;padding:.14em .38em;font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}.siteHeader{z-index:10;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);min-height:56px;margin:0 auto;display:flex}.brand{align-items:center;gap:8px;font-weight:800;text-decoration:none;display:inline-flex}.brand:focus{outline:none}.brand:focus-visible{color:var(--accent-dark);outline:none}.brand img{object-fit:contain;width:28px;height:28px}.navLinks{color:var(--muted);gap:18px;font-size:14px;display:flex}.navLinks a{text-decoration:none}.navLinks a:focus{outline:none}.navLinks a:focus-visible{color:var(--accent-dark);outline:none}main{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 48px}.appShell{gap:20px;display:grid}.dashboardHeader,.listPage,.usagePage,.candidateReviewPage{margin-top:10px}.gateMain{place-items:center;min-height:calc(100vh - 56px);display:grid}.gateStartMain{align-content:start;justify-items:stretch;place-items:unset;width:min(100% - 32px,1180px);margin:0 auto;padding-top:64px}.gateCard{border:1px solid var(--line);background:var(--surface);width:min(640px,100%);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:28px;display:grid}.gateCard h1,.gateCard .lead{margin-bottom:0}.gateStart{gap:20px;width:min(1080px,100%);display:grid}.gateStartHero{grid-template-columns:minmax(0,1fr) minmax(380px,460px);align-items:center;gap:40px;display:grid}.gateStartIntro{gap:14px;padding:0 2px;display:grid}.gateKicker{color:var(--accent-dark);font-size:13px;font-weight:800}.gateStartIntro h1{margin-bottom:0;font-size:46px;line-height:1.14}.gateStartIntro p{max-width:620px;color:var(--muted);margin-bottom:0;font-size:16px;line-height:1.7}.gateStartActions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.gatePreview{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:20px;padding:22px;display:grid;box-shadow:0 16px 34px #1018281a}.gatePreviewHeader{border-left:4px solid var(--accent);align-items:center;padding-left:12px;display:flex}.gatePreviewHeader strong{font-size:22px;line-height:1.1;display:block}.gatePreviewList{gap:8px;display:grid}.gatePreviewList article{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:14px;display:grid}.gatePreviewList h2{margin-bottom:0;font-size:17px;line-height:1.35}.gateFlowItemHeader{justify-content:space-between;align-items:start;gap:8px;margin-bottom:6px;display:flex}.gateFlowActor{border-radius:999px;flex:none;padding:3px 7px;font-size:11px;font-weight:800;line-height:1.2}.gateFlowActor.user{color:var(--accent-dark);background:#dff3ee}.gateFlowActor.app{color:#1d4ed8;background:#e0ecff}.gatePreviewList p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.65}.gateFlowArrow{width:100%;height:18px;color:var(--ink);opacity:.58;justify-self:center;place-items:center;display:grid}.gateNote{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.6}.entryCodeForm{gap:8px;display:grid}.entryCodeForm input{min-width:0}.entryCodeForm input:disabled{color:var(--subtle);background:var(--surface-muted)}.inviteGateMain{place-items:center;width:100%;min-height:calc(100vh - 56px);margin:0 auto;padding:48px 16px;display:grid;position:relative;overflow:hidden}.inviteGateMain:before{z-index:1;content:"";pointer-events:none;background:#2023267a;position:absolute;inset:0}.inviteBackdrop{z-index:0;opacity:.62;filter:blur(1px);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.inviteBackdropDashboard{width:min(1180px,100% - 32px);padding:24px}.inviteUserPanel{z-index:3;width:min(360px,100% - 32px);position:absolute;top:32px;right:16px}.inviteModal{z-index:2;border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:14px;width:min(520px,100%);padding:26px;display:grid;box-shadow:0 20px 56px #10182838}.inviteModal h1{margin-bottom:6px;font-size:28px}.inviteModal p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.6}.inviteModal .entryCodeForm{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:14px}.dashboardHeader{grid-template-columns:minmax(0,1fr) minmax(360px,400px);align-items:start;gap:24px;margin-bottom:-6px;display:grid}.dashboardHeader>div:first-child,.listPage>.sectionLead:first-child,.usagePage>.sectionLead:first-child,.candidateReviewPage>.sectionLead:first-child{margin-top:8px}.dashboardHeader h1{font-size:34px;line-height:1.2}.dashboardHeader .lead{color:#4b5563;border-left:3px solid #0f766e3d;max-width:760px;margin-top:14px;padding-left:14px}.dashboardHeader .authPanel{margin-top:4px}.actions,.authActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sectionLead{justify-content:space-between;align-items:end;gap:16px;display:flex}.sectionLead h1,.sectionLead h2{margin-bottom:0;font-size:34px;line-height:1.2}.button{border:1px solid var(--line-strong);background:var(--surface);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--accent)}.button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.button.primary,.button.compact{border-color:var(--accent);background:var(--accent);color:#fff}.button.secondary,.button.secondaryAction{border-color:var(--line-strong);background:var(--surface);color:var(--accent-dark)}.button.danger{background:var(--surface);color:var(--danger);border-color:#d6b28c}.button.disabled{color:var(--subtle);background:var(--surface-muted);cursor:not-allowed}.button.compact{min-height:34px;padding:0 12px;font-size:13px}.button:disabled{cursor:wait;opacity:.68}.authPanel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px}.authPanel p{color:var(--muted);margin:2px 0 10px;font-size:14px;line-height:1.6}.authPanel.signedIn{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;display:grid}.authPanel.hasNotification{--auth-header-shift:-14px;--auth-login-shift:-41px;grid-template-columns:minmax(96px,1fr) max-content;column-gap:14px}.authPanel.signedIn img,.avatarFallback{box-sizing:border-box;border-radius:6px;align-self:center;width:44px;height:44px}.avatarFallback{background:var(--surface-muted);color:var(--accent-dark);place-items:center;font-weight:800;display:grid}.authPanel.signedIn a{color:var(--accent-dark);white-space:nowrap;flex:none;align-items:center;font-size:14px;font-weight:700;line-height:20px;display:inline-flex}.authAccountLine{flex-wrap:nowrap;align-self:center;align-items:center;gap:12px;min-height:44px;padding-right:10px;display:flex}.authStatus{color:var(--text);white-space:nowrap;font-size:13px;font-weight:800;display:block}.authPanel .authLoginLine{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;align-items:center;margin:0;font-size:14px;font-weight:700;line-height:20px;display:inline-flex;overflow:hidden}.hasNotification .authLoginLine{transform:translateX(var(--auth-login-shift))}.authMain{gap:10px;min-width:0;display:grid}.notificationIdentity{justify-items:center;gap:7px;display:grid}.hasNotification .notificationIdentity>img,.hasNotification .notificationIdentity>.avatarFallback{transform:translateX(var(--auth-header-shift))}.notificationSummary{justify-items:center;gap:3px;display:inline-grid}.notificationBadge{border:1px solid var(--line);background:var(--surface-muted);min-height:22px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-size:13px;font-weight:800;line-height:1.2;display:inline-flex}.notificationBadge.ok{color:#166534;background:#eaf7ef;border-color:#1665343d}.notificationActions{flex-wrap:nowrap;justify-content:flex-end;gap:6px;min-width:0;display:flex}.notificationActions .button{white-space:nowrap;min-width:max-content}.statusText{margin:10px 0 0;font-size:14px;line-height:1.5}.statusText.ok{color:var(--accent-dark)}.statusText.warn{color:var(--danger)}.alertRegion{z-index:100;pointer-events:none;gap:8px;width:min(480px,100% - 32px);display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.alertToast{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);color:var(--text);pointer-events:auto;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.alertToast.error{border-color:#b91c1c47}.alertToast button{color:var(--danger);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-weight:700}.alertToast button:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.dashboard{gap:16px;display:grid}.summaryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.summaryGrid article,.summaryCard,.addTrackForm,.trackPanel,.adminPanel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.summaryGrid article,.summaryCard{padding:18px 28px}.summaryCard{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;min-height:78px;text-decoration:none;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:grid}.summaryCard:hover{border-color:var(--accent);background:#f7fcfb;transform:translateY(-2px);box-shadow:0 6px 16px #0f766e1f}.summaryCard.attention{background:#e4f6f3;border-color:#5daea6;box-shadow:0 3px 10px #0f766e24}.summaryCard.attention span,.summaryCard.attention strong{color:var(--accent-dark)}.summaryCard.attention:hover{border-color:var(--accent);background:#d5f0ec;box-shadow:0 7px 18px #0f766e33}.summaryCard:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.summaryGrid span{color:var(--text);font-size:20px;font-weight:800;display:block}.summaryGrid strong{letter-spacing:0;margin-top:0;font-size:30px;line-height:1.1;display:block}.summaryGrid .summaryUnit{color:inherit;margin-left:8px;font-size:14px;font-weight:800;display:inline}.addTrackForm{background:linear-gradient(135deg,#fff 0%,#fbfefd 100%);gap:18px;padding:22px;display:grid}.addTrackIntro{gap:4px;display:grid}.addTrackForm h2{margin-bottom:6px;font-size:22px}.addTrackIntro p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.6}.addTrackFields{grid-template-columns:minmax(220px,1fr) minmax(200px,.8fr) auto;align-items:end;gap:12px;display:grid}.addTrackFields label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.addTrackFields input{min-height:46px;padding:0 12px}.fieldBadge{background:var(--surface-muted);min-height:20px;color:var(--muted);border-radius:999px;align-items:center;margin-left:4px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.fieldBadge.required{color:var(--accent-dark);background:#e7f5f3}.addTrackSubmit{white-space:nowrap;min-height:46px;padding:0 18px}.addTrackHint{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin:-8px 0 0;font-size:12px;line-height:1.6;display:flex}.addTrackHint a{color:var(--accent-dark);font-weight:700}input{border:1px solid var(--line-strong);background:var(--surface);min-height:38px;color:var(--ink);font:inherit;border-radius:6px;padding:0 10px}.addTrackForm .statusText{margin-top:-4px}.trackPanel{padding:18px}.listPage{gap:16px;display:grid}.trackPanelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.trackPanelHeader h3{margin-bottom:0;font-size:18px}.trackPanelTitle{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.trackPanelTitle span{color:var(--muted);font-size:13px;font-weight:700}.trackFilter{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.trackFilter select{border:1px solid var(--line-strong);background:var(--surface);min-height:34px;color:var(--ink);font:inherit;border-radius:6px;padding:0 32px 0 10px}.emptyText{color:var(--muted);margin:0;font-size:14px}.trackList{gap:8px;display:grid}.trackItem{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto max-content;align-items:center;gap:6px 12px;padding:12px;display:grid}.trackItem.hasTrackLink{grid-template-columns:minmax(0,1fr) auto auto auto max-content}.trackText{gap:4px;min-width:0;display:grid}.trackIdentity{gap:5px;min-width:0;padding-top:2px;display:grid}.trackIdentity strong{color:var(--ink);overflow-wrap:anywhere;font-size:16px;line-height:1.35}.trackIdentity span{color:var(--ink);overflow-wrap:anywhere;font-size:15px}.trackItem small{color:var(--muted);font-size:13px}.trackMeta{grid-column:2}.trackArtist{color:var(--muted);font-size:13px;line-height:1.35}.trackItem>small{align-self:center}.trackLink{color:var(--accent-dark);white-space:nowrap;align-self:center;font-size:13px;font-weight:700}.statusBadge{min-height:24px;color:var(--accent-dark);white-space:nowrap;background:#f4fbfa;border:1px solid #b9d8d3;border-radius:999px;grid-column:3;justify-content:center;align-self:center;align-items:center;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.trackNote{color:var(--muted);grid-column:1/-1;margin:0;font-size:13px;line-height:1.6}.trackItem .statusText{grid-column:1/-1}.trackItem>.button{align-self:center}.trackActions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.trackActions .button{white-space:nowrap}.modalBackdrop{z-index:20;background:#2023266b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalPanel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(440px,100%);padding:22px;box-shadow:0 16px 40px #10182833}.modalDescription{color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.6}.compactDetailList{margin-bottom:18px}.modalActions{justify-content:end;gap:10px;display:flex}.candidateReviewPage{gap:16px;display:grid}.candidateReviewGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detailPanel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:18px}.detailPanel h2{font-size:22px}.detailList{gap:12px;margin:0;display:grid}.detailList div{gap:4px;display:grid}.detailList dt{color:var(--muted);font-size:12px;font-weight:800}.detailList dd{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700}.detailLink{color:var(--accent-dark);margin-top:14px;font-size:13px;font-weight:800;display:inline-flex}.candidateReviewActions{flex-wrap:wrap;gap:10px;display:flex}.pagination{justify-content:flex-end;align-items:center;gap:12px;padding:10px 0 0;display:flex}.paginationActions{align-items:center;gap:8px;display:flex}.paginationActions span{min-width:52px;color:var(--muted);text-align:center;font-size:13px;font-weight:800}.adminPanel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.adminPanel p,.usagePage p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.6}.usagePage{gap:20px;display:grid}.usageSetupCard{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:18px;display:grid}.usageNotes{gap:14px;display:grid}.usagePage>.sectionLead:first-child .lead{margin-top:14px}.usageSectionHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:16px;padding-bottom:12px;display:flex}.usageSetupCard h3,.usageNotes h3,.usageSteps h4,.usageNote h4{margin:0}.usageSetupCard h3,.usageNotes h3{font-size:21px}.usageSteps{gap:0;margin:0;padding:0;list-style:none;display:grid}.usageSteps li{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px 0;display:grid}.usageSteps li:last-child{border-bottom:0;padding-bottom:6px}.stepNumber{width:30px;height:30px;color:var(--accent-dark);background:#dff3ee;border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.usageNoteList{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;display:grid}.usageNote{border-bottom:1px solid var(--line);align-content:start;gap:8px;padding:14px 0;display:grid}.usageNote h4{font-size:16px}.generatedCode{border:1px solid var(--line);background:var(--surface-muted);border-radius:6px;grid-column:1/-1;gap:6px;padding:12px;display:grid}.generatedCode span{color:var(--muted);font-size:12px;font-weight:800}@media (width<=900px){.dashboardHeader,.gateStartHero,.addTrackFields,.adminPanel,.candidateReviewGrid,.usageNoteList{grid-template-columns:1fr}.usageSectionHeader{display:grid}}@media (width<=620px){.nav{width:min(100% - 24px,1180px)}.navLinks{display:none}main{width:min(100% - 24px,1180px);padding-top:20px}.gateStartMain{width:min(100% - 24px,1180px);padding-top:28px}.inviteGateMain{align-content:start;width:100%;padding:28px 12px}.inviteGateMain:before{display:none}.summaryGrid{grid-template-columns:1fr}.sectionLead{align-items:start;display:grid}.pagination{justify-content:flex-end}.trackItem{grid-template-columns:minmax(0,1fr)}.trackLink,.trackMeta,.statusBadge,.trackActions{grid-column:auto;justify-self:start}.gateCard,.authPanel,.gatePreview,.inviteModal,.summaryGrid article,.summaryCard,.addTrackForm,.trackPanel,.adminPanel,.detailPanel{padding:14px}.gateStartIntro h1{font-size:34px}.gatePreviewList article{padding:12px}.inviteModal .entryCodeForm{grid-template-columns:1fr}.inviteBackdrop{display:none}.inviteUserPanel{width:100%;margin-bottom:16px;position:static}.authPanel.hasNotification{grid-template-columns:1fr}.authMain,.notificationActions{justify-content:center;justify-items:center}}