:root{--accent:#7209b7;--deep:#100d17;--ink:#24212f;--muted:#686375;--paper:#f6f7fb;--line:#e0dfea;--warm:#eeebf4;--accent-soft:#e3c9fa;--white:#ffffff;--red:#b4233d;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
button,input,textarea{font:inherit}
button,a,input,textarea{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.5}
a{color:var(--accent);text-underline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a866d3;outline-offset:4px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:650}
h1{font-family:inherit;font-size:clamp(36px,4.1vw,58px);line-height:1.08;letter-spacing:-1.6px;margin-bottom:22px}
h2{font-size:24px;line-height:1.3}
h3{font-size:24px;line-height:1.3;margin-bottom:10px}
p{line-height:1.65}
.muted{color:var(--muted)}
.eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:2px;margin-bottom:18px;color:#7209b7}
.eyebrow.light{color:#c9b2e0}
.sidebar{width:248px;background:linear-gradient(165deg,#100d17 5%,#20122f 100%);color:#f8f6ff;position:fixed;inset:0 auto 0 0;padding:34px 20px 24px;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;flex-direction:column;gap:0;align-items:flex-start;text-decoration:none;color:inherit;width:100%;max-width:208px;padding:0}
.brand small{display:block;letter-spacing:3.5px;font-size:9px;font-weight:600;margin-top:17px;color:#bcb2cf}
.brand-logo{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:430/95}
.brand-logo img{position:absolute;width:124.42%;height:auto;max-width:none;left:-13.26%;top:-105.26%}
.nav-label{font-size:9px;letter-spacing:2px;color:#ada2c1;margin:60px 13px 17px}
.nav-item{border:0;background:none;color:#e5dff0;width:100%;text-align:left;padding:15px 13px;border-radius:8px;display:flex;gap:12px;font-size:13px;margin-bottom:5px}
.nav-item.active{background:#7209b7;color:#fff}
.nav-item:hover{background:#2c203c}
.nav-item>span{font-size:17px;width:18px}
.sidebar-bottom{margin-top:auto;padding:0 10px;font-size:10px;color:#b6abc7}
.private-dot{display:inline-block;background:#38c8ed;width:5px;height:5px;border-radius:50%;margin-right:7px}
.user{display:flex;align-items:center;gap:10px;border-top:1px solid #382a49;padding-top:20px;margin-top:22px;font-size:13px;color:white}
.user small{display:block;font-size:10px;color:#b6abc7;margin-top:4px}
.avatar{display:inline-flex;align-items:center;justify-content:center;background:#f0e6fa;border:1px solid #dfc9f2;border-radius:50%;width:36px;height:36px;color:var(--accent);font-size:13px;flex-shrink:0}
.avatar.large{width:50px;height:50px;font-size:20px}
.signout{margin-left:auto;background:none;border:0;color:#e5dff0;font-size:22px}
.workspace{margin-left:248px;min-height:100vh}
.topbar{background:#fff;height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:12px}
.topbar .muted{margin-left:8px}
.team-pill{background:#eee7f7;border-radius:20px;padding:7px 12px;font-size:10px}
main#main{max-width:1380px;margin:auto;padding:52px 5% 65px}
.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:36px}
.page-heading>.button{margin-top:45px}
.intro{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:0;max-width:740px}
.metrics{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0 40px;padding:24px 0}
.metrics>div{flex:1;border-right:1px solid var(--line);padding:0 28px}
.metrics>div:first-child{padding-left:0}
.metrics>div:last-child{border:0}
.metrics strong{font-family:inherit;font-size:34px;font-weight:650;display:block}
.metrics span{color:var(--muted);font-size:12px;display:block;margin-top:5px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.section-title h2{font-size:21px;margin:0}
.section-title>.muted{font-size:12px;margin:0}
.round-card{background:var(--white);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:25px;padding:30px;margin-bottom:17px;box-shadow:0 5px 18px #2c164b06}
.round-icon{align-self:flex-start;width:56px;height:64px;border-radius:5px;background:#efe6fa;color:#7209b7;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:27px;flex-shrink:0}
.round-info{flex:1}
.round-info p{font-size:13px;color:var(--muted);max-width:610px;margin-bottom:16px}
.tags{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--muted);margin-bottom:13px}
.status{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;white-space:nowrap;background:#ecebf1;color:#605b70}
.status.open{background:#e8f3fc;color:#215d82}
.status.complete{background:#eee3fa;color:#64229a}
.reviewer-list{display:flex;gap:15px;flex-wrap:wrap}
.person{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}
.person>span{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;border:1px solid var(--line);font-size:9px;background:#f3f1f7}
.person.done{color:#64229a}
.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 18px;border:1px solid transparent;border-radius:7px;font-size:12px;line-height:1.4;font-weight:600;white-space:nowrap;text-decoration:none}
.button.primary{color:#fff;background:var(--accent)}
.button.primary:hover{background:#5b0794}
.button.secondary{background:transparent;border-color:#d2c7de;color:var(--accent)}
.button.secondary:hover{background:#f0eaf7}
.button.wide{width:100%}
.quiet-note{display:flex;gap:17px;padding:26px;background:#eeedf5;border-radius:10px;margin-top:28px}
.quiet-note>span{font-size:25px;color:#7209b7}
.quiet-note p{font-size:12px;color:var(--muted);margin:0}
.quiet-note strong{display:block;font-weight:600;color:var(--ink);margin-bottom:4px}
.footer{border-top:1px solid var(--line);margin:0 5%;padding:20px 0 28px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
.back{background:none;border:0;color:var(--muted);padding:0;font-size:12px;margin-bottom:30px}
.review-heading h1{font-size:43px;margin-bottom:14px}
.review-heading{margin-bottom:30px}
.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:27px;align-items:start}
.email-card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:28px;overflow:hidden;scroll-margin-top:25px;box-shadow:0 6px 16px #2c164b05}
.option-top{display:flex;align-items:center;gap:10px;background:#f4f1f8;border-bottom:1px solid var(--line);padding:14px 26px;font-size:10px;font-weight:650;letter-spacing:1.5px}
.option-letter{background:var(--accent);color:white;display:inline-flex;justify-content:center;align-items:center;width:26px;height:26px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:0;flex-shrink:0}
.rank-label{margin-left:auto;font-weight:500;letter-spacing:0;color:#7209b7}
.envelope{display:flex;gap:11px;align-items:center;padding:24px 32px 18px}
.sender-avatar{width:34px;height:34px;border-radius:50%;background:#eee8f5;color:#7209b7;display:flex;align-items:center;justify-content:center;font-size:12px}
.sender-avatar img{width:29px;height:29px;object-fit:contain}
.envelope strong{font-size:12px;font-weight:550}
.envelope small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.email-subject{padding:10px 32px 22px;border-bottom:1px solid #eeedf4}
.email-subject>span{display:block;font-size:9px;letter-spacing:1.4px;color:#716a7e;margin-bottom:7px}
.email-subject h2{font-size:21px;letter-spacing:-.3px;margin-bottom:18px}
.email-subject p{font-size:13px;color:var(--muted);margin-bottom:0}
.email-body{padding:27px 32px 17px;font-family:Arial,sans-serif;font-size:14px;line-height:1.7;color:#363241}
.email-body p{margin-bottom:18px;overflow-wrap:anywhere}
.email-body a{font-weight:500}
.feedback{background:#fbfaff;padding:25px 32px;border-top:1px solid var(--line)}
fieldset{padding:0;border:0;margin:0 0 20px}
legend,.comment-label{font-size:11px;font-weight:600;margin-bottom:12px}
.rank-buttons{display:flex;gap:7px;flex-wrap:wrap}
.rank-button{border:1px solid #d7d0e1;background:#fff;color:#686076;padding:9px 11px;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:8px}
.rank-button b{font-size:10px;border-radius:50%;background:#f0ecf5;width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center}
.rank-button.selected{background:#efe3fa;border-color:#a26aca;color:#64229a}
.rank-button.selected b{background:var(--accent);color:white}
.unrank{border:0;background:transparent;font-size:11px;color:#746c81;padding:6px}
.unrank.selected{text-decoration:underline;text-underline-offset:4px}
.comment-label span{font-weight:400;color:var(--muted)}
textarea,input{width:100%;border:1px solid #d4cedf;background:#fff;color:var(--ink);border-radius:6px;padding:12px 13px;font-size:13px;line-height:1.6}
textarea{resize:vertical;min-height:76px}
textarea:disabled{background:#f5f3f8;color:#5a5266;opacity:1}
input{height:44px}
label{display:block;font-size:12px;font-weight:600;margin-bottom:20px}
label input,label textarea{display:block;margin-top:8px;font-weight:400}
.feedback textarea{font-size:12px}
.feedback label{margin-bottom:8px}
.picks{position:sticky;top:25px}
.picks-inner{box-shadow:0 8px 24px #2c164b06;padding:25px 22px;border:1px solid var(--line);border-radius:10px;background:#f0eaf7}
.picks h2{font-family:inherit;font-size:28px;margin-bottom:12px}
.picks p{font-size:12px;color:var(--muted)}
.picks ol{list-style:none;padding:0;margin:25px 0}
.picks li{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #ddd4e8;min-height:67px;font-size:12px}
.picks li small{display:block;font-size:10px;margin-top:6px;color:var(--muted);line-height:1.45}
.place{font-family:inherit;font-size:23px;color:#8651ac;width:15px;flex-shrink:0}
#save-status{font-size:10px;color:#6c627b;margin:15px 0;min-height:15px}
.jump-label{font-size:9px;letter-spacing:1px;color:var(--muted);margin:25px 0 11px}
.option-jumps{display:flex;flex-wrap:wrap;gap:7px}
.option-jumps a{display:inline-flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid #d4c5e2;border-radius:5px;text-decoration:none;font-size:10px}
.picks .privacy-note{font-size:10px;margin:20px 0 0}
.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--accent);font-size:12px;padding:8px 0}
.subdued{font-size:10px;color:var(--muted);margin-top:18px}
.notice{background:#f2eafb;padding:18px 22px;border:1px solid #e0cbed;border-radius:9px;margin-bottom:22px;font-size:13px;line-height:1.7}
.notice .text-button{display:block}
.panel{background:var(--white);border:1px solid var(--line);border-radius:11px;padding:30px;margin-bottom:24px}
.panel>h2{font-size:23px}
.panel>p.muted{font-size:12px}
.panel>textarea{margin-bottom:20px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.team-card h2{margin:20px 0 7px}
.team-card p{font-size:12px}
.team-card .button{white-space:normal;width:100%}
.team-card dl{font-size:12px;line-height:1.7;margin:25px 0}
.team-card dt{color:var(--muted);font-size:10px}
.team-card dd{margin:0 0 13px}
.results-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.result-person{display:flex;align-items:center;gap:12px;padding:13px 18px;background:var(--white);border:1px solid var(--line);border-radius:8px;font-size:12px}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13px}
th{text-align:left;color:var(--muted);font-size:10px;font-weight:600;padding:14px 12px;border-bottom:1px solid var(--line)}
td{padding:17px 12px;border-bottom:1px solid #eeebf3}
td small{display:block;color:var(--muted);font-size:11px;margin-top:7px}
tr:last-child td{border-bottom:0}
.result-option{border-bottom:1px solid var(--line);padding:18px 0}
.result-option summary{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:13px;list-style:none}
.result-option summary::after{content:'+';margin-left:auto;font-size:21px}
.result-option[open] summary::after{content:'−'}
.result-option summary .muted{margin-left:auto;font-size:11px}
.result-option>p{font-size:12px;margin-top:18px}
.result-body{padding:20px;background:#f8f7fb;margin-top:12px;border-radius:8px}
.comments-list blockquote{margin:15px 0;padding:15px 20px;border-left:3px solid #b16bdc;background:#f4edfa;font-size:13px}
.comments-list blockquote p{margin:8px 0 0}
.source-note{font-size:10px;color:var(--muted)}
.reviewer-picker{display:flex;gap:25px;margin:24px 0 0}
.reviewer-picker legend{font-size:12px}
.reviewer-picker label{display:flex;align-items:center;gap:8px;margin:0;font-weight:400}
.reviewer-picker input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.editor-actions{display:flex;gap:12px;flex-wrap:wrap}
.field-help{font-size:11px;color:var(--muted);margin:10px 0 22px;line-height:1.6}
.empty{padding:45px;background:var(--white);border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
.error{color:var(--red);font-size:12px}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;padding:0!important;max-width:none!important}
.login-art{background:radial-gradient(ellipse at 15% 95%,#19385599,transparent 55%),radial-gradient(ellipse at 90% 30%,#7209b744,transparent 60%),#100d17;color:#ffffff;padding:52px 10%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}
.login-art .brand{padding:0;width:260px;max-width:100%}
.login-art h1{font-size:clamp(50px,5.5vw,84px);letter-spacing:-2px}
.login-art p{max-width:330px;color:#c5bcd3;font-size:15px}
.login-art>small{color:#b6abc7;font-size:11px}
.login-art>div{margin:45px 0}
.line-art{display:flex;gap:8px;align-items:center;height:75px;margin-top:32px}
.line-art span{background:#33c7e7;width:5px;border-radius:5px;height:25px}
.line-art span:nth-child(2){height:42px;background:#7189ec}
.line-art span:nth-child(3){height:70px;background:#a952df}
.line-art span:nth-child(4){height:50px;background:#8147d1}
.line-art span:nth-child(5){height:31px}
.login-form{width:100%;max-width:480px;padding:60px 30px;margin:auto}
.login-form h2{font-family:inherit;font-size:40px;letter-spacing:-1px;margin-bottom:14px}
.login-form>p{font-size:13px}
.login-form form{margin-top:35px}
.login-note{font-size:11px!important;line-height:1.7;color:var(--muted);margin-top:25px}
.loading{padding:60px;font-size:15px}
.skip{position:fixed;top:-60px;left:20px;background:white;padding:10px;z-index:100}
.skip:focus{top:10px}
#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);max-width:90vw;background:var(--accent);color:white;padding:15px 24px;border-radius:9px;box-shadow:0 8px 30px #3c165733;z-index:100;font-size:13px;opacity:0;pointer-events:none;transition:.2s}
#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
dialog{border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);max-width:510px;width:calc(100% - 30px);padding:35px;box-shadow:0 25px 80px #20102e33}
dialog::backdrop{background:#130d2166;backdrop-filter:blur(3px)}
dialog h2{font-family:inherit;font-size:33px;letter-spacing:-.7px}
dialog p{font-size:13px;color:var(--muted)}
.modal-x{position:absolute;top:10px;right:15px;border:0;background:none;font-size:24px;color:var(--muted)}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}

@media(min-width:1500px){.review-layout{grid-template-columns:minmax(0,750px) 270px}
}
@media(max-width:1150px){.sidebar{width:212px;padding-left:12px;padding-right:12px}
.workspace{margin-left:212px}
.brand{font-size:16px}
.review-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}
.picks-inner{padding:22px 16px}
.envelope,.email-subject,.email-body,.feedback{padding-left:23px;padding-right:23px}
.round-card{gap:17px;padding:23px}
.round-card .button{padding:11px 12px}
.round-icon{display:none}
.team-grid{grid-template-columns:1fr}
.team-card{max-width:650px}
.result-person{padding:10px}
.nav-item{font-size:12px}
}

@media(max-width:900px){.sidebar{position:relative;width:100%;padding:20px 5%;display:block}
.sidebar .brand{padding:0}
.nav-label,.sidebar-bottom{display:none}
.sidebar nav{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
.nav-item{width:auto;padding:9px 11px;margin:0}
.workspace{margin-left:0}
.topbar{height:58px}
.topbar::after{content:''}
.review-layout{grid-template-columns:minmax(0,1fr) 225px}
.page-heading{gap:20px}
.footer{font-size:9px}
}

@media(max-width:650px){main#main{padding:32px 5% 45px}
.page-heading{display:block}
.page-heading>.button{margin-top:22px}
.page-heading.compact h1{font-size:36px}
.metrics>div{padding:0 13px}
.metrics strong{font-size:28px}
.metrics span{font-size:10px}
.round-card{display:block;padding:23px}
.round-card>.button{margin-top:22px;width:100%}
.round-info h3{font-size:22px}
.quiet-note{padding:20px}
.review-heading h1{font-size:34px}
.review-layout{display:flex;flex-direction:column-reverse}
.email-stack{width:100%}
.picks{position:static;width:100%;margin-bottom:5px}
.picks-inner{padding:23px}
.picks ol{display:flex;gap:10px;margin:18px 0}
.picks li{flex:1;align-items:flex-start;min-width:0;font-size:10px;padding:7px 0;gap:7px}
.picks li small{font-size:9px}
.picks h2{font-size:27px}
.picks .privacy-note{margin-top:16px}
.picks .eyebrow{margin-bottom:10px}
.picks p{margin-bottom:10px}
.option-jumps{gap:10px}
.jump-label{margin-top:18px}
.email-subject h2{font-size:20px}
.option-top{padding:13px 21px}
.envelope,.email-subject,.email-body,.feedback{padding-left:22px;padding-right:22px}
.email-body{font-size:14px}
.rank-button{padding:9px 8px;font-size:10px;gap:5px}
.rank-buttons{gap:6px}
.panel{padding:23px}
.result-option summary{flex-wrap:wrap}
.result-option summary .muted{margin-left:38px}
.results-summary{display:block}
.result-person{margin-bottom:9px}
.reviewer-picker{gap:15px}
.footer{display:block;line-height:1.8}
.footer span{display:block;margin-top:6px}
.login-page{display:block}
.login-art{min-height:0;padding:28px 7%}
.login-art>div{margin:30px 0 10px}
.login-art h1{font-size:46px}
.login-art p,.login-art>small,.line-art{display:none}
.login-form{padding:38px 7% 60px}
.login-form h2{font-size:34px}
.login-art .eyebrow{margin-bottom:12px}
.sidebar nav{gap:3px}
.nav-item{font-size:11px}
.nav-item>span{display:none}
.topbar{font-size:11px}
.team-pill{font-size:9px}
.modal-actions{flex-direction:column}
dialog{padding:28px}
.reviewer-picker label{font-size:11px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}

.topbar-actions{display:flex;align-items:center;gap:14px}
.mobile-signout{display:none}
@media(max-width:900px){.mobile-signout{display:inline-block;margin:0}
}

.picks{max-height:calc(100dvh - 50px);overflow-y:auto}
@media(max-width:650px){.picks{max-height:none;overflow:visible}
}

