:root{--ink:#1d2a2b;--muted:#728083;--line:#e4e9e6;--panel:#fff;--canvas:#f5f8f6;--teal:#1fa6a2;--teal-dark:#137d7a;--teal-soft:#e9f7f5;--gold:#d99c3d;--gold-soft:#fff5e5;--violet:#7165b9;--violet-soft:#f1effc;--shadow:0 10px 30px rgba(24,54,48,.06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--canvas);font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#fbfdfb;border-right:1px solid var(--line);padding:28px 16px 20px;display:flex;flex-direction:column;position:fixed;top:0;bottom:0}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 28px}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800}.brand-name{font-weight:700;font-size:16px}.brand-subtitle{color:var(--muted);font-size:12px;margin-top:2px}.eyebrow,.section-label{font-size:10px;letter-spacing:.13em;color:#94a19f;font-weight:700}.team-switcher{padding:0 7px 24px;border-bottom:1px solid var(--line)}.team-switcher .eyebrow{display:block;margin:0 5px 9px}.team-button{width:100%;padding:10px 8px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.team-avatar,.profile-avatar,.review-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#dff2ef;color:var(--teal-dark);font-size:11px;font-weight:800;flex:none}.team-avatar.small{width:24px;height:24px;border-radius:7px;font-size:9px}.team-avatar.orange{background:#fff0d9;color:#b97b21}.team-button-copy{display:flex;flex-direction:column;gap:2px;flex:1}.team-button-copy strong{font-size:13px}.team-button-copy small{color:var(--muted);font-size:11px}.chevron{color:#9aa6a5;font-size:16px;line-height:1}.team-menu{display:none;padding:4px;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.team-menu.open{display:block}.team-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border-radius:7px;text-align:left;font-size:12px}.team-menu button:hover{background:var(--teal-soft)}.nav-list{padding:24px 0}.nav-item{display:flex;align-items:center;width:100%;gap:11px;padding:11px 12px;margin-bottom:4px;border-radius:8px;color:#667271;text-align:left;font-size:13px}.nav-item:hover{background:#eef6f4;color:var(--ink)}.nav-item.active{background:var(--teal-soft);color:var(--teal-dark);font-weight:700}.nav-icon{width:16px;text-align:center;font-size:16px;color:currentColor}.count-badge{margin-left:auto;background:#f7e8e6;color:#c26e65;border-radius:20px;min-width:22px;height:20px;display:grid;place-items:center;font-size:10px;font-weight:700}.sidebar-footer{margin-top:auto}.sidebar-note{color:#9aa5a3;font-size:11px;padding:18px 12px 0;display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:#40bb7e}.main-content{margin-left:252px;width:calc(100% - 252px);padding:0 42px 48px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:11px;color:#9ba6a5;font-size:12px}.breadcrumbs strong{color:var(--ink);font-weight:700}.slash{color:#c5cecb}.topbar-actions{display:flex;align-items:center;gap:22px}.icon-button{position:relative;color:#6b7b79;font-size:22px;padding:5px}.notification-dot{position:absolute;width:6px;height:6px;background:#ea796a;border-radius:50%;top:4px;right:3px;border:1px solid var(--canvas)}.profile-chip{display:flex;align-items:center;gap:8px}.profile-chip>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.profile-chip strong{font-size:12px}.profile-chip small{color:var(--muted);font-size:10px}.profile-avatar{width:34px;height:34px;background:#243c3d;color:#fff;border-radius:10px}.page-view{display:none;padding-top:38px}.page-view.active{display:block}.welcome-row,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.kicker{font-size:12px;color:var(--teal-dark);font-weight:700;margin:0 0 9px}.welcome-row h1,.page-heading h1{font-size:29px;line-height:1.2;letter-spacing:0;margin:0 0 10px;font-weight:750}.muted{color:var(--muted);margin:0;font-size:12px}.muted strong{color:#506360}.dot-separator{color:#bdc9c6;margin:0 5px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 17px;font-weight:700;font-size:12px;white-space:nowrap}.primary-button{color:#fff;background:var(--teal);box-shadow:0 5px 12px rgba(31,166,162,.18)}.primary-button:hover:not(:disabled){background:var(--teal-dark)}.primary-button:disabled,.primary-button.disabled{background:#b8c9c7;cursor:not-allowed;opacity:0.6;box-shadow:none}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary-button:hover{border-color:#b6d7d1;background:#f8fcfb}.secondary-button.small{padding:8px 11px;font-size:11px}.text-button{color:var(--teal-dark);font-size:11px;font-weight:700}.text-button span{font-size:15px;margin-left:2px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:19px 18px 16px;box-shadow:var(--shadow);min-height:164px}.metric-card.featured{border-color:#bae2dd;background:#fbfefd}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#73817f;font-size:12px}.metric-icon{color:var(--teal);font-size:15px}.metric-icon.neutral{color:#8f9d9b}.metric-icon.gold{color:var(--gold)}.metric-icon.violet{color:var(--violet)}.metric-value{font-size:28px;font-weight:750;margin:17px 0 14px;letter-spacing:-.01em}.metric-value small{font-size:12px;color:#84918f;font-weight:500;letter-spacing:0}.progress-track{height:6px;background:#e7f1ef;border-radius:10px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--teal);border-radius:10px}.metric-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6b7977;margin-top:13px}.metric-foot .positive{color:#3ca579}.submission-dots{display:flex;gap:6px;margin:23px 0 17px}.submission-dots i{display:block;width:33px;height:6px;border-radius:6px;background:#e5ece9}.submission-dots i.done{background:var(--teal)}.rank-change{display:flex;gap:8px;align-items:center;margin:18px 0 18px;color:#7f8b89;font-size:11px}.rank-pill{color:#3b9c78;background:#e9f8f0;padding:4px 7px;border-radius:5px;font-weight:700}.week-strip{display:flex;gap:5px;margin:22px 0 17px}.week-strip i{height:7px;flex:1;border-radius:8px;background:#e6eeeb}.week-strip i:not(.current){background:#bfe4d7}.week-strip i.current{background:#f2d49e}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.submissions-panel,.leaderboard-panel{padding:21px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-heading h2,.admin-stat-panel h2{font-size:16px;margin:4px 0 0;letter-spacing:0}.submission-list{border-top:1px solid #edf0ee}.submission-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #edf0ee}.status-marker{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.status-marker.approved{background:#e8f7ef;color:#41a078}.status-marker.pending{background:#fff3df;color:#d3983e}.submission-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.submission-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-info span{color:#9aa6a4;font-size:10px}.score{font-size:12px;color:var(--teal-dark);font-weight:700;white-space:nowrap}.score small{font-size:10px;font-weight:500}.status-tag{font-size:10px;padding:5px 8px;border-radius:5px;white-space:nowrap}.status-tag.approved{color:#3d9c79;background:#eaf8f1}.status-tag.pending{color:#c48835;background:#fff4e4}.segmented{display:flex;gap:3px;background:#f2f6f4;padding:3px;border-radius:7px;margin-bottom:17px;width:max-content}.segment{color:#8b9896;font-size:11px;padding:7px 14px;border-radius:5px}.segment.active{background:#fff;color:var(--teal-dark);font-weight:700;box-shadow:0 1px 4px rgba(28,71,61,.08)}.leaderboard-list{display:flex;flex-direction:column}.leader-row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #edf0ee}.leader-rank{color:#98a4a2;font-size:11px;font-weight:700;text-align:center}.leader-rank.top{color:var(--gold)}.leader-member{display:flex;align-items:center;gap:8px;min-width:0}.leader-avatar{width:25px;height:25px;border-radius:7px;background:#e9f0ed;display:grid;place-items:center;color:#61716e;font-size:10px;font-weight:800}.leader-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-score{font-size:12px;font-weight:750}.leader-count{font-size:10px;color:#9ba7a5;min-width:34px;text-align:right}.your-rank{display:flex;align-items:center;gap:9px;background:#f0f8f6;border-radius:7px;padding:10px 11px;margin-top:13px;font-size:11px;color:#6e7b79}.your-rank strong{color:var(--teal-dark);margin-left:auto}.rank-up{color:#3b9c78}.closed-icon{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;color:#7ed2c4}.page-heading{align-items:center}.date-chip,.filter-chip{font-size:11px;color:#6c7d7a;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 11px}.empty-state,.arena-empty{text-align:center;padding:70px 20px;margin-top:8px}.empty-icon{width:44px;height:44px;border-radius:13px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;margin:0 auto 15px;font-size:22px}.empty-icon.star{background:var(--gold-soft);color:var(--gold)}.empty-state h2,.arena-empty h2{font-size:17px;margin:0 0 8px}.empty-state p,.arena-empty p{font-size:12px;color:var(--muted);margin:0 0 20px}.full-leaderboard{padding:25px}.segmented.large{margin-bottom:20px}.segmented.large .segment{padding:9px 20px}.hall-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hall-items>div{background:#fbfdfc;border:1px solid var(--line);border-radius:8px;padding:15px}.hall-items span,.hall-items small{display:block;color:var(--muted);font-size:11px}.hall-items strong{display:block;font-size:20px;margin:11px 0 5px}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.queue-panel,.admin-stat-panel{padding:22px}.inline-count{font-size:10px;color:#c2776d;background:#fbeceb;border-radius:20px;padding:4px 7px;margin-left:5px;vertical-align:middle}.queue-toolbar{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:6px}.checkbox-wrap{display:flex;align-items:center;gap:6px;font-size:11px}.checkbox-wrap input,.review-row input{accent-color:var(--teal)}.toolbar-note{font-size:10px;color:#9ba7a5;margin-left:auto}.review-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #edf0ee}.review-avatar{background:#fff0df;color:#be8033}.review-avatar.blue{background:#e4eff9;color:#477ba8}.review-avatar.purple{background:#eeeafd;color:#6f61a7}.review-content{display:flex;flex-direction:column;gap:4px;flex:1}.review-content strong{font-size:11px}.review-content small{font-size:10px;color:var(--muted)}.admin-stat{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #edf0ee;color:#75827f;font-size:12px}.admin-stat strong{font-size:22px;color:var(--ink)}.admin-stat small{font-size:12px;color:var(--muted)}.mini-callout{display:flex;gap:10px;align-items:center;background:#edf8f5;border-radius:8px;padding:12px;margin-top:18px;color:var(--teal-dark)}.mini-callout>span{font-size:20px}.mini-callout strong{font-size:11px}.mini-callout p{font-size:10px;color:#6d8984;margin:4px 0 0}.modal-backdrop{position:fixed;inset:0;background:rgba(25,45,43,.32);display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal-backdrop.open{display:flex}.modal{width:min(520px,100%);background:#fff;border-radius:13px;box-shadow:0 22px 70px rgba(19,45,42,.25);padding:25px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-header h2{margin:4px 0 0;font-size:20px}.close-button{font-size:23px;color:#8e9b98;padding:0 5px}.form-note{display:flex;justify-content:space-between;color:var(--teal-dark);background:var(--teal-soft);border-radius:7px;padding:10px 12px;font-size:11px;margin-bottom:18px}.field-label{display:block;font-size:12px;font-weight:700;margin-bottom:16px}.field-label>span{color:#98a5a2;font-weight:500;font-size:10px;margin-left:7px}.field-label textarea,.field-label>input[type=url]{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:7px;padding:11px 12px;resize:vertical;outline:none;color:var(--ink);font-size:12px}.field-label textarea:focus,.field-label>input[type=url]:focus{border-color:#8bcfc6;box-shadow:0 0 0 3px #e9f7f5}.upload-box{margin-top:8px;border:1px dashed #b8d8d1;border-radius:8px;background:#fbfefd;padding:17px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{width:27px;height:27px;background:var(--teal-soft);color:var(--teal);border-radius:7px;display:grid;place-items:center;font-size:17px}.upload-box strong{font-size:11px}.upload-box small{font-size:10px;color:#98a5a2}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:5px;padding-top:18px;border-top:1px solid #edf0ee}.modal-footer .primary-button{padding:10px 16px}.toast{position:fixed;right:28px;bottom:28px;display:flex;align-items:center;gap:9px;background:#263d3e;color:#fff;border-radius:8px;padding:12px 16px;font-size:12px;box-shadow:0 12px 30px rgba(19,45,42,.2);transform:translateY(16px);opacity:0;pointer-events:none;transition:all .25s ease;z-index:20}.toast.show{transform:translateY(0);opacity:1}.toast>span:first-child{width:20px;height:20px;border-radius:50%;background:#68c7a0;display:grid;place-items:center;color:#1c4f42;font-weight:800;font-size:11px}@media(max-width:1100px){.sidebar{width:220px}.main-content{margin-left:220px;width:calc(100% - 220px);padding-left:28px;padding-right:28px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:64px;padding:20px 8px}.brand{padding:0 5px 24px}.brand>div:last-child,.team-switcher,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:11px 6px}.nav-item .nav-icon{font-size:17px}.sidebar-note{font-size:0;padding:18px 8px 0;justify-content:center}.count-badge{font-size:9px;position:absolute;margin:0 0 34px 29px}.main-content{margin-left:64px;width:calc(100% - 64px);padding:0 16px 35px}.topbar{height:66px}.breadcrumbs span:first-child,.breadcrumbs .slash{display:none}.topbar-actions{gap:8px}.profile-chip>span:nth-child(2),.profile-chip .chevron{display:none}.welcome-row,.page-heading{align-items:flex-start;flex-direction:column}.welcome-row h1,.page-heading h1{font-size:24px}.welcome-row .primary-button,.page-heading .primary-button{width:100%}.page-view{padding-top:26px}.metric-grid,.content-grid,.admin-grid{grid-template-columns:1fr}.metric-card{min-height:145px}.hall-items{grid-template-columns:1fr}.submission-row{gap:8px}.submission-info strong{font-size:11px}.score{display:none}.modal{padding:20px}.modal-footer{align-items:flex-start;flex-direction:column}.modal-footer .primary-button{width:100%}}
@media(max-width:760px){.brand>div:last-child{display:none}.team-switcher{display:none}}

/* Pulse Atlas visual system */
:root{
  --ink:#173b38;
  --ink-strong:#102e2c;
  --muted:#6b8580;
  --line:#dcebe5;
  --panel:#ffffff;
  --canvas:#f5fbf8;
  --teal:#1fb39f;
  --teal-dark:#087d73;
  --teal-soft:#dff7ef;
  --mint:#bcebdc;
  --coral:#f17f72;
  --coral-soft:#fff0ed;
  --lemon:#f2ca57;
  --lemon-soft:#fff8dc;
  --blue:#5a8ff0;
  --blue-soft:#edf3ff;
  --violet:#8b78d5;
  --violet-soft:#f2efff;
  --shadow:0 14px 34px rgba(24,73,64,.08);
}

/* Shared keyboard affordance for live and authentication surfaces. */
:where(button, a, input, textarea, select):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--teal, #1fa6a2) 72%, white);
  outline-offset: 3px;
}

:where(button, input, textarea, select)[disabled] {
  cursor: wait;
}

html{background:var(--canvas);overflow-x:hidden}
body{background:var(--canvas);color:var(--ink);font-family:"Aptos","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
::selection{background:#bcebdc;color:#123b37}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(31,179,159,.32);outline-offset:3px}

.sidebar{width:264px;background:#fbfffd;border-right:1px solid var(--line);padding:26px 18px 20px;box-shadow:8px 0 28px rgba(24,73,64,.03)}
.brand{padding:0 10px 30px;gap:12px}
.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--ink);color:#d6ffed;font-size:19px;box-shadow:0 6px 0 #bcebdc}
.brand-name{font-size:15px;letter-spacing:.01em}.brand-subtitle{color:var(--teal-dark);font-size:11px;font-weight:700;letter-spacing:.08em}
.team-switcher{padding:0 6px 22px;border-bottom:1px solid var(--line)}
.eyebrow,.section-label{color:#7a9c95;letter-spacing:.16em;font-size:9px}
.team-button{border-color:#cfe8df;border-radius:13px;background:#fff;padding:11px 9px;transition:border-color .2s,transform .2s,box-shadow .2s}
.team-button:hover{border-color:#9ed8c9;transform:translateY(-1px);box-shadow:0 7px 18px rgba(31,179,159,.1)}
.team-avatar{background:var(--teal-soft);color:var(--teal-dark);border-radius:10px}.team-button-copy strong{font-size:12px}.team-button-copy small{font-size:10px;color:#86a39d}
.nav-list{padding:22px 0}.nav-item{border-radius:11px;color:#66807a;padding:11px 12px;gap:12px;transition:background .2s,color .2s,transform .2s}.nav-item:hover{background:#effaf5;color:var(--ink);transform:translateX(2px)}.nav-item.active{background:var(--ink);color:#e9fff6;box-shadow:0 9px 20px rgba(23,59,56,.16)}.nav-icon{font-size:15px}
.sidebar-note{color:#85a39c;padding:18px 12px 0;font-size:10px}.status-dot{background:#40c88f;box-shadow:0 0 0 4px #e3f8ee}
.main-content{margin-left:264px;width:calc(100% - 264px);padding:0 48px 60px;max-width:none;min-width:0}
.topbar{height:78px;border-bottom-color:var(--line)}.breadcrumbs{font-size:11px;color:#91aaa4}.breadcrumbs strong{color:var(--ink)}.topbar-actions{gap:18px}.icon-button{color:var(--teal-dark);font-size:20px}.profile-avatar{background:var(--coral);color:#fff;border-radius:12px}.profile-chip strong{font-size:11px}.profile-chip small{font-size:9px;color:#78928c}.logout-button{color:var(--teal-dark);font-size:10px;font-weight:700;margin-left:4px}
.page-view{padding-top:42px}.welcome-row{margin-bottom:25px;align-items:end}.kicker{color:var(--teal-dark);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.welcome-row h1,.page-heading h1{font-size:clamp(29px,3vw,42px);line-height:1.08;letter-spacing:-.025em;color:var(--ink-strong);max-width:12em}.muted{color:var(--muted);font-size:11px}.muted strong{color:var(--ink)}
.primary-button,.secondary-button{border-radius:10px;padding:12px 17px;font-size:13px;transition:transform .2s,box-shadow .2s,background .2s}.primary-button{background:var(--teal);box-shadow:0 8px 16px rgba(31,179,159,.2)}.primary-button:hover:not(:disabled){background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 12px 22px rgba(31,179,159,.24)}.primary-button:disabled,.primary-button.disabled{background:#9ab5b0;cursor:not-allowed;opacity:0.65;box-shadow:none;transform:none}.secondary-button{border-color:#cfe8df;color:var(--ink);background:#fff}.secondary-button:hover{border-color:#91d0c0;background:#f1fbf7}

.pulse-panel{display:grid;grid-template-columns:230px minmax(360px,1fr);grid-template-rows:auto auto;gap:22px 28px;padding:24px 26px;margin-bottom:18px;border:1px solid #c5eadd;border-radius:18px;background:#e7f8f0;box-shadow:var(--shadow);position:relative;overflow:hidden}
.pulse-panel:after{content:"";position:absolute;width:220px;height:220px;right:-92px;top:-110px;border:1px solid rgba(31,179,159,.2);border-radius:50%;box-shadow:0 0 0 22px rgba(31,179,159,.06),0 0 0 45px rgba(31,179,159,.04);pointer-events:none}
.pulse-intro{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.pulse-intro h2{font-size:19px;letter-spacing:-.015em;margin:5px 0 4px}.pulse-copy{font-size:11px;color:#5f8179;margin:0;line-height:1.55}
.pulse-orbit{width:42px;height:42px;display:grid;place-items:center;position:relative;flex:none}.pulse-orbit:before,.pulse-orbit:after{content:"";position:absolute;border:1px solid #78ccb5;border-radius:50%}.pulse-orbit:before{inset:4px}.pulse-orbit:after{inset:11px;border-color:#f1a091}.pulse-orbit span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--teal)}.pulse-orbit span:nth-child(1){top:2px;right:5px;background:var(--coral)}.pulse-orbit span:nth-child(2){bottom:4px;left:2px;background:var(--lemon)}.pulse-orbit span:nth-child(3){top:17px;left:18px;background:var(--blue)}
.pulse-track{position:relative;display:flex;align-items:start;gap:12px;padding:5px 0 3px;z-index:1;overflow-x:auto;overflow-y:hidden;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.pulse-track::-webkit-scrollbar{display:none;height:0}.pulse-track:active{cursor:grabbing}.pulse-line{position:absolute;left:12px;right:12px;top:22px;height:2px;background:#b4dfcf;z-index:-1}.pulse-week{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6c9187;font-size:11px;position:relative;flex:none;z-index:1}.pulse-week span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f7fffb;border:2px solid #acdaca;font-size:11px;font-weight:800;color:#4d8174;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.pulse-week:hover span,.pulse-week.is-selected span{transform:scale(1.12);background:var(--ink);border-color:var(--ink);color:#eafff7;box-shadow:0 0 0 5px rgba(23,59,56,.08)}.pulse-week.is-complete span{background:var(--teal);border-color:var(--teal);color:white}.pulse-week.is-current span{background:var(--coral);border-color:var(--coral);color:white}.pulse-week.is-next span{background:#fff;border-color:#9bb4ed;color:#5a79cc}
.pulse-detail{grid-column:1/-1;display:flex;align-items:center;gap:28px;border-top:1px solid rgba(111,178,157,.28);padding-top:15px;position:relative;z-index:1}.pulse-detail>div{display:flex;flex-direction:column;gap:3px}.pulse-detail-label{font-size:9px;color:#71988e;letter-spacing:.1em;text-transform:uppercase}.pulse-detail strong{font-size:12px}.pulse-warning{color:var(--coral)}.pulse-warning.is-done{color:var(--teal-dark)}.pulse-warning.is-next{color:#5a79cc}.pulse-jump{margin-left:auto;color:var(--ink);font-size:11px;font-weight:800;padding:7px 0;border-bottom:1px solid var(--ink);transition:color .2s,border-color .2s}.pulse-jump:hover{color:var(--teal-dark);border-color:var(--teal-dark)}

.metric-grid{gap:12px;margin-bottom:18px}.metric-card{border:1px solid #dcebe5;border-radius:15px;padding:18px 18px 16px;box-shadow:none;background:#fff;min-height:150px;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.metric-card.featured{border-color:#a5dccb;background:#fff}.metric-top{color:#75918a;font-size:10px}.metric-icon{color:var(--teal)}.metric-value{font-size:30px;color:var(--ink-strong);margin:17px 0 13px}.progress-track{height:7px;background:#e5f3ed}.progress-track span{background:var(--teal)}.metric-foot{font-size:10px;color:#6d8981;margin-top:12px}.metric-foot .positive{color:#1f9a73}.submission-dots{gap:5px;margin:22px 0 17px}.submission-dots i{width:33px;height:6px;background:#e5f1ec}.submission-dots i.done{background:var(--teal)}.rank-pill{color:#2e8d76;background:#e2f7ed}.week-strip i:not(.current){background:#bde9d8}.week-strip i.current{background:var(--coral)}
.content-grid{gap:12px}.panel{border:1px solid #dcebe5;border-radius:15px;box-shadow:none}.submissions-panel,.leaderboard-panel{padding:21px}.panel-heading{margin-bottom:17px}.panel-heading h2,.admin-stat-panel h2{font-size:17px;color:var(--ink-strong)}.submission-row,.leader-row,.review-row{border-bottom-color:#edf4f0}.submission-row{padding:13px 0}.status-marker{border-radius:9px}.status-marker.approved{background:var(--teal-soft);color:var(--teal-dark)}.status-marker.pending{background:var(--lemon-soft);color:#b7831c}.status-marker.rejected{background:var(--coral-soft);color:#b95148}.submission-info strong{font-size:11px}.submission-info span{font-size:9px;color:#8ba19b}.score{color:var(--teal-dark)}.status-tag.approved{color:#2d8e71;background:#e5f7ee}.status-tag.pending{color:#ad7b1f;background:var(--lemon-soft)}.status-tag.rejected{color:#b95148;background:var(--coral-soft)}.segmented{background:#eef8f4;border-radius:8px}.segment{font-size:10px}.segment.active{color:var(--ink);box-shadow:0 2px 6px rgba(24,73,64,.08)}.leader-row{padding:10px 0}.leader-avatar{background:var(--blue-soft);color:#5574b6}.your-rank{background:#e8f8f1;color:#587d73;border-radius:9px}.rank-up{color:#238d6e}.closed-icon{border-color:rgba(255,255,255,.25);color:#8cf0d0}
.page-heading{margin-bottom:27px}.page-heading h1{font-size:36px}.date-chip,.filter-chip{border-color:#cfe8df;border-radius:9px;color:#5d7c74;background:#fff;font-size:10px}.empty-state,.arena-empty{padding:78px 20px}.empty-icon{background:var(--teal-soft);color:var(--teal-dark)}.empty-icon.star{background:var(--lemon-soft);color:#b7831c}.full-leaderboard,.arena-history,.queue-panel,.admin-stat-panel,.display-settings{padding:22px}.hall-items>div{background:#f8fdfa;border-color:#dcebe5}.hall-items strong{color:var(--ink-strong)}
.admin-grid{gap:12px}.queue-toolbar{border-color:#e5f0ec}.review-avatar{background:var(--lemon-soft);color:#ae7c1c}.review-avatar.blue{background:var(--blue-soft);color:#5574b6}.review-avatar.purple{background:var(--violet-soft);color:#6f5ab4}.review-content strong{font-size:11px}.review-view{color:var(--teal-dark);font-size:10px}.visibility-tag{color:#2d8e71;background:#e5f7ee}.visibility-tag.private{color:#748b84;background:#eff4f1}.mini-callout{background:#e5f8ef;color:var(--teal-dark)}
.showcase-grid{gap:12px}.showcase-card,.member-card{border-color:#dcebe5;border-radius:15px;box-shadow:none;background:#fff}.showcase-card:hover,.member-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.showcase-card{transition:transform .2s,box-shadow .2s}.showcase-card-top{min-height:34px}.proof-preview{background:#effaf5;border-color:#d8eee6}.preview-check{background:#ccefe0;color:var(--teal-dark)}.shared-content{border-color:#edf4f0}.content-type{background:var(--blue-soft);color:#5677bd}.shared-content p{color:#617d75;font-size:11px}.blog-link{color:var(--teal-dark)}
.modal-backdrop{background:rgba(17,53,48,.42);backdrop-filter:blur(4px)}.modal{border-radius:18px;padding:26px;box-shadow:0 24px 80px rgba(18,60,52,.22)}.modal-header h2{font-size:22px;color:var(--ink-strong)}.close-button{color:#6f8b83}.form-note{background:#e7f8f0;color:var(--teal-dark)}.upload-box{border-color:#a7dcc9;background:#f5fcf9}.upload-icon{background:var(--teal-soft);color:var(--teal-dark)}.field-label textarea,.field-label>input[type=url]{border-color:#cfe8df;background:#fbfefd}.field-label textarea:focus,.field-label>input[type=url]:focus{border-color:var(--teal);box-shadow:0 0 0 3px #dff7ef}.modal-footer{border-color:#e7f0ec}.review-author{background:#f6fbf9;border-color:#e0eee9}.screenshot-placeholder{border-color:#a7dcc9;background:#f7fcfa}.visibility-setting{background:#f2faf6!important;border-color:#dceee6!important}.history-author{background:#f6fbf9;border-color:#e0eee9}.history-summary{background:#e7f8f0!important}.toast{background:var(--ink);border-radius:12px}.toast>span:first-child{background:#8cf0d0;color:#16493d}

/* Auth surfaces share the same Pulse Atlas world. */
body:has(.auth-shell){background:#f5fbf8;padding:32px 22px!important}.auth-shell{width:min(520px,100%)!important}.auth-brand{margin-bottom:25px}.auth-brand .brand-mark{box-shadow:0 6px 0 #bcebdc}.auth-card{border:1px solid #dcebe5!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--shadow)!important;padding:30px!important}.auth-card h1{color:var(--ink-strong)!important;letter-spacing:-.02em}.auth-card>p{color:var(--muted)}.auth-tabs{background:#eef8f4!important;border-radius:10px!important}.auth-tabs button.active{color:var(--ink)!important;box-shadow:0 2px 7px rgba(24,73,64,.1)!important}.auth-field{color:var(--ink)!important}.auth-field input{border-color:#cfe8df!important;background:#fbfefd;border-radius:10px!important}.auth-field input:focus{border-color:var(--teal)!important;box-shadow:0 0 0 3px #dff7ef!important}.auth-submit{border-radius:10px!important}.auth-hint,.back-link{color:#73918a!important}.auth-message{color:#b95148!important}.team-choice{border-color:#dcebe5!important;border-radius:12px!important;background:#fbfefd!important}.team-choice:hover{border-color:#91d0c0!important;background:#effaf5!important}.empty-team-state{border-color:#b7dfd1!important;background:#f7fcfa}.flow-actions{gap:12px}

@media(max-width:1100px){.main-content{padding-left:30px;padding-right:30px}.pulse-panel{grid-template-columns:200px minmax(300px,1fr)}}
@media(max-width:760px){
  .sidebar{width:68px;padding:20px 8px}.main-content{margin-left:68px;width:calc(100% - 68px);padding:0 15px 38px}.topbar{height:68px}.profile-chip .logout-button{font-size:0;width:28px;height:28px;border:1px solid #cfe8df;border-radius:9px;position:relative}.profile-chip .logout-button:after{content:"↗";font-size:13px;position:absolute;inset:0;display:grid;place-items:center}.page-view{padding-top:28px}.welcome-row{gap:18px;margin-bottom:20px}.welcome-row h1,.page-heading h1{font-size:29px;max-width:13em}.welcome-row .primary-button,.page-heading .primary-button{width:100%}
  .pulse-panel{grid-template-columns:1fr;gap:18px;padding:21px 18px;border-radius:16px}.pulse-track{order:2}.pulse-detail{order:3;display:grid;grid-template-columns:1fr 1fr;gap:14px}.pulse-jump{grid-column:1/-1;margin-left:0;text-align:left;width:max-content}.pulse-line{left:8px;right:8px}.metric-grid,.content-grid,.admin-grid{grid-template-columns:1fr}.metric-card{min-height:140px}.content-grid{gap:12px}.showcase-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.showcase-grid{grid-template-columns:1fr}.hall-items{grid-template-columns:1fr}.submission-row{gap:8px}.submission-info strong{font-size:10px}.score{display:none}.review-row{flex-wrap:wrap}.review-row .review-content{min-width:calc(100% - 52px);order:2}.review-row .visibility-tag,.review-row .review-view,.review-row .status-tag{order:3}.modal{padding:21px}.modal-footer{align-items:flex-start;flex-direction:column}.modal-footer .primary-button{width:100%}
}

/* Final contrast pass for Pulse Atlas supporting text. */
:root{--muted:#58756d;--teal:#087d73;--teal-dark:#05645e;--coral:#bd5a50}
.eyebrow,.section-label{color:#4e776e}
.team-button-copy small,.sidebar-note{color:#5f8077}
.pulse-copy{color:#476d64}.pulse-week small{color:#4f7b70}.pulse-detail-label{color:#4d776d}
.profile-chip small,.auth-hint,.back-link{color:#52756c!important}
.review-quote{border-left:0;border-top:1px solid #b7ddd5;border-radius:8px}

/* Editorial training stage inspired by the supplied references. */
.atlas-hero{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(500px,1.18fr);gap:26px;align-items:stretch;margin-bottom:22px}
.atlas-copy{display:flex;flex-direction:column;justify-content:space-between;padding:12px 0 4px}.atlas-copy .welcome-row{margin:0;display:flex;align-items:flex-start;flex-direction:column;gap:24px}.atlas-copy .welcome-row h1{font-size:clamp(38px,4.5vw,66px);max-width:8.5em;line-height:.98;letter-spacing:-.045em;margin-bottom:17px}.atlas-copy .welcome-row .muted{max-width:31em;line-height:1.7}.atlas-copy .welcome-row .primary-button{width:max-content}.atlas-quickline{display:flex;gap:20px;flex-wrap:wrap;padding-top:24px;color:#41695f;font-size:10px}.atlas-quickline span{display:inline-flex;align-items:center;gap:7px}.quick-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.quick-dot.teal{background:#087d73}.quick-dot.coral{background:#bd5a50}.quick-dot.blue{background:#5a8ff0}
.atlas-stage{min-height:382px;border-radius:30px;background:#203d46;position:relative;overflow:hidden;color:#f6fffb;padding:24px 25px;box-shadow:0 20px 45px rgba(21,63,69,.18);isolation:isolate}.atlas-stage:before{content:"";position:absolute;width:54%;height:45%;right:-8%;bottom:-12%;background:#2c5960;border:1px solid rgba(190,240,232,.25);border-radius:48px;transform:rotate(-12deg);z-index:-2}.atlas-stage:after{content:"";position:absolute;inset:10px;border:1px solid rgba(232,255,247,.2);border-radius:22px;pointer-events:none;z-index:-1}.stage-sheen{position:absolute;width:240px;height:120px;left:-76px;bottom:-28px;border:1px solid rgba(190,240,232,.28);border-radius:42px;transform:rotate(14deg);z-index:-1}.stage-header{display:flex;justify-content:space-between;color:#b8d7d5;font-size:9px;letter-spacing:.16em}.stage-title{font-size:116px;line-height:.82;letter-spacing:-.08em;font-weight:750;margin-top:42px;color:#f3fffa}.stage-title span{font-size:36px;letter-spacing:-.04em;color:#9fd3cd;margin-left:8px}.stage-caption{position:absolute;left:28px;bottom:30px;color:#b8d7d5;font-size:10px;line-height:1.6;margin:0}.stage-caption strong{color:#f6fffb;font-size:13px}.stage-grid{position:absolute;right:32px;top:118px;width:42%;height:150px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px;opacity:.25}.stage-grid i{border:1px solid #b7ece3;border-radius:4px}.stage-grid i:nth-child(2),.stage-grid i:nth-child(7),.stage-grid i:nth-child(10){background:#86d7ce;border-color:#86d7ce}.stage-path{position:absolute;right:34px;top:175px;width:42%;height:72px;border-top:2px solid rgba(241,208,125,.9);transform:skewY(-12deg);opacity:.9}.stage-path span{position:absolute;width:10px;height:10px;border-radius:50%;background:#f1d07d;box-shadow:0 0 0 5px rgba(241,208,125,.14)}.stage-path span:nth-child(1){left:0;top:-6px}.stage-path span:nth-child(2){left:23%;top:20px}.stage-path span:nth-child(3){left:52%;top:3px}.stage-path span:nth-child(4){left:78%;top:35px}.stage-path span:nth-child(5){right:0;top:12px;background:#f17f72;box-shadow:0 0 0 7px rgba(241,127,114,.15)}.stage-float{position:absolute;background:#f9fffc;color:#183b3b;border-radius:16px;padding:13px 15px;box-shadow:0 14px 30px rgba(8,37,42,.2);display:flex;flex-direction:column;gap:4px}.stage-float-a{right:22px;bottom:22px;width:220px}.stage-float-b{right:30px;top:30px;width:126px;transform:rotate(3deg)}.float-label{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#60827b}.stage-float strong{font-size:12px}.stage-float small{font-size:9px;color:#6a8881;line-height:1.45}.stage-orbit{position:absolute;border:1px solid rgba(242,202,87,.55);border-radius:50%;pointer-events:none}.orbit-a{width:150px;height:150px;left:17%;top:30%;transform:rotate(22deg)}.orbit-b{width:220px;height:90px;left:4%;top:45%;transform:rotate(-16deg);border-color:rgba(137,213,226,.35)}
.atlas-hero + .pulse-panel{background:#f3eee7;border-color:#e4dacc;border-radius:23px;box-shadow:none}.atlas-hero + .pulse-panel:after{border-color:rgba(189,90,80,.18);box-shadow:0 0 0 22px rgba(189,90,80,.05),0 0 0 45px rgba(189,90,80,.03)}.atlas-hero + .pulse-panel .pulse-orbit:before{border-color:#d7bda7}.atlas-hero + .pulse-panel .pulse-orbit:after{border-color:#bd5a50}.atlas-hero + .pulse-panel .pulse-copy{color:#755f55}.atlas-hero + .pulse-panel .pulse-line{background:#d6c6b5}
@media(max-width:1100px){.atlas-hero{grid-template-columns:1fr}.atlas-copy .welcome-row h1{max-width:11em}.atlas-stage{min-height:340px}}
@media(max-width:760px){.atlas-hero{gap:17px;margin-bottom:17px}.atlas-copy{padding-top:0}.atlas-copy .welcome-row{gap:20px}.atlas-copy .welcome-row h1{font-size:42px;max-width:9em}.atlas-copy .welcome-row .primary-button{width:100%}.atlas-quickline{padding-top:7px;gap:13px}.atlas-stage{min-height:350px;border-radius:22px;padding:20px 18px}.stage-title{font-size:90px;margin-top:48px}.stage-title span{font-size:28px}.stage-grid{right:18px;top:124px;width:48%;height:130px}.stage-path{right:18px;top:176px;width:48%}.stage-float-a{left:18px;right:auto;bottom:19px;width:calc(100% - 36px)}.stage-float-b{right:18px;top:22px;width:113px}.stage-caption{left:18px;bottom:112px}.atlas-hero + .pulse-panel{border-radius:18px}}
/* submission review and team showcase */
.review-view{font-size:10px;color:var(--teal-dark);font-weight:700;white-space:nowrap}.visibility-tag{font-size:10px;padding:5px 7px;border-radius:5px;color:#3d9c79;background:#eaf8f1;white-space:nowrap}.visibility-tag.private{color:#8b9694;background:#f0f3f2}.showcase-note{display:flex;align-items:center;gap:7px;color:#6d7c79;font-size:11px}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.showcase-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px;box-shadow:var(--shadow);min-height:280px}.showcase-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.member-line{display:flex;align-items:center;gap:8px}.member-line>div{display:flex;flex-direction:column;gap:4px}.member-line strong{font-size:12px}.member-line small{font-size:10px;color:var(--muted)}.proof-preview{display:flex;align-items:center;gap:9px;background:#f3faf8;border:1px solid #e1f0ec;border-radius:8px;margin:17px 0;padding:11px}.preview-check{width:24px;height:24px;display:grid;place-items:center;background:#d8f1e8;color:#3f9d78;border-radius:7px;font-weight:800}.proof-preview div{display:flex;flex-direction:column;gap:3px}.proof-preview strong{font-size:11px}.proof-preview small{font-size:10px;color:#83918e}.shared-content{border-top:1px solid #edf0ee;padding-top:14px}.content-type{display:inline-block;color:var(--teal-dark);font-size:10px;background:var(--teal-soft);padding:5px 7px;border-radius:5px;font-weight:700}.shared-content p{font-size:12px;line-height:1.7;color:#62716e;margin:11px 0 0}.blog-link{display:inline-block;color:var(--teal-dark);font-size:11px;font-weight:700;margin-top:10px;text-decoration:none}.review-modal{max-height:calc(100vh - 40px);overflow:auto}.review-author{display:flex;align-items:center;gap:9px;background:#f8fbfa;border:1px solid #edf1ef;padding:10px 11px;border-radius:8px}.review-author>div{display:flex;flex-direction:column;gap:3px;flex:1}.review-author strong{font-size:12px}.review-author small{font-size:10px;color:var(--muted)}.review-content-block{margin-top:18px}.review-block-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}.required-chip,.score-chip,.empty-chip{font-size:10px;padding:4px 6px;border-radius:5px;color:#b37b2d;background:#fff3df}.score-chip{color:#3d9c79;background:#eaf8f1}.empty-chip{color:#899694;background:#f0f3f2}.screenshot-placeholder{display:flex;align-items:center;gap:10px;border:1px dashed #bdd9d2;border-radius:8px;padding:12px;background:#fbfefd}.screenshot-icon{width:30px;height:30px;display:grid;place-items:center;background:#e6f6f2;color:var(--teal);border-radius:7px;font-size:17px}.screenshot-placeholder>div{display:flex;flex-direction:column;gap:3px;flex:1}.screenshot-placeholder strong{font-size:11px}.screenshot-placeholder small{font-size:10px;color:var(--muted)}.review-quote{margin:0;background:#fbfcfc;border-left:3px solid #b7ddd5;padding:10px 12px;color:#667673;font-size:12px;line-height:1.7}.review-empty{font-size:11px;color:#9ba7a5;margin:0}.visibility-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f1f8f6;border-radius:8px;padding:12px;margin-top:19px}.visibility-setting>div{display:flex;flex-direction:column;gap:4px}.visibility-setting strong{font-size:11px}.visibility-setting small{font-size:10px;color:#6f8580}.visibility-setting select{border:1px solid #cfe2dd;background:#fff;border-radius:6px;padding:8px;font-size:11px;color:var(--ink)}.review-actions{margin-top:18px}.review-actions .secondary-button{color:#bd6f67;border-color:#f0d8d5}.you{background:#fcfffe}
@media(max-width:1100px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.showcase-grid{grid-template-columns:1fr}.showcase-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.visibility-tag{display:none}.review-view{margin-left:auto}.review-row{gap:7px}.review-modal{max-height:calc(100vh - 24px)}.visibility-setting{align-items:flex-start;flex-direction:column}.visibility-setting select{width:100%}}

/* Proof media is a real piece of the submission, not a decorative placeholder. */
.proof-preview{align-items:center;gap:12px;min-height:72px}
.proof-image-button{display:block;flex:0 0 116px;width:116px;height:68px;padding:0;border:0;border-radius:8px;background:#e8f0fb;overflow:hidden;cursor:zoom-in;position:relative}
.proof-image-button:after{content:'查看截图';position:absolute;inset:auto 0 0;padding:4px 6px;background:rgba(16,43,79,.78);color:#fff;font-size:9px;text-align:center;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.proof-image-button:hover:after,.proof-image-button:focus-visible:after{opacity:1;transform:translateY(0)}
.proof-image-button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.proof-image-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.proof-image-button:hover img{transform:scale(1.04)}
.proof-preview>div{min-width:0}
.pulse-orbit:before{animation:pulse-orbit-spin 7s linear infinite}
.pulse-orbit:after{animation:pulse-orbit-spin 4.5s linear infinite reverse}
.pulse-panel:after{animation:pulse-ring 6s ease-in-out infinite}
.pulse-week.is-current span{animation:pulse-current 2.8s ease-in-out infinite}
@keyframes pulse-orbit-spin{to{transform:rotate(360deg)}}
@keyframes pulse-ring{0%,100%{transform:scale(.94);opacity:.6}50%{transform:scale(1.04);opacity:1}}
@keyframes pulse-current{0%,100%{box-shadow:0 0 0 0 rgba(189,90,80,.24)}50%{box-shadow:0 0 0 7px rgba(189,90,80,.08)}}
@media(prefers-reduced-motion:reduce){.pulse-orbit:before,.pulse-orbit:after,.pulse-panel:after,.pulse-week.is-current span,.proof-image-button img{animation:none;transition:none}}
@media(max-width:760px){.proof-image-button{flex-basis:104px;width:104px;height:62px}.proof-preview{min-height:66px}}
/* members, history and global visibility settings */
.member-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:0 11px;width:260px}.search-box span{font-size:19px;color:#90a09d}.search-box input{border:0;outline:0;padding:10px 0;width:100%;font-size:11px;background:transparent}.members-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.member-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px;box-shadow:var(--shadow)}.member-card-head{display:flex;align-items:center;gap:9px}.member-card-head>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.member-card-head strong{font-size:13px}.member-card-head small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-avatar{width:34px;height:34px;border-radius:10px;background:#e9f0ed;color:#61716e;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.member-avatar.dark{background:#243c3d;color:#fff}.member-avatar.blue{background:#e4eff9;color:#477ba8}.member-avatar.purple{background:#eeeafd;color:#6f61a7}.member-status{font-size:10px;color:#3d9c79;background:#eaf8f1;border-radius:5px;padding:5px 7px;white-space:nowrap}.member-status.offline{color:#a77b4b;background:#fff3df}.member-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 16px;padding:12px 0;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee}.member-card-stats div{display:flex;flex-direction:column;gap:5px}.member-card-stats span{font-size:10px;color:var(--muted)}.member-card-stats strong{font-size:18px}.member-card-stats small{font-size:10px;color:var(--muted);font-weight:500}.member-history-button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;color:var(--teal-dark);font-weight:700}.member-history-button span{font-size:15px}.display-settings{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;margin-top:14px}.display-settings>div:first-child{flex:1}.display-settings h2{font-size:16px;margin:4px 0 6px}.display-settings p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.visibility-options{display:flex;gap:8px}.visibility-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:172px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fbfdfc;text-align:left}.visibility-option>span{color:#95a29f;font-size:14px}.visibility-option strong{font-size:11px}.visibility-option small{font-size:9px;color:var(--muted)}.visibility-option.active{background:var(--teal-soft);border-color:#acd9d0}.visibility-option.active>span{color:var(--teal)}.settings-saved{font-size:10px;color:var(--teal-dark);white-space:nowrap}.history-modal{max-width:560px}.history-author{display:flex;align-items:center;gap:9px;background:#f8fbfa;border:1px solid #edf1ef;padding:10px 11px;border-radius:8px}.history-author>div{display:flex;flex-direction:column;gap:3px;flex:1}.history-author strong{font-size:12px}.history-author small{font-size:10px;color:var(--muted)}.history-author select{border:1px solid #cfe2dd;background:#fff;border-radius:6px;padding:8px;font-size:11px;color:var(--ink)}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.history-summary>div{background:#f7faf8;border-radius:7px;padding:11px}.history-summary span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.history-summary strong{font-size:16px}.history-summary strong.positive{color:#3d9c79;font-size:12px}.history-list{border-top:1px solid #edf0ee}.history-item{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf0ee}.history-item-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;font-size:12px;font-weight:800}.history-item-icon.approved{color:#3d9c79;background:#eaf8f1}.history-item-icon.pending{color:#c48835;background:#fff4e4}.history-item>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.history-item strong{font-size:11px}.history-item small{font-size:10px;color:var(--muted)}.history-item>span{font-size:11px;color:var(--teal-dark);font-weight:700}.history-item .pending-text{color:#c48835}.history-note{display:flex;align-items:center;gap:7px;margin-top:16px;color:#7b8986;font-size:10px}.history-note span{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#edf4f1;color:var(--teal-dark);font-weight:700}
@media(max-width:1100px){.members-grid{grid-template-columns:1fr}.display-settings{align-items:flex-start;flex-direction:column}.visibility-options{width:100%}.visibility-option{flex:1}}
@media(max-width:760px){.member-toolbar{align-items:stretch;gap:9px;flex-direction:column}.search-box{width:100%}.members-grid{grid-template-columns:1fr}.display-settings{padding:18px}.visibility-options{flex-direction:column}.visibility-option{width:100%}.settings-saved{white-space:normal}.history-author{align-items:flex-start;flex-wrap:wrap}.history-author select{width:100%}.history-summary{gap:6px}.history-summary>div{padding:9px 7px}}
.history-view{font-size:10px;color:var(--teal-dark);font-weight:700;white-space:nowrap;margin-left:4px}.history-item>span:nth-last-of-type(1){margin-left:0}
@media(max-width:760px){.history-item{gap:7px}.history-view{font-size:9px}}
.queue-empty{padding:28px 0;text-align:center;color:#97a4a1;font-size:11px}
.screenshot-placeholder img{display:none;width:52px;height:52px;object-fit:cover;border-radius:7px;border:1px solid #dcebe7}.screenshot-placeholder img.visible{display:block}.screenshot-placeholder .hidden{display:none}.screenshot-placeholder.zoomed img{width:100%;height:auto;max-height:320px;object-fit:contain}.screenshot-placeholder.zoomed{flex-wrap:wrap}.screenshot-placeholder.zoomed>div{display:none}

/* Final editorial tuning. */
.atlas-copy .welcome-row h1{font-family:Georgia,"Noto Serif SC","Songti SC","STSong",serif;font-weight:500;letter-spacing:-.035em}
.atlas-hero ~ .metric-grid{background:#fff;border:1px solid #dcebe5;border-radius:18px;padding:8px;gap:0;box-shadow:0 10px 24px rgba(24,73,64,.05)}
.atlas-hero ~ .metric-grid .metric-card{border:0;border-right:1px solid #e6f0ec;border-radius:0;box-shadow:none;min-height:128px;padding:17px 18px}
.atlas-hero ~ .metric-grid .metric-card:last-child{border-right:0}
.atlas-hero ~ .metric-grid .metric-card:hover{transform:none;box-shadow:none;background:#fbfefd}
.atlas-hero ~ .metric-grid .metric-value{font-size:25px;margin:14px 0 11px}
.atlas-hero ~ .metric-grid .metric-foot{font-size:9px}

/* Delight pass: turn repeated records into a calm, legible training rhythm. */
.submission-list,.leaderboard-list,.review-list,.history-list{position:relative}
.submission-row,.leader-row,.review-row,.history-item{position:relative;min-height:58px;padding:13px 10px;border-bottom:1px solid #e6edf6;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.submission-row:first-child,.leader-row:first-child,.review-row:first-child,.history-item:first-child{border-top:1px solid #e6edf6}
.submission-row:hover,.leader-row:hover,.review-row:hover,.history-item:hover{background:#f7faff}
.submission-row{gap:13px}
.submission-row .status-marker,.history-item-icon{width:29px;height:29px;border-radius:10px;box-shadow:0 3px 9px rgba(40,83,142,.08);font-size:13px}
.submission-row .status-marker.approved,.history-item-icon.approved{background:#e9f8f0;color:#17836d}
.submission-row .status-marker.pending,.history-item-icon.pending{background:#fff6df;color:#aa7718}
.submission-row .status-marker.rejected{background:#fff0ef;color:#b64e47}
.submission-info strong,.review-content strong,.history-item strong{font-size:12px;line-height:1.3;color:#173b68}
.submission-info span,.review-content small,.history-item small{font-size:10px;color:#6e87a5;line-height:1.4}
.submission-row .score,.history-item>span{font-variant-numeric:tabular-nums;color:#1c63c6;font-size:12px}
.submission-row .status-tag,.review-row .status-tag{border:1px solid transparent;font-weight:700;letter-spacing:.01em}
.submission-row .status-tag.approved,.review-row .status-tag.approved{background:#e8f7ef;border-color:#ccebdc;color:#217f62}
.submission-row .status-tag.pending,.review-row .status-tag.pending{background:#fff6df;border-color:#f4dfaa;color:#9d711c}
.submission-row .status-tag.rejected,.review-row .status-tag.rejected{background:#fff0ef;border-color:#f2d1cd;color:#b34e47}
.leader-row{grid-template-columns:34px 1fr auto auto;gap:10px;min-height:55px;border-radius:10px}
.leader-row:hover{transform:translateX(3px);box-shadow:0 6px 16px rgba(39,91,158,.07)}
.leader-rank{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-variant-numeric:tabular-nums}
.leader-row:nth-child(1) .leader-rank{background:#fff4d4;color:#a67612}.leader-row:nth-child(2) .leader-rank{background:#edf2f7;color:#58718d}.leader-row:nth-child(3) .leader-rank{background:#f8e9dc;color:#a3623f}
.leader-rank.top{font-size:12px}
.leader-avatar{width:29px;height:29px;border-radius:9px;background:#e9f1ff;color:#4b78bb}
.leader-name{font-size:12px;color:#1d4779}
.leader-score{font-variant-numeric:tabular-nums;color:#173b68}
.leader-count{font-variant-numeric:tabular-nums;color:#7890ad}
.leader-row.you{background:#edf5ff;box-shadow:inset 0 0 0 1px #d5e5fb}
.leader-row.you:hover{background:#e8f2ff}
.leader-row.you .leader-name{font-weight:750;color:#145fc1}
.leader-row.you .leader-avatar{background:#dceaff;color:#1d68cb}
.your-rank{border:1px solid #d5e5fb;background:#edf5ff;color:#5b7696;padding:11px 12px}
.your-rank strong{font-variant-numeric:tabular-nums;color:#1c63c6}
.review-row{min-height:66px;border-radius:10px;gap:11px}
.review-row:hover{transform:translateX(3px);box-shadow:0 6px 16px rgba(39,91,158,.07)}
.review-row input{width:16px;height:16px}
.review-avatar{width:31px;height:31px;border-radius:10px}
.review-content{gap:4px}
.review-view,.history-view{display:inline-flex;align-items:center;gap:4px;padding:7px 4px;border-radius:6px;color:#1e68c6;font-size:11px;font-weight:750;transition:background .2s,color .2s}
.review-view:after,.history-view:after{content:'↗';font-size:13px;transition:transform .2s ease}
.review-view:hover,.history-view:hover{background:#e8f1ff;color:#145ab2}
.review-view:hover:after,.history-view:hover:after{transform:translate(2px,-2px)}
.review-view:focus-visible,.history-view:focus-visible,.member-history-button:focus-visible{outline:2px solid #4f8fea;outline-offset:3px}
.history-item{min-height:60px;border-radius:10px}
.history-item:hover{transform:translateX(3px);box-shadow:0 6px 16px rgba(39,91,158,.07)}
.history-item>span{margin-left:auto}
.history-item .pending-text{color:#a87318}
.live-submission-row{min-height:62px;padding:13px 10px;border-bottom:1px solid #e6edf6;border-radius:10px;transition:background .2s ease,transform .2s ease}
.live-submission-row:hover{background:#f7faff;transform:translateX(3px)}
.submission-thumb{width:46px;height:46px;border:1px solid #d8e5f5;border-radius:11px;background:#edf4ff;box-shadow:0 3px 9px rgba(40,83,142,.08)}
.live-submission-info strong{font-size:12px;color:#173b68}.live-submission-info small{font-size:10px;color:#6e87a5}
.live-submission-row .review-view{font-size:11px}
.member-card-head .member-status{border:1px solid #ccebdc;background:#e8f7ef;color:#217f62}
.member-status.offline{border-color:#f2dfba;background:#fff6df;color:#9d711c}
.member-history-button{padding:9px 8px;border-radius:8px;transition:background .2s ease,color .2s ease}
.member-history-button:hover{background:#eaf2ff;color:#145ab2}
@media(max-width:760px){
  .submission-row,.leader-row,.review-row,.history-item{padding-left:7px;padding-right:7px}
  .leader-row{grid-template-columns:30px 1fr auto;gap:8px}.leader-count{display:none}
  .review-row{align-items:center}.review-row .review-view{margin-left:auto}
  .submission-row .status-tag{padding:4px 6px}
  .review-row:hover,.leader-row:hover,.history-item:hover,.live-submission-row:hover{transform:none}
}
@media(max-width:760px){.atlas-hero ~ .metric-grid{padding:6px;gap:6px}.atlas-hero ~ .metric-grid .metric-card{border-right:0;border-bottom:1px solid #e6f0ec;min-height:122px;border-radius:10px}.atlas-hero ~ .metric-grid .metric-card:last-child{border-bottom:0}}

/* Sky Atlas palette: cool white canvas, cobalt action, warm milestone accents. */
:root{
  --ink:#162d50;--ink-strong:#12284b;--muted:#657790;--line:#dce6f2;--panel:#fff;--canvas:#f5f8fc;
  --teal:#2468e8;--teal-dark:#1654c8;--teal-soft:#eaf2ff;--gold:#f0b94d;--gold-soft:#fff7df;
  --coral:#e87566;--coral-soft:#fff0ed;--lemon:#f3c94f;--lemon-soft:#fff7dc;--blue:#478ff0;--blue-soft:#edf4ff;
  --violet:#7567c8;--violet-soft:#f1efff;--shadow:0 12px 30px rgba(26,66,117,.1)
}
html,body{background:var(--canvas);color:var(--ink)}
::selection{background:#cfe0ff;color:#12284b}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:rgba(36,104,232,.38)}
.sidebar{background:#fbfdff;border-right-color:var(--line);box-shadow:8px 0 28px rgba(26,66,117,.04)}
.brand-mark{background:var(--ink);color:#eaf2ff;box-shadow:0 6px 0 #cfe0ff}
.brand-subtitle,.kicker,.text-button,.score,.review-view,.member-history-button,.blog-link{color:var(--teal-dark)}
.team-button{border-color:#cfdeef;background:#fff}.team-button:hover{border-color:#9dbcf2;box-shadow:0 7px 18px rgba(36,104,232,.12)}
.team-avatar{background:var(--teal-soft);color:var(--teal-dark)}
.team-menu button:hover,.nav-item:hover{background:#eef4ff;color:var(--ink)}
.nav-item{color:#657790}.nav-item.active{background:var(--ink);color:#f1f6ff;box-shadow:0 9px 20px rgba(22,45,80,.18)}
.sidebar-note,.team-button-copy small,.profile-chip small{color:#73859c}.status-dot{background:#3cbf91;box-shadow:0 0 0 4px #e4f6ef}
.topbar{border-bottom-color:var(--line)}.breadcrumbs{color:#8293aa}.breadcrumbs strong{color:var(--ink)}.icon-button,.logout-button{color:var(--teal-dark)}.profile-avatar{background:var(--teal);color:#fff}
.main-content{color:var(--ink)}.muted{color:var(--muted)}.muted strong{color:var(--ink)}
.primary-button{background:var(--teal);box-shadow:0 8px 16px rgba(36,104,232,.22)}.primary-button:hover{background:var(--teal-dark);box-shadow:0 12px 22px rgba(36,104,232,.25)}
.secondary-button{border-color:#cfdeef;color:var(--ink)}.secondary-button:hover{border-color:#9dbcf2;background:#f5f9ff}
.atlas-stage{background:#1f4677;box-shadow:0 20px 45px rgba(26,66,117,.2)}.atlas-stage:before{background:#2d5d95;border-color:rgba(218,234,255,.28)}.atlas-stage:after{border-color:rgba(232,242,255,.26)}.stage-sheen{border-color:rgba(218,234,255,.28)}
.stage-header,.stage-caption{color:#c3d8f2}.stage-title{color:#f5f9ff}.stage-title span{color:#add0ff}.stage-caption strong{color:#fff}.stage-grid i{border-color:#bad5f8}.stage-grid i:nth-child(2),.stage-grid i:nth-child(7),.stage-grid i:nth-child(10){background:#8fc0ff;border-color:#8fc0ff}.stage-path{border-color:rgba(246,204,92,.95)}.stage-path span{background:#f6cc5c;box-shadow:0 0 0 5px rgba(246,204,92,.16)}.stage-path span:nth-child(5){background:#ee8374;box-shadow:0 0 0 7px rgba(238,131,116,.17)}.stage-float{background:#fbfdff;color:#183660;box-shadow:0 14px 30px rgba(14,43,84,.24)}.float-label,.stage-float small{color:#6d83a0}.stage-orbit{border-color:rgba(246,204,92,.58)}.orbit-b{border-color:rgba(163,211,255,.42)}
.atlas-hero + .pulse-panel{background:#edf4ff;border-color:#d5e3f7}.atlas-hero + .pulse-panel:after{border-color:rgba(36,104,232,.2);box-shadow:0 0 0 22px rgba(36,104,232,.06),0 0 0 45px rgba(36,104,232,.035)}.atlas-hero + .pulse-panel .pulse-orbit:before{border-color:#9ec0f5}.atlas-hero + .pulse-panel .pulse-orbit:after{border-color:#e87566}.atlas-hero + .pulse-panel .pulse-copy{color:#5e7290}.atlas-hero + .pulse-panel .pulse-line{background:#b5cbed}
.pulse-panel{background:#edf4ff;border-color:#d5e3f7}.pulse-copy{color:#5e7290}.pulse-orbit:before{border-color:#9ec0f5}.pulse-orbit:after{border-color:#e87566}.pulse-orbit span{background:var(--teal)}.pulse-orbit span:nth-child(1){background:var(--coral)}.pulse-orbit span:nth-child(2){background:var(--lemon)}.pulse-orbit span:nth-child(3){background:var(--blue)}.pulse-line{background:#b5cbed}.pulse-week{color:#607b9e}.pulse-week span{background:#f9fcff;border-color:#a9c5ef;color:#4f75ad}.pulse-week small,.pulse-detail-label{color:#627d9f}.pulse-week.is-complete span{background:var(--teal);border-color:var(--teal)}.pulse-week.is-current span{background:var(--coral);border-color:var(--coral)}.pulse-week.is-next span{border-color:#9bbcf3;color:#4777c6}.pulse-week:hover span,.pulse-week.is-selected span{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 5px rgba(22,45,80,.1)}.pulse-warning{color:var(--coral)}.pulse-warning.is-done{color:var(--teal-dark)}.pulse-warning.is-next{color:#4777c6}.pulse-jump{color:var(--ink);border-color:var(--ink)}.pulse-jump:hover{color:var(--teal-dark);border-color:var(--teal-dark)}
.metric-card,.panel,.showcase-card,.member-card{border-color:#dce6f2;background:#fff}.metric-card.featured{border-color:#b8d2f5}.metric-top{color:#6d829d}.metric-icon{color:var(--teal)}.metric-icon.gold{color:var(--gold)}.metric-icon.violet{color:var(--violet)}.metric-value{color:var(--ink-strong)}.progress-track{background:#e5eefb}.progress-track span,.submission-dots i.done{background:var(--teal)}.metric-foot{color:#607792}.metric-foot .positive{color:#2777d8}.submission-dots i{background:#e0eaf7}.rank-pill{color:#286cc9;background:#e5efff}.week-strip i:not(.current){background:#c1d8f7}.week-strip i.current{background:var(--coral)}
.submission-row,.leader-row,.review-row{border-bottom-color:#e9eff7}.submission-info span,.leader-count,.review-content small{color:#8192aa}.status-marker.approved,.status-tag.approved,.visibility-tag{background:#e6f7ef;color:#21815f}.status-marker.pending,.status-tag.pending{background:var(--lemon-soft);color:#a87416}.status-marker.rejected,.status-tag.rejected{background:var(--coral-soft);color:#b84c42}.segmented{background:#eef4fc}.segment.active{color:var(--ink);box-shadow:0 2px 6px rgba(22,45,80,.1)}.leader-avatar{background:#e7f0ff;color:#4e78bb}.your-rank{background:#eaf2ff;color:#5d7798}.rank-up{color:#2675d5}.empty-icon{background:var(--teal-soft);color:var(--teal)}.empty-icon.star{background:var(--gold-soft);color:#a87416}.date-chip,.filter-chip{border-color:#cfdeef;color:#5d7696}
.queue-toolbar{border-color:#e4edf8}.review-avatar{background:var(--lemon-soft);color:#a87416}.review-avatar.blue{background:#e4efff;color:#4c78bd}.review-avatar.purple{background:var(--violet-soft);color:#6c5abd}.visibility-tag.private{color:#71859d;background:#eef2f7}.mini-callout{background:#e5f1ff;color:var(--teal-dark)}.proof-preview{background:#edf4ff;border-color:#d4e4fa}.preview-check{background:#d7e7ff;color:var(--teal-dark)}.content-type{background:var(--blue-soft);color:#4b75c1}.shared-content p{color:#5f7592}
.modal-backdrop{background:rgba(16,42,78,.42)}.modal{box-shadow:0 24px 80px rgba(24,61,112,.24)}.form-note{background:#eaf2ff;color:var(--teal-dark)}.upload-box{border-color:#a9c6ef;background:#f7faff}.upload-icon{background:var(--teal-soft);color:var(--teal-dark)}.field-label textarea,.field-label>input[type=url],.auth-field input{border-color:#cfdeef;background:#fbfdff}.field-label textarea:focus,.field-label>input[type=url]:focus,.auth-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #dce9ff}.review-author,.history-author{background:#f6f9fd;border-color:#e0e9f4}.screenshot-placeholder{border-color:#a9c6ef;background:#f7faff}.visibility-setting{background:#eef5ff!important;border-color:#dce8f7!important}.toast{background:var(--ink)}.toast>span:first-child{background:#a9cfff;color:#15345f}
body:has(.auth-shell){background:#f5f8fc}.auth-card{border-color:#dce6f2!important;background:#fff!important}.auth-tabs{background:#eef4fc!important}.auth-tabs button.active{color:var(--ink)!important}.auth-field{color:var(--ink)!important}.auth-hint,.back-link{color:#607895!important}.auth-story:before{background:#1f4677}.auth-story:after{border-color:rgba(246,204,92,.65);box-shadow:0 0 0 24px rgba(246,204,92,.08),0 0 0 48px rgba(246,204,92,.04)}
.demo-banner{display:flex;align-items:center;gap:10px;margin:18px 0 -18px;padding:10px 13px;border:1px solid #c9dcf7;border-radius:10px;background:#edf4ff;color:#4f6f99;font-size:11px}.demo-banner strong{color:#1654c8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.demo-banner span{line-height:1.5}@media(max-width:760px){.demo-banner{align-items:flex-start;flex-direction:column;gap:3px;margin:12px 0 -10px;padding:10px 11px}}

/* Calm the dashboard accents so the blue Pulse Atlas world stays visually coherent. */
.submission-list .status-marker.approved,
.submission-list .status-tag.approved{background:#edf3ff;color:#2f62aa}
.submission-list .status-marker.pending,
.submission-list .status-tag.pending{background:#f2f0ec;color:#806e4b}

/* Layout refinement: open editorial columns instead of stacked glass-like blocks. */
.team-button{border:0;border-radius:8px;background:transparent;padding:8px 5px;box-shadow:none}
.team-button:hover{border-color:transparent;background:#eef4ff;transform:none;box-shadow:none}
.nav-item{position:relative;border-radius:8px;background:transparent;box-shadow:none}
.nav-item.active{background:transparent;color:var(--ink);box-shadow:none}
.nav-item.active::before{content:"";position:absolute;left:-4px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--teal);transform:translateY(-50%)}
.nav-item.active .nav-icon{color:var(--teal)}

.showcase-toolbar,.member-toolbar{margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.segmented{background:transparent;padding:0;gap:20px;border-radius:0;margin-bottom:0}
.segment{position:relative;padding:6px 0;border-radius:0;color:#7185a0}
.segment.active{background:transparent;color:var(--ink);box-shadow:none}
.segment.active::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--teal)}
.filter-chip,.date-chip{border:0;border-bottom:1px solid #b8cae2;border-radius:0;background:transparent;padding:6px 0;color:#5d7696}
.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:start}
.showcase-card{min-height:0;padding:14px 24px 12px;background:transparent;border:0;border-radius:0;box-shadow:none}
.showcase-card + .showcase-card{border-left:1px solid var(--line)}
.showcase-card:hover{transform:none;box-shadow:none}
.showcase-card-top{min-height:0;padding-bottom:13px;border-bottom:1px solid #e6edf6}
.showcase-card .visibility-tag{padding:0;background:transparent;border-radius:0;color:#3b8d78}
.proof-preview{margin:16px 0 14px;padding:0;background:transparent;border:0;border-radius:0}
.preview-check{width:26px;height:26px;border-radius:50%;background:#dfeaff;color:#2f62aa}
.shared-content{border-top:0;padding-top:0}
.content-type{padding:0 0 3px;border-radius:0;background:transparent;border-bottom:1px solid #b8cae2;color:#2f62aa}
.shared-content p{margin-top:13px;line-height:1.8}

.search-box{width:260px;padding:0;border:0;border-bottom:1px solid #b8cae2;border-radius:0;background:transparent}
.search-box input{padding:8px 0}
.members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.member-card{min-height:0;padding:22px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
.member-card:nth-child(odd){padding-right:18px}
.member-card:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}
.member-card:hover{transform:none;box-shadow:none;background:transparent}
.member-status{padding:0;border-radius:0;background:transparent;color:#3b8d78;border-bottom:1px solid #b7d9cf}
.member-status.offline{background:transparent;color:#a77b4b;border-bottom-color:#dfc69e}
.member-card-stats{margin:20px 0 16px;padding:13px 0;border-color:#dfe7f1}

@media(max-width:760px){
  .nav-item.active::before{display:none}
  .showcase-grid{grid-template-columns:1fr;gap:0}
  .showcase-card,.showcase-card:nth-child(n){padding:20px 0;border-left:0;border-top:1px solid var(--line)}
  .showcase-card:first-child{border-top:0;padding-top:4px}
  .members-grid{grid-template-columns:1fr}
  .member-card:nth-child(odd),.member-card:nth-child(even){padding-left:0;padding-right:0;border-left:0}
  .member-card:first-child{padding-top:6px}
}
@media(min-width:761px) and (max-width:1100px){
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .showcase-card + .showcase-card{border-left:0}
  .showcase-card:nth-child(even){border-left:1px solid var(--line)}
  .members-grid{grid-template-columns:1fr}
  .member-card:nth-child(even){padding-left:0;border-left:0}
  .member-card:nth-child(odd){padding-right:0}
}

/* Bolder library treatment: let the proof image carry the visual weight. */
.showcase-card{position:relative;padding:18px 24px 22px;transition:background .2s ease,transform .2s ease}
.showcase-card:before{content:"";display:block;width:34px;height:4px;margin-bottom:14px;border-radius:0 5px 5px 0;background:#4c86e8}
.showcase-card[data-kind="blog"]:before{background:#d66d62}
.showcase-card[data-kind="proof"]:before{background:#1c9b81}
.showcase-card:hover{background:#f8fbff;transform:translateY(-3px)}
.showcase-card + .showcase-card{padding-left:24px}
.showcase-card-top{padding-bottom:15px}
.showcase-card .member-line{gap:10px}
.showcase-card .leader-avatar{width:35px;height:35px;border-radius:11px;background:#e3eeff;color:#276bc6;font-size:13px}
.showcase-card[data-kind="blog"] .leader-avatar{background:#ffebe8;color:#b6544d}
.showcase-card[data-kind="proof"] .leader-avatar{background:#e2f7ef;color:#18866e}
.showcase-card .member-line strong{font-size:13px;color:#173b68}
.showcase-card .member-line small{font-size:10px;color:#6f87a6}
.showcase-card .visibility-tag{font-size:10px;color:#23846d}
.showcase-card[data-kind="blog"] .visibility-tag{color:#b4544d}
.proof-preview{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:18px 0 18px;padding:0}
.proof-image-button{flex:0 0 auto;width:100%;height:126px;border-radius:11px;border:1px solid #d3e1f3;background:#eef4ff;box-shadow:0 8px 16px rgba(35,83,150,.08)}
.showcase-card[data-kind="blog"] .proof-image-button{border-color:#f0d6d1;background:#fff2f0;box-shadow:0 8px 16px rgba(171,83,72,.07)}
.showcase-card[data-kind="proof"] .proof-image-button{border-color:#c9e8dc;background:#effaf5;box-shadow:0 8px 16px rgba(36,125,102,.07)}
.proof-image-button img{object-position:center 38%}
.proof-preview>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}
.proof-preview strong{font-size:12px;color:#173b68}
.proof-preview small{font-size:10px;color:#6f87a6}
.showcase-card[data-kind="blog"] .proof-preview strong{color:#9e4d49}
.showcase-card[data-kind="proof"] .proof-preview strong{color:#187861}
.shared-content{margin-top:3px}
.content-type{font-size:11px;font-weight:800;letter-spacing:.02em;padding-bottom:5px;color:#286cc9;border-bottom-color:#7da9ed}
.showcase-card[data-kind="blog"] .content-type{color:#b5534c;border-bottom-color:#e29a91}
.showcase-card[data-kind="proof"] .content-type{color:#18856c;border-bottom-color:#83cfb7}
.shared-content p{font-size:12px;line-height:1.75;color:#4f6f96}
.showcase-card[data-kind="blog"] .shared-content p{color:#7f625f}
.blog-link{display:inline-flex;align-items:center;gap:5px;margin-top:12px;color:#b5534c;font-size:11px}
.blog-link:hover{text-decoration:underline;text-underline-offset:4px}
.blog-content{margin-top:12px}.blog-rendered{line-height:1.7;color:var(--ink);font-size:12px}.blog-rendered h1,.blog-rendered h2,.blog-rendered h3{margin:12px 0 6px;font-weight:700;color:var(--ink-strong)}.blog-rendered h1{font-size:18px}.blog-rendered h2{font-size:15px}.blog-rendered h3{font-size:13px}.blog-rendered p{margin:6px 0}.blog-rendered code{background:#e5f3ed;padding:2px 4px;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:11px}.blog-rendered pre{background:#f6fbf9;border:1px solid #e7f0ec;border-radius:6px;padding:10px;overflow-x:auto;margin:10px 0}.blog-rendered pre code{background:none;padding:0}.blog-rendered ul,.blog-rendered ol{margin:6px 0;padding-left:20px}.blog-rendered li{margin:3px 0}.blog-rendered blockquote{border-left:3px solid var(--teal);padding-left:10px;margin:10px 0;color:#617d75;font-style:italic}.blog-rendered a{color:var(--teal-dark);text-decoration:underline}.blog-rendered .katex{font-size:1.05em}.blog-rendered img{max-width:100%;height:auto;border-radius:6px;margin:10px 0}

/* Bolder roster treatment: turn each member into a progress-bearing row. */
.member-card{position:relative;padding:24px 18px 20px;transition:background .2s ease,transform .2s ease}
.member-card:before{content:"";position:absolute;left:2px;top:28px;width:8px;height:8px;border-radius:50%;background:#286ee0;box-shadow:0 0 0 4px #e6efff}
.member-card:nth-child(2):before{background:#22a184}.member-card:nth-child(3):before{background:#d58b2d}.member-card:nth-child(4):before{background:#cf6b61}
.member-card:hover{background:#f8fbff;transform:translateY(-2px)}
.member-card-head{padding-left:10px}
.member-card-head strong{font-size:14px;color:#173b68}.member-card-head small{font-size:10px;color:#6f87a6}
.member-card .member-avatar{width:38px;height:38px;border-radius:12px;background:#e4efff;color:#286bc8}
.member-card:first-child .member-avatar{background:#193b58;color:#fff}
.member-card:nth-child(3) .member-avatar{background:#e7f4ff;color:#286bc8}
.member-card:nth-child(4) .member-avatar{background:#fff0ed;color:#b85c51}
.member-card-stats{margin:22px 0 15px;padding:15px 10px;border-top:1px solid #dfe8f5;border-bottom:1px solid #dfe8f5;background:#f7faff}
.member-card-stats div{position:relative;gap:6px;padding-right:8px}
.member-card-stats div+div{padding-left:14px;border-left:1px solid #dce7f5}
.member-card-stats span{font-size:10px;color:#7189a8}.member-card-stats strong{font-size:21px;color:#173b68;font-variant-numeric:tabular-nums}
.member-card-stats strong small{font-size:10px;color:#7189a8}
.member-card:nth-child(2) .member-card-stats{background:#f1fbf7}.member-card:nth-child(2) .member-card-stats strong{color:#177c67}
.member-card:nth-child(4) .member-card-stats{background:#fff7f4}.member-card:nth-child(4) .member-card-stats strong{color:#a6554d}
.member-history-button{margin-left:10px;width:calc(100% - 10px);padding:10px 8px;background:#eef4ff;color:#1f65c2;border-radius:8px}
.member-history-button:hover{background:#dfeeff}
.member-status{font-size:10px;font-weight:800;padding:5px 8px;border-radius:6px}
.member-status.offline{background:#fff1ed;color:#ae574e;border-color:#f0d0ca}

@media(max-width:760px){
  .showcase-card,.showcase-card + .showcase-card{padding:20px 0}
  .showcase-card:hover,.member-card:hover{transform:none}
  .proof-image-button{height:116px}
  .member-card{padding:22px 0 18px}
  .member-card:before{top:26px}
  .member-card-stats{padding-left:8px;padding-right:8px}
}

/* Delight pass: give each content row a quiet paper tone without rebuilding the page as a card wall. */
.showcase-card{
  border-radius:14px;
  background:#f5f9ff;
  box-shadow:inset 0 0 0 1px rgba(117,157,213,.12);
}
.showcase-card[data-kind="blog"]{background:#fff7f4;box-shadow:inset 0 0 0 1px rgba(213,120,105,.12)}
.showcase-card[data-kind="proof"]{background:#f3fbf8;box-shadow:inset 0 0 0 1px rgba(44,153,126,.13)}
.showcase-card:hover{background:#eef5ff;box-shadow:inset 0 0 0 1px rgba(87,139,219,.2)}
.showcase-card[data-kind="blog"]:hover{background:#fff1ed;box-shadow:inset 0 0 0 1px rgba(213,120,105,.2)}
.showcase-card[data-kind="proof"]:hover{background:#eaf8f2;box-shadow:inset 0 0 0 1px rgba(44,153,126,.2)}

.member-card{
  border-radius:14px;
  background:#f7faff;
  box-shadow:inset 0 0 0 1px rgba(117,157,213,.1);
}
.member-card:nth-child(2){background:#f3fbf8;box-shadow:inset 0 0 0 1px rgba(44,153,126,.11)}
.member-card:nth-child(3){background:#f7f8ff;box-shadow:inset 0 0 0 1px rgba(117,103,200,.1)}
.member-card:nth-child(4){background:#fff7f4;box-shadow:inset 0 0 0 1px rgba(213,120,105,.11)}
.member-card:hover{background:#eef5ff;box-shadow:inset 0 0 0 1px rgba(87,139,219,.18)}
.member-card:nth-child(2):hover{background:#eaf8f2;box-shadow:inset 0 0 0 1px rgba(44,153,126,.18)}
.member-card:nth-child(3):hover{background:#f0f1ff;box-shadow:inset 0 0 0 1px rgba(117,103,200,.18)}
.member-card:nth-child(4):hover{background:#fff1ed;box-shadow:inset 0 0 0 1px rgba(213,120,105,.18)}

@media(max-width:760px){
  .showcase-card,.showcase-card + .showcase-card{border-radius:12px;margin-bottom:10px}
  .member-card{border-radius:12px;margin-bottom:10px}
}

/* Surface separation: the canvas and its content sheets must never collapse into one tone. */
:root{
  --canvas:#edf3f8;
  --surface:#ffffff;
  --surface-blue:#f5f9ff;
  --surface-mint:#edf9f4;
  --surface-violet:#f4f4ff;
  --surface-coral:#fff2ee;
}
html,body{background:var(--canvas)}
.main-content{background:var(--canvas)}

.showcase-grid{gap:14px}
.showcase-card,.showcase-card + .showcase-card{
  border-left:0;
  background:var(--surface-blue);
  box-shadow:inset 0 0 0 1px #d6e4f7;
}
.showcase-card[data-kind="blog"]{background:var(--surface-coral);box-shadow:inset 0 0 0 1px #f0d4ce}
.showcase-card[data-kind="proof"]{background:var(--surface-mint);box-shadow:inset 0 0 0 1px #cfe9dd}
.showcase-card:hover{background:#eaf3ff;box-shadow:inset 0 0 0 1px #bcd4f4}
.showcase-card[data-kind="blog"]:hover{background:#ffeae4;box-shadow:inset 0 0 0 1px #e8bbb2}
.showcase-card[data-kind="proof"]:hover{background:#e3f5ed;box-shadow:inset 0 0 0 1px #b5dfca}

.members-grid{gap:14px 32px}
.member-card{
  background:var(--surface);
  box-shadow:inset 0 0 0 1px #d5e1ef;
}
.member-card:nth-child(2){background:var(--surface-mint);box-shadow:inset 0 0 0 1px #cce8dc}
.member-card:nth-child(3){background:var(--surface-violet);box-shadow:inset 0 0 0 1px #dadbf2}
.member-card:nth-child(4){background:var(--surface-coral);box-shadow:inset 0 0 0 1px #f0d5cf}
.member-card:hover{background:#eef5ff;box-shadow:inset 0 0 0 1px #bcd4f4}
.member-card:nth-child(2):hover{background:#e3f5ed;box-shadow:inset 0 0 0 1px #b5dfca}
.member-card:nth-child(3):hover{background:#ededff;box-shadow:inset 0 0 0 1px #c7c8e9}
.member-card:nth-child(4):hover{background:#ffeae4;box-shadow:inset 0 0 0 1px #e8bbb2}

@media(max-width:760px){
  .showcase-grid{gap:0}
  .showcase-card,.showcase-card + .showcase-card{margin-bottom:12px}
}

/* Delight + colorize: replace near-identical glass sheets with distinct, opaque materials. */
:root{
  --canvas:#ffffff;
  --line:#e6e3de;
  --muted:#6d706f;
  --paper:#fffdf8;
  --navy-surface:#24364d;
  --sand-surface:#f3eadb;
  --coral-surface:#f4ddd5;
  --mint-surface:#e1f1e8;
  --ink-on-dark:#f7fbff;
}
html,body,.main-content{background:var(--canvas)}
.sidebar{background:#ffffff;border-right-color:#e6e3de;box-shadow:8px 0 28px rgba(46,55,64,.035)}
.topbar{border-bottom-color:#e6e3de}
.breadcrumbs{color:#858580}.breadcrumbs strong{color:#25364d}.slash{color:#c8c5bf}
.demo-banner{background:#fff8e8;border-color:#e8d6a7;color:#6c5a32}
.demo-banner strong{color:#a06c1e}
body:has(.auth-shell){background:#ffffff}

/* Showcase: one warm paper, one coral editorial sheet, one dark proof board. */
.showcase-grid{gap:16px}
.showcase-card,.showcase-card + .showcase-card{
  border:1px solid #d8d4ca;
  border-left:1px solid #d8d4ca;
  border-radius:18px 10px 18px 10px;
  background:var(--paper);
  box-shadow:none;
}
.showcase-card[data-kind="blog"]{
  border-color:#e3c6ba;
  background:var(--coral-surface);
}
.showcase-card:nth-child(3){
  border-color:#24364d;
  background:var(--navy-surface);
  color:var(--ink-on-dark);
}
.showcase-card:hover{background:#fffaf0;box-shadow:0 12px 26px rgba(35,54,77,.12)}
.showcase-card[data-kind="blog"]:hover{background:#f8d6cc;box-shadow:0 12px 26px rgba(132,72,58,.12)}
.showcase-card:nth-child(3):hover{background:#1e2e43;box-shadow:0 14px 30px rgba(24,40,60,.2)}
.showcase-card:nth-child(3):before{background:#f2c75c}
.showcase-card:nth-child(3) .showcase-card-top{border-bottom-color:#496079}
.showcase-card:nth-child(3) .member-line strong{color:var(--ink-on-dark)}
.showcase-card:nth-child(3) .member-line small,
.showcase-card:nth-child(3) .proof-preview small{color:#c8d6e5}
.showcase-card:nth-child(3) .leader-avatar{background:#3b5f84;color:#f7fbff}
.showcase-card:nth-child(3) .visibility-tag{color:#bce9d4}
.showcase-card:nth-child(3) .proof-preview strong{color:#fff8dc}
.showcase-card:nth-child(3) .content-type{color:#f7d56d;border-bottom-color:#d5ae42}
.showcase-card:nth-child(3) .shared-content p{color:#dbe7f2}
.showcase-card:nth-child(3) .proof-image-button{border-color:#6f859a;background:#f7f9fb}

/* Member directory: the rank-one card earns the dark anchor, then the warm states follow. */
.members-grid{gap:16px 32px}
.member-card{
  border:1px solid #d8d4ca;
  border-top:1px solid #d8d4ca;
  border-radius:18px 10px 18px 10px;
  background:var(--paper);
  box-shadow:none;
}
.member-card:nth-child(2){border-color:#24364d;background:var(--navy-surface);color:var(--ink-on-dark)}
.member-card:nth-child(3){border-color:#decfb1;background:var(--sand-surface)}
.member-card:nth-child(4){border-color:#e3c6ba;background:var(--coral-surface)}
.member-card:hover{background:#fffaf0;box-shadow:0 12px 26px rgba(35,54,77,.12)}
.member-card:nth-child(2):hover{background:#1e2e43;box-shadow:0 14px 30px rgba(24,40,60,.2)}
.member-card:nth-child(3):hover{background:#ecdfc5;box-shadow:0 12px 26px rgba(111,84,35,.12)}
.member-card:nth-child(4):hover{background:#f8d6cc;box-shadow:0 12px 26px rgba(132,72,58,.12)}
.member-card:nth-child(2) .member-card-head strong{color:var(--ink-on-dark)}
.member-card:nth-child(2) .member-card-head small,
.member-card:nth-child(2) .member-card-stats span,
.member-card:nth-child(2) .member-card-stats strong small{color:#c8d6e5}
.member-card:nth-child(2) .member-card-stats{background:#314963;border-color:#496079}
.member-card:nth-child(2) .member-card-stats div+div{border-left-color:#496079}
.member-card:nth-child(2) .member-card-stats strong{color:#fff8dc}
.member-card:nth-child(2) .member-status{background:#dff3e9;color:#147a62;border-color:#b9e2d0}
.member-card:nth-child(3) .member-card-stats{background:#fff7e7;border-color:#dfcfb2}
.member-card:nth-child(3) .member-card-stats div+div{border-left-color:#dfcfb2}
.member-card:nth-child(3) .member-card-stats strong{color:#725822}
.member-card:nth-child(4) .member-card-stats{background:#fbe9e3;border-color:#e4c8bd}
.member-card:nth-child(4) .member-card-stats div+div{border-left-color:#e4c8bd}
.member-card:nth-child(4) .member-card-stats strong{color:#a64f45}
.member-card:first-child .member-card-stats{background:#f3eee4;border-color:#ded6ca}
.member-card:first-child .member-card-stats div+div{border-left-color:#ded6ca}
.member-card:first-child .member-history-button{background:#25364d;color:#fff}
.member-card:nth-child(2) .member-history-button{background:#4c82e8;color:#fff}
.member-card:nth-child(3) .member-history-button{background:#fff2cb;color:#745b28}
.member-card:nth-child(4) .member-history-button{background:#f8d7cf;color:#a64f45}
.member-card:nth-child(2) .member-history-button:hover{background:#6798f0}
.member-card:nth-child(3) .member-history-button:hover{background:#ffe9a7}
.member-card:nth-child(4) .member-history-button:hover{background:#f2c4b8}

@media(max-width:760px){
  .showcase-card,.showcase-card + .showcase-card,.member-card{border-radius:16px 10px 16px 10px}
  .showcase-card:nth-child(3),.member-card:nth-child(2){margin-top:4px}
}

/* High-energy view transitions: a colored route sweep, depth shift, then staggered content arrival. */
:root{
  --view-accent:#2f6fed;
  --view-ease:cubic-bezier(.16,1,.3,1);
}
#dashboardView{--view-accent:#2f6fed}
#submissionsView{--view-accent:#e26f57}
#leaderboardView{--view-accent:#d29a33}
#showcaseView{--view-accent:#8a5dd3}
#membersView{--view-accent:#e87858}
#adminView{--view-accent:#23364e}

@keyframes atlas-view-in{
  0%{opacity:0;transform:translate3d(0,34px,0) scale(.975) rotateX(2deg);filter:blur(8px)}
  42%{opacity:1;transform:translate3d(0,-7px,0) scale(1.008) rotateX(0);filter:blur(0)}
  72%{transform:translate3d(0,2px,0) scale(1.002)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes atlas-route-sweep{
  0%{opacity:0;transform:translateX(-115%) skewX(-22deg) scaleX(.35)}
  18%{opacity:1}
  70%{opacity:.9}
  100%{opacity:0;transform:translateX(340%) skewX(-22deg) scaleX(1.15)}
}
@keyframes atlas-item-in{
  0%{opacity:0;transform:translate3d(0,22px,0) scale(.97) rotateX(2deg)}
  55%{opacity:1;transform:translate3d(0,-4px,0) scale(1.012) rotateX(0)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes atlas-row-in{
  0%{opacity:0;transform:translateX(-20px) scale(.985)}
  100%{opacity:1;transform:translateX(0) scale(1)}
}

.page-view{position:relative;perspective:1200px}
.page-view.view-enter{animation:atlas-view-in 760ms var(--view-ease) both}
.page-view.view-enter::before{
  content:"";
  position:absolute;
  z-index:5;
  top:-15px;
  left:0;
  width:32%;
  height:4px;
  border-radius:0 99px 99px 0;
  background:var(--view-accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--view-accent) 12%,transparent),0 8px 22px color-mix(in srgb,var(--view-accent) 22%,transparent);
  pointer-events:none;
  animation:atlas-route-sweep 820ms var(--view-ease) both;
}
.page-view.view-enter> :nth-child(1){animation-delay:70ms}
.page-view.view-enter> :nth-child(2){animation-delay:130ms}
.page-view.view-enter> :nth-child(3){animation-delay:190ms}
.page-view.view-enter> :nth-child(4){animation-delay:250ms}
.page-view.view-enter> :nth-child(5){animation-delay:310ms}
.page-view.view-enter> :nth-child(6){animation-delay:370ms}
.page-view.view-enter> :nth-child(n){animation-name:atlas-item-in;animation-duration:720ms;animation-timing-function:var(--view-ease);animation-fill-mode:both}
.page-view.view-enter .submission-row,
.page-view.view-enter .leader-row,
.page-view.view-enter .review-row,
.page-view.view-enter .showcase-card,
.page-view.view-enter .member-card{animation:atlas-row-in 560ms var(--view-ease) both}
.page-view.view-enter .submission-row:nth-child(1),
.page-view.view-enter .leader-row:nth-child(1),
.page-view.view-enter .review-row:nth-child(1),
.page-view.view-enter .showcase-card:nth-child(1),
.page-view.view-enter .member-card:nth-child(1){animation-delay:260ms}
.page-view.view-enter .submission-row:nth-child(2),
.page-view.view-enter .leader-row:nth-child(2),
.page-view.view-enter .review-row:nth-child(2),
.page-view.view-enter .showcase-card:nth-child(2),
.page-view.view-enter .member-card:nth-child(2){animation-delay:330ms}
.page-view.view-enter .submission-row:nth-child(3),
.page-view.view-enter .leader-row:nth-child(3),
.page-view.view-enter .review-row:nth-child(3),
.page-view.view-enter .showcase-card:nth-child(3),
.page-view.view-enter .member-card:nth-child(3){animation-delay:400ms}
.page-view.view-enter .submission-row:nth-child(4),
.page-view.view-enter .leader-row:nth-child(4),
.page-view.view-enter .review-row:nth-child(4),
.page-view.view-enter .member-card:nth-child(4){animation-delay:470ms}
.page-view.view-enter .submission-row:nth-child(5),
.page-view.view-enter .leader-row:nth-child(5){animation-delay:540ms}

/* White surfaces stay legible against the white canvas through warm paper and a neutral edge. */
.metric-card,.panel,.date-chip,.filter-chip,.search-box,.full-leaderboard{
  background:#fffdf8;
  border-color:#dfe3e8;
  box-shadow:0 12px 25px rgba(42,55,72,.06);
}
.segmented{background:#f4f0e8}
.segment.active{background:#fffdf8}
.page-view.view-enter .metric-card,.page-view.view-enter .panel{will-change:transform,opacity,filter}

@media(max-width:760px){
  .page-view.view-enter::before{top:-10px;width:48%;height:3px}
  .page-view.view-enter .showcase-card,.page-view.view-enter .member-card{animation-duration:500ms}
}

/* Pulse controls: a warm tactile rail with a shared sliding active capsule. */
.segmented{
  --segment-accent:#2f6fed;
  --segment-x:3px;
  --segment-width:0px;
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  gap:2px;
  width:max-content;
  max-width:100%;
  overflow-x:auto;
  padding:4px;
  margin-bottom:17px;
  border:1px solid #e2ded6;
  border-radius:999px;
  background:#f1eee8;
  scrollbar-width:none;
}
.segmented::-webkit-scrollbar{display:none}
.segmented--ranking{--segment-accent:#c38a2f}
.segmented--showcase{--segment-accent:#8658c9}
.segment-indicator{
  position:absolute;
  z-index:0;
  top:4px;
  left:0;
  width:var(--segment-width);
  height:calc(100% - 8px);
  border:1px solid color-mix(in srgb,var(--segment-accent) 24%,#fff);
  border-radius:999px;
  background:#fffdf8;
  box-shadow:0 5px 12px color-mix(in srgb,var(--segment-accent) 15%,transparent), inset 0 0 0 1px rgba(255,255,255,.7);
  transform:translateX(var(--segment-x));
  transition:transform 420ms cubic-bezier(.16,1,.3,1),box-shadow 220ms ease;
  pointer-events:none;
}
.segment{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  min-height:32px;
  padding:7px 15px;
  border-radius:999px;
  color:#777872;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
  transition:color 180ms ease,transform 180ms ease;
}
.segment:hover{color:#26364e;transform:translateY(-1px)}
.segment:focus-visible{outline:3px solid color-mix(in srgb,var(--segment-accent) 38%,transparent);outline-offset:2px}
.segment.active{color:#25364d;background:transparent;box-shadow:none}
.segment.active::after{display:none}
.segmented.large .segment{min-height:36px;padding:9px 20px}

/* Submission feedback: a short, non-blocking burst that reads like a logged pulse. */
.feedback-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 180ms ease,visibility 180ms ease}
.feedback-layer.is-visible{opacity:1;visibility:visible}
.feedback-card{position:relative;width:min(430px,calc(100vw - 32px));min-height:238px;display:grid;place-items:center;overflow:hidden;border:1px solid #c5d8f6;border-radius:28px;background:#fffdf8;box-shadow:0 26px 90px rgba(39,72,119,.22),0 0 0 9px rgba(47,111,237,.08)}
.feedback-card--submission{--feedback-accent:#2f6fed;--feedback-success:#20a47d}
.feedback-card.is-playing{animation:feedback-pop 1600ms cubic-bezier(.16,1,.3,1) both}
.feedback-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--feedback-accent) 33%,transparent);border-radius:50%;opacity:0}
.feedback-orbit--outer{width:190px;height:190px}
.feedback-orbit--inner{width:126px;height:126px;border-color:color-mix(in srgb,var(--feedback-success) 45%,transparent)}
.feedback-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transform:translateY(14px);opacity:0}
.feedback-card.is-playing .feedback-orbit--outer{animation:feedback-orbit 1500ms cubic-bezier(.16,1,.3,1) 80ms both}
.feedback-card.is-playing .feedback-orbit--inner{animation:feedback-orbit 1200ms cubic-bezier(.16,1,.3,1) 150ms reverse both}
.feedback-card.is-playing .feedback-copy{animation:feedback-copy 620ms cubic-bezier(.16,1,.3,1) 260ms both}
.feedback-kicker{color:var(--feedback-accent);font-size:10px;font-weight:850;letter-spacing:.16em}
.feedback-copy strong{color:#24364d;font-size:30px;letter-spacing:-.03em}
.feedback-copy small{max-width:260px;color:#6e7d90;font-size:11px;line-height:1.6}
.feedback-check{position:absolute;z-index:1;width:58px;height:58px;border-radius:50%;background:#e2f6ed;box-shadow:0 0 0 8px rgba(32,164,125,.08);transform:scale(.4);opacity:0}
.feedback-card.is-playing .feedback-check{animation:feedback-check 560ms cubic-bezier(.16,1,.3,1) 220ms both}
.feedback-check span{position:absolute;left:17px;top:13px;width:23px;height:13px;border-left:4px solid var(--feedback-success);border-bottom:4px solid var(--feedback-success);transform:rotate(-45deg) scaleX(0);transform-origin:left bottom}
.feedback-card.is-playing .feedback-check span{animation:feedback-draw 360ms ease 520ms both}
.feedback-track{position:absolute;left:28px;right:28px;bottom:22px;height:22px}
.feedback-track span{position:absolute;left:0;right:0;top:11px;height:2px;background:var(--feedback-accent);transform:scaleX(0);transform-origin:left center;box-shadow:0 0 14px color-mix(in srgb,var(--feedback-accent) 35%,transparent)}
.feedback-card.is-playing .feedback-track span{animation:feedback-draw 720ms cubic-bezier(.16,1,.3,1) 480ms both}
.feedback-track i{position:absolute;top:5px;width:12px;height:12px;border-radius:50%;background:var(--feedback-success);box-shadow:0 0 0 4px rgba(32,164,125,.12);opacity:0}
.feedback-card.is-playing .feedback-track i{animation:feedback-spark 540ms cubic-bezier(.16,1,.3,1) both}
.feedback-track i:nth-of-type(1){left:17%;animation-delay:650ms}.feedback-track i:nth-of-type(2){left:41%;animation-delay:760ms}.feedback-track i:nth-of-type(3){left:72%;animation-delay:870ms}
.feedback-sparks i{position:absolute;width:7px;height:7px;border-radius:2px;background:#f2c75c;opacity:0}
.feedback-card.is-playing .feedback-sparks i{animation:feedback-spark 680ms cubic-bezier(.16,1,.3,1) both}
.feedback-sparks i:nth-child(1){left:16%;top:25%;animation-delay:360ms}.feedback-sparks i:nth-child(2){right:19%;top:24%;background:#e87868;animation-delay:440ms}.feedback-sparks i:nth-child(3){left:24%;bottom:24%;background:#2f6fed;animation-delay:520ms}.feedback-sparks i:nth-child(4){right:26%;bottom:20%;background:#20a47d;animation-delay:600ms}.feedback-sparks i:nth-child(5){left:9%;top:49%;background:#8658c9;animation-delay:680ms}.feedback-sparks i:nth-child(6){right:10%;top:52%;background:#f2c75c;animation-delay:760ms}

@keyframes feedback-pop{0%{opacity:0;transform:translateY(28px) scale(.84) rotate(-2deg)}35%{opacity:1;transform:translateY(-5px) scale(1.02) rotate(1deg)}70%{transform:translateY(2px) scale(1)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes feedback-copy{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
@keyframes feedback-check{0%{opacity:0;transform:scale(.25) rotate(-24deg)}70%{opacity:1;transform:scale(1.12) rotate(4deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes feedback-orbit{0%{opacity:0;transform:scale(.35) rotate(-30deg)}35%{opacity:1}100%{opacity:.42;transform:scale(1.2) rotate(140deg)}}
@keyframes feedback-draw{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes feedback-spark{0%{opacity:0;transform:translateY(12px) scale(.25) rotate(0)}55%{opacity:1;transform:translateY(-5px) scale(1.2) rotate(90deg)}100%{opacity:.82;transform:translateY(0) scale(1) rotate(135deg)}}

/* Approval rows remain in place long enough for the state change to be perceived. */
.review-row{position:relative;overflow:hidden;transition:background 380ms ease,border-color 380ms ease,transform 380ms cubic-bezier(.16,1,.3,1),box-shadow 380ms ease}
.review-row.approval-complete{background:#e9f7ee;border-bottom-color:#b9e2ca;box-shadow:inset 5px 0 0 #20a47d,0 8px 20px rgba(32,164,125,.12);transform:translateX(5px)}
.review-row.approval-complete .review-avatar{background:#d7f1e2;color:#17775b}
.review-row.approval-complete .review-content strong{color:#176a54}
.approval-checkmark{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;background:#c9edda;color:#16795b;animation:approval-check 620ms cubic-bezier(.16,1,.3,1) both}
.approval-checkmark span{width:12px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) scaleX(0);transform-origin:left bottom;animation:feedback-draw 300ms ease 260ms both}
.approval-score{margin-left:auto;color:#17775b;font-size:11px;font-weight:850;animation:approval-score 720ms cubic-bezier(.16,1,.3,1) 160ms both}
.review-row.approval-complete input{opacity:.38}
@keyframes approval-check{0%{opacity:0;transform:scale(.2) rotate(-25deg)}60%{opacity:1;transform:scale(1.18) rotate(8deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes approval-score{0%{opacity:0;transform:scale(.55) translateX(10px)}55%{opacity:1;transform:scale(1.3) translateX(0)}100%{opacity:1;transform:scale(1)}}

@media(max-width:760px){
  .segmented{width:100%;justify-content:flex-start;margin-bottom:14px}
  .segment{padding-inline:13px}
  .feedback-card{min-height:220px;border-radius:22px}
  .feedback-copy strong{font-size:26px}
  .review-row.approval-complete{transform:none}
  .approval-score{font-size:10px}
}
.last-week-incomplete{margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}
.last-week-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.last-week-heading strong{font-size:12px;color:var(--ink)}
.last-week-heading .muted{font-size:10px}
.last-week-list{display:flex;flex-direction:column;gap:8px}
.last-week-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 10px;background:#fbfdfb;border:1px solid var(--line);border-radius:8px}
.last-week-row strong{font-size:11px;min-width:0;overflow-wrap:anywhere}
.last-week-row span,.last-week-row small{color:var(--muted);font-size:10px;text-align:right}
.last-week-row small{grid-column:1/-1;text-align:left}
@media(max-width:760px){.last-week-row{grid-template-columns:1fr}.last-week-row span{text-align:left}}
.review-quote{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.image-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(9,24,42,.86);z-index:30;cursor:zoom-out}
.image-lightbox.open{display:flex}
.image-lightbox img{display:block;max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);width:auto;height:auto;object-fit:contain;box-shadow:0 18px 60px rgba(0,0,0,.35);cursor:default}
.image-lightbox-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1}
@media(max-width:760px){.image-lightbox{padding:18px}.image-lightbox img{max-width:calc(100vw - 36px);max-height:calc(100vh - 36px)}.image-lightbox-close{top:10px;right:10px}}
/* Problem library and complete solution cards. */
.problem-list{display:grid;gap:14px;margin:20px 0}.problem-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;text-align:left;color:var(--ink);cursor:pointer}.problem-row strong{display:block;font-size:18px;overflow-wrap:anywhere}.problem-row small{display:block;margin-top:12px;color:var(--muted);line-height:1.8}.problem-arrow{white-space:nowrap;color:var(--teal-dark)}.problem-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}.problem-toolbar select{padding:10px;border:1px solid var(--line);border-radius:8px;background:white;max-width:100%}#problemHeading{overflow-wrap:anywhere}.solution-waterfall{column-count:2;column-gap:20px;margin:20px 0}.solution-card{break-inside:avoid;display:inline-block;vertical-align:top;box-sizing:border-box;width:100%;padding:22px;margin-bottom:20px;overflow-wrap:anywhere}.solution-card .member-line small{display:block;line-height:1.7;color:var(--muted);margin-top:5px}.solution-proof{display:block;width:100%;margin:18px 0;padding:0;border:0;background:transparent;cursor:zoom-in}.solution-proof img{width:100%;height:auto;display:block;border-radius:8px}.solution-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;max-height:none!important;display:block!important;-webkit-line-clamp:unset!important}.solution-actions{display:flex;gap:12px;margin-top:20px;align-items:center;flex-wrap:wrap}.solution-actions .is-liked{background:#daf0e9;color:#176b58}.solution-actions button:disabled{opacity:.5;cursor:default}.problem-row:hover{border-color:var(--teal)}.live-submission-row{flex-wrap:wrap}#reviewLogic{white-space:pre-wrap;max-height:none}#galleryMore,#reportsMore{margin:10px auto 24px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}[hidden]{display:none!important}@media(min-width:1500px){.solution-waterfall{column-count:3}}@media(max-width:760px){.solution-waterfall{column-count:1}.problem-row{padding:18px;align-items:flex-start}.problem-arrow{font-size:12px}.solution-card{padding:18px}}

.site-admin-mode #openSubmission,.site-admin-mode #openSubmissionSecondary,.site-admin-mode #emptyAction,.site-admin-mode #pulseJump{display:none!important}
.workbench-panel{padding:24px;margin:0 0 24px}.workbench-panel .panel-heading{margin-bottom:18px}.workbench-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.workbench-form label,.workbench-inline-form label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:13px;min-width:0}.workbench-form input:not([type=checkbox]),.workbench-form select,.workbench-inline-form input,.workbench-inline-form select,.workbench-scope select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.workbench-form .workbench-check{flex-direction:row;align-items:center;font-weight:400}.workbench-check input{accent-color:var(--teal)}.workbench-form-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.workbench-hint{font-size:12px;line-height:1.8;margin:16px 0}.workbench-form small{font-size:11px;font-weight:400;color:var(--muted)}.workbench-details{border:1px solid var(--line);padding:16px;border-radius:10px;margin:16px 0}.workbench-details summary{cursor:pointer;font-weight:700;color:var(--teal-dark)}.workbench-details[open] summary{margin-bottom:20px}.workbench-team{padding:22px 0;border-top:1px solid var(--line)}.workbench-team-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.workbench-team-heading h3{margin:0 0 6px}.workbench-team-heading small,.workbench-table small{color:var(--muted);font-size:12px}.workbench-row-actions{display:flex;gap:16px;flex-wrap:wrap}.workbench-table-scroll{overflow:auto}.workbench-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.workbench-table th{padding:12px;background:var(--teal-soft);font-weight:600;white-space:nowrap}.workbench-table td{padding:15px 12px;border-bottom:1px solid var(--line)}.workbench-table td small{display:block;margin-top:5px}.workbench-table button{white-space:nowrap}.workbench-table button:disabled{opacity:.4;cursor:default}.workbench-team-settings{padding:20px;background:#f6faf8;border-radius:10px;margin-top:18px}.workbench-scope{padding:18px;margin-bottom:24px}.workbench-scope label{display:flex;gap:16px;align-items:center}.workbench-scope select{width:auto;max-width:70%}.workbench-problem{border-top:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.workbench-problem>a{color:var(--teal-dark);font-size:13px}.workbench-problem p{font-size:12px;line-height:1.7}.workbench-inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.workbench-inline-form label{flex:1;min-width:180px}.workbench-inline-form select{width:130px}.danger{color:#b14c42!important}@media(max-width:760px){.workbench-form{grid-template-columns:1fr}.workbench-panel{padding:18px}.workbench-table th,.workbench-table td{padding:12px 8px}.workbench-team-heading{align-items:flex-start}.workbench-inline-form{align-items:center}.workbench-form-actions button{flex:1}.workbench-scope label{flex-direction:column;align-items:flex-start}.workbench-scope select{max-width:100%;width:100%}}
.member-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.member-card-actions .member-action-button{font-size:11px;font-weight:600;color:var(--teal-dark);padding:5px 0;white-space:nowrap;background:none;border:0}.member-card-actions .member-action-button+.member-action-button{border-left:1px solid var(--line);padding-left:9px}.member-card-actions .member-history-button{width:auto;flex:1;min-width:max-content;display:flex;justify-content:flex-end;gap:5px;border:0;margin:0;padding:5px 0;font-size:11px;white-space:nowrap}.member-card-actions .member-action-button:hover{text-decoration:underline}.member-card-actions button:disabled{opacity:.45;cursor:default}
.member-card:nth-child(2) .member-action-button{color:#c6deff}.member-card:nth-child(2) .member-action-button.danger{color:#ffc0b6!important}.member-card:nth-child(2) .member-card-actions{border-top-color:#496079}.member-card:nth-child(2) .member-action-button+.member-action-button{border-left-color:#496079}

/* Daily records retain the existing button height when the hero stacks. */
.atlas-copy .welcome-row{flex:1;align-items:stretch}
.atlas-copy .welcome-row #openSubmission{width:100%;flex:1;justify-content:center;margin-top:0}
.pulse-panel{min-width:0;grid-template-columns:230px minmax(0,1fr)}
.pulse-track{display:flex;overflow-x:auto;gap:0;touch-action:pan-x;cursor:grab;user-select:none;scrollbar-width:none;-ms-overflow-style:none;padding:8px 0;position:relative}.pulse-track::-webkit-scrollbar{display:none;height:0}
.pulse-track:active{cursor:grabbing}
.pulse-track .pulse-week{flex:0 0 max(14.2857%,82px);padding:0 8px;position:relative;z-index:1}
.pulse-track .pulse-line{position:absolute;left:calc(max(14.2857%,82px) / 2);right:auto;width:calc(var(--pulse-days,21) * max(14.2857%,82px) - max(14.2857%,82px));top:24px;height:2px;background:#b4dfcf;z-index:0;pointer-events:none}
.pulse-track .pulse-week span{background:#fff;border-color:#a9c5ef;color:#4f75ad;animation:none}
.pulse-track .pulse-week.is-complete span{background:var(--coral);border-color:var(--coral);color:white}
.pulse-track .pulse-week.is-selected span{background:var(--ink);border-color:var(--ink);color:white}
.pulse-streak{margin-left:auto;font-size:12px;font-weight:700;color:var(--ink)}
@media(max-width:1100px){.atlas-copy .welcome-row #openSubmission{flex:none;width:100%}}
@media(max-width:760px){.pulse-panel{grid-template-columns:minmax(0,1fr)}.pulse-streak{grid-column:1/-1;margin-left:0}}

.daily-challenge-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 0}
.daily-challenge-link{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:11px 5px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:13px;font-weight:750;transition:filter .15s,transform .15s}
.daily-challenge-link img{object-fit:contain;flex:none;border-radius:4px;background:#fff}
.daily-challenge-link small{font-size:10px;font-weight:500}
.daily-challenge-link:hover{filter:brightness(.94);transform:translateY(-1px)}
.daily-challenge-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.platform-leetcode{color:#714200;background:#fff2d7;border-color:#f1bc55}
.platform-nowcoder{color:#fff;background:#008c80;border-color:#008c80}
.daily-challenge-link[aria-disabled="true"]{opacity:.65;cursor:wait}
.daily-challenge-status{margin:7px 0 13px;font-size:11px;color:var(--muted);min-height:0}
.daily-challenge-status:empty{margin-bottom:16px}
@media(max-width:480px){.daily-challenge-links{gap:6px}.daily-challenge-link{flex-wrap:wrap;gap:5px;font-size:12px}.daily-challenge-link small{flex-basis:100%;text-align:center}}

.review-reading-layout{display:flex;flex-direction:column;gap:0}
.review-supporting-materials{order:0;min-width:0}
.review-blog-section{order:1;min-width:0}
.review-modal.has-blog{width:min(1120px,calc(100vw - 40px));max-width:1120px}
.review-modal.has-blog .review-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}
.review-modal.has-blog .review-blog-section{order:0}
.review-modal.has-blog .review-supporting-materials{order:1;border-left:1px solid var(--line);padding-left:22px}
.review-modal.has-blog #reviewBlog{font-size:15px;line-height:1.9;overflow-wrap:anywhere;min-width:0}
.review-modal.has-blog #reviewBlog h1{font-size:28px}.review-modal.has-blog #reviewBlog h2{font-size:23px}.review-modal.has-blog #reviewBlog h3{font-size:19px}
.review-modal.has-blog .screenshot-placeholder{flex-wrap:wrap}
.review-modal.has-blog #reviewImage.visible{width:100%;height:auto;max-height:250px;object-fit:contain;cursor:zoom-in}
.review-modal.has-blog .review-quote{max-height:none}
#reviewBlog pre,#reviewBlog .katex-display{max-width:100%;overflow-x:auto}
#reviewBlog table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
#reviewBlog th,#reviewBlog td{border:1px solid var(--line);padding:8px 10px}
#reviewBlog:not(.blog-rendered){font-size:12px;color:var(--muted)}
@media(max-width:760px){.review-modal.has-blog{width:calc(100vw - 24px)}.review-modal.has-blog .review-reading-layout{grid-template-columns:minmax(0,1fr);gap:14px}.review-modal.has-blog .review-supporting-materials{border-left:0;border-top:1px solid var(--line);padding-left:0}.review-modal.has-blog #reviewBlog{font-size:14px}}

.own-review-actions{position:sticky;bottom:0;z-index:2;background:#fff;box-shadow:0 -8px 12px #fff;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:24px;padding:14px 0}
.own-review-actions .muted{margin-right:auto;font-size:11px}
.review-action-tag{padding:6px 13px;border:1px solid #cedef3;border-radius:6px;background:#edf4ff;color:#285a99;font-size:12px;font-weight:650}
.review-action-tag.danger{border-color:#f0d3cf;background:#fff0ed}
.review-action-tag:disabled{opacity:.45;cursor:not-allowed}

button.leader-row{width:100%;text-align:left;border-radius:6px}
button.leader-row:hover{background:var(--teal-soft)}
.window-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.window-back{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:20px;line-height:1}
.window-back:hover{background:var(--teal-soft)}
.image-lightbox>.window-back{position:fixed;top:18px;right:68px;z-index:1}
#showcaseView{container-type:inline-size}
#showcaseView .solution-waterfall{column-count:1}
@container(min-width:650px){#showcaseView .solution-waterfall{column-count:2}}
@container(min-width:1140px){#showcaseView .solution-waterfall{column-count:3}}
.solution-card .blog-content{border-top:0;padding-top:4px;margin-top:18px}
.solution-card .blog-rendered{font-size:14px;line-height:1.9}
.solution-attachments{border-top:1px solid var(--line);margin-top:20px;padding-top:4px}
.solution-card .solution-proof{padding:10px;background:#f6f8fc;border:1px solid var(--line);border-radius:8px}
.solution-card .solution-proof img{width:auto;max-width:100%;height:auto;max-height:150px;object-fit:contain;margin:0 auto}
.solution-proof span{display:block;margin-top:7px;font-size:11px;color:var(--muted)}

.workbench-cleanup{padding:18px;border:1px solid #e5d6be;background:#fffaf0;border-radius:10px;margin-bottom:24px}
.workbench-cleanup h4{font-size:15px;margin:0 0 14px}
.workbench-cleanup label{max-width:360px;margin-bottom:10px}
.workbench-cleanup input{padding:11px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);width:100%;cursor:pointer}
.workbench-cleanup p{line-height:1.8;margin:12px 0}

/* Contest calendar: shared training-desk palette, independent responsive cards. */
.contest-heading{gap:20px}.contest-overview{display:grid;grid-template-columns:1fr 1fr 2.4fr;gap:24px;background:linear-gradient(115deg,#edf8f4,#f6f9ff);border:1px solid var(--line,#dcebe5);border-radius:18px;padding:26px;margin-bottom:24px}.contest-overview>div{display:flex;flex-direction:column;gap:8px;min-width:0}.contest-overview>div+div{border-left:1px solid #d9e8e2;padding-left:24px}.contest-overview span,.contest-overview small{color:var(--muted);font-size:12px}.contest-overview strong{font-size:32px;color:var(--ink)}.contest-overview .contest-next strong{font-size:18px;line-height:1.5;overflow-wrap:anywhere}.contest-browser{padding:24px}.contest-toolbar,.contest-filters{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.contest-toolbar{justify-content:space-between;margin-bottom:20px}.contest-tabs{display:flex;background:#eff4f3;padding:4px;border-radius:10px;gap:4px}.contest-tabs button{padding:10px 17px;border-radius:8px;font-size:13px;color:var(--muted)}.contest-tabs button[aria-pressed=true]{background:white;color:var(--teal-dark);box-shadow:0 2px 8px #173b3810;font-weight:700}.contest-search{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.contest-search input,.contest-filters select{background:white;border:1px solid #dce7e2;border-radius:8px;padding:10px 12px;color:var(--ink);font:inherit}.contest-search input{width:220px}.contest-filters{padding-bottom:18px;border-bottom:1px solid #edf0ee;font-size:12px}.contest-filters label{display:flex;align-items:center;gap:10px}.contest-filters>span{color:var(--muted)}.contest-filters .text-button{margin-left:auto}.contest-source-status{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;font-size:11px;color:var(--muted)}.contest-source-status>span{padding:5px 9px;background:#f3f7f5;border-radius:6px}.contest-source-status .source-warning{color:#98621e;background:#fff6e7}.contest-day{margin-top:26px}.contest-day>h2{display:flex;align-items:center;gap:12px;font-size:15px;margin:0 0 14px}.contest-day>h2 small{font-size:11px;color:var(--muted);font-weight:400}.contest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contest-card{border:1px solid #dde8e3;border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:18px;background:white;transition:box-shadow .2s,border-color .2s}.contest-card:hover{border-color:#a3cdbf;box-shadow:0 5px 18px #173b3809}.contest-card-top,.contest-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.contest-platform{color:#486fbc;background:#edf3ff;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:700}.atcoder .contest-platform{color:#7857a4;background:#f4eefa}.nowcoder .contest-platform{color:#21876b;background:#e7f6ef}.luogu .contest-platform{color:#b1781e;background:#fff5dd}.contest-phase{font-size:11px;color:var(--muted)}.contest-phase.running{color:#188060}.contest-card h3{font-size:16px;line-height:1.55;margin:0;overflow-wrap:anywhere;flex:1}.contest-card-time{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.contest-card-time strong{font-size:25px;letter-spacing:-.03em}.contest-card-time span{font-size:12px;color:var(--muted)}.contest-card-bottom{padding-top:15px;border-top:1px solid #edf0ee}.contest-card-bottom small{font-size:11px;color:var(--muted)}.contest-card-bottom a{font-size:12px;font-weight:700;color:var(--teal-dark);white-space:nowrap}.contest-pagination{display:flex;gap:14px;justify-content:flex-end;align-items:center;margin-top:24px;font-size:12px;color:var(--muted)}.contest-pagination>span:first-child{margin-right:auto}.contest-pagination button:disabled{opacity:.4;cursor:default}.contest-empty{text-align:center;padding:56px 15px;color:var(--muted)}.contest-empty>span{font-size:40px;color:#9dbfb1}.contest-empty h2{font-size:18px;color:var(--ink);margin:15px 0}.contest-empty p,.contest-footnote{font-size:12px;line-height:1.7;color:var(--muted)}.contest-footnote{margin-top:16px}.contest-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#contestsView :is(button,a,input,select):focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(min-width:1550px){.contest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.contest-overview{grid-template-columns:1fr 1fr;padding:20px;gap:18px}.contest-overview .contest-next{grid-column:1/-1;border-left:0;border-top:1px solid #d9e8e2;padding:18px 0 0}.contest-grid{grid-template-columns:1fr}.contest-browser{padding:16px}.contest-toolbar{align-items:stretch}.contest-tabs{width:100%}.contest-tabs button{flex:1;padding:10px 8px}.contest-search{width:100%}.contest-search input{flex:1;min-width:0}.contest-filters{gap:12px}.contest-filters>span{width:100%;order:3}.contest-heading{align-items:flex-start}.contest-pagination{gap:8px}.contest-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.contest-card{transition:none}}
.makeup-date-picker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e1e9f2}.makeup-date-picker label{font-size:12px;color:#607d99}.makeup-date-picker input{min-width:145px;border:1px solid #d6e2ef;border-radius:8px;padding:8px 10px;background:#fff;color:#28445f;font:inherit;font-size:12px}.makeup-date-picker button{font-size:12px;padding:8px 12px}.makeup-date-picker small{font-size:11px;color:#8396aa}@media(max-width:560px){.makeup-date-picker small{width:100%}}
.makeup-date-picker[hidden]{display:none!important}
.contest-overview .contest-progress-actions{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;border:0;border-bottom:1px solid #dbe6ea;padding:0 0 20px}.contest-progress-actions #contestProgressStatus{flex-basis:100%;font-size:11px;line-height:1.6;color:#718697}.contest-progress-actions button{font-size:12px}.contest-tabs [hidden],.contest-progress-actions [hidden]{display:none!important}.contest-expand{width:100%;border:0;text-align:left;background:none;color:inherit;font:inherit;cursor:pointer;padding:0;display:grid;gap:14px}.attended-title{font-size:17px;line-height:1.5}.contest-expand>span:not(.contest-card-top){font-size:11px;color:#718697}.contest-expand:focus-visible,.contest-problem:focus-visible{outline:3px solid #7aadea;outline-offset:4px}.contest-problem-drawer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .25s ease}.contest-problem-drawer.is-open{grid-template-rows:1fr;opacity:1}.contest-problem-drawer>div{min-height:0;overflow:hidden}.contest-progress-problems{display:flex;flex-wrap:wrap;gap:12px;padding:28px 4px 8px}.contest-problem{position:relative;display:grid;gap:5px;min-width:62px;padding:10px;border:1px solid #dbe5ef;border-radius:10px;background:#f3f6fa;color:#8796a4}.contest-problem small{font-size:9px}.contest-problem.is-ac{background:#e9f7ed;border-color:#a5dabb;color:#248253}.contest-problem.claimable{cursor:pointer;box-shadow:0 3px 8px #38926418}.contest-evidence-note{font-size:10px;line-height:1.8;color:#81929f}.contest-problem-drawer a{font-size:11px}.reward-shake{animation:reward-shake 2.8s ease-in-out infinite}@keyframes reward-shake{0%,78%,100%{transform:rotate(0)}82%,90%{transform:rotate(-1.2deg)}86%,94%{transform:rotate(1.2deg)}}.coin-float{position:absolute;z-index:5;bottom:100%;left:0;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#b17b16;font-weight:bold;animation:coin-rise 1.1s ease-out forwards;pointer-events:none}.coin-float img{width:22px;height:22px}@keyframes coin-rise{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-45px)}}.contest-reward-summary{width:min(560px,90vw);max-height:80vh;overflow:auto;border:1px solid #dbe5ef;border-radius:20px;padding:28px;color:#203b58;box-shadow:0 20px 80px #14315133}.contest-reward-summary::backdrop{background:#14315155}.contest-reward-summary ul{list-style:none;padding:0}.contest-reward-summary li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e7eef2;font-size:12px}.contest-tabs{flex-wrap:wrap}.contest-card.leetcode .contest-platform{background:#fff2d7;color:#a87a26}@media(prefers-reduced-motion:reduce){.reward-shake,.coin-float{animation:none}.coin-float{opacity:1}.contest-problem-drawer{transition:none}}

.contest-overview>.contest-progress-actions+div{border-left:0;padding-left:0}.contest-progress-actions:has(#contestSync[hidden]){display:none}.contest-progress-problems{width:100%;border:0;background:transparent}.contest-problem-drawer.is-open>div{overflow:visible}

/* The problem tray slides out below the unchanged contest card. */
.contest-entry{min-width:0;align-self:start}.contest-entry>.contest-card{position:relative;z-index:1;min-height:210px}.contest-entry.is-expanded>.contest-card{border-radius:13px 13px 0 0}.contest-entry .contest-expand{gap:18px;height:100%}.contest-entry .contest-expand>.contest-card-time{display:flex;font-size:12px}.contest-entry .contest-card-time strong{font-size:25px;color:var(--ink)}.contest-entry .contest-card-bottom{font-size:11px}.contest-entry .attended-title{font-size:16px;line-height:1.55;min-height:25px}.contest-entry .drawer-indicator{color:var(--teal-dark);font-weight:600;white-space:nowrap}.contest-problem-drawer{position:relative;margin-top:-1px}.contest-problem-drawer>div,.contest-problem-drawer.is-open>div{overflow:hidden}.contest-problem-tray{position:relative;border:1px solid #dbe5e2;border-top:0;border-radius:0 0 13px 13px;background:#f5faf7;padding:0 18px;transform:translateY(-12px);transition:transform .3s ease}.contest-problem-drawer.is-open .contest-problem-tray{transform:translateY(0)}.contest-entry .contest-progress-problems{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:26px 2px 14px;width:100%;border:0;background:transparent}.contest-entry .contest-problem{flex:0 0 62px;min-height:59px}.contest-original-link{position:absolute;right:6px;top:5px;font-size:11px;color:#6c8c82;text-decoration:none}.contest-problem-tray .contest-evidence-note{margin:0 0 12px}.contest-progress-problems>.contest-evidence-note{padding-top:4px;margin:0}@media(prefers-reduced-motion:reduce){.contest-problem-tray{transition:none;transform:none}}

.pulse-track .pulse-week.is-unlocked span{border-style:dashed}

.primary-button.is-makeup-complete:disabled{background:#e5e9ee;border-color:#d6dce3;color:#7e8896;box-shadow:none;opacity:1;cursor:not-allowed;transform:none}

/* Stronger reminders only on individual claimable problems. */
.contest-problem.claimable.reward-shake{animation:problem-reward-shake 1.6s ease-in-out infinite;transform-origin:center}
@keyframes problem-reward-shake{0%,52%,100%{transform:translateX(0) rotate(0)}57%,69%,81%{transform:translateX(-4px) rotate(-6deg)}63%,75%,87%{transform:translateX(4px) rotate(6deg)}93%{transform:translateX(-2px) rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.contest-problem.claimable.reward-shake{animation:none}}

.rating-platform-filter{display:flex;align-items:center;gap:10px;padding:14px 0;color:var(--muted);font-size:12px}.rating-platform-filter[hidden]{display:none}.rating-platform-filter select{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);max-width:100%}.leaderboard-panel .leader-count,.full-leaderboard .leader-count{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-panel .leader-score small,.full-leaderboard .leader-score small{white-space:nowrap}@media(max-width:760px){.leaderboard-panel .leader-count,.full-leaderboard .leader-count{display:none}.segmented--ranking .segment{padding:10px 8px;font-size:12px}}

/* Hide scrollbars globally without disabling scrolling or keyboard navigation. */
*{scrollbar-width:none!important;-ms-overflow-style:none!important;scrollbar-gutter:auto!important}
*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}