:root{--navy:#17223b;--ink:#1d2939;--muted:#667085;--line:#e4e7ec;--surface:#fff;--canvas:#f8fafc;--purple:#7055d9;--purple-soft:#f1edff;--green:#12b76a;--green-soft:#ecfdf3;--red:#d92d20;--red-soft:#fff1f3;--amber:#dc6803;--amber-soft:#fffaeb;--shadow:0 12px 32px rgba(16,24,40,.06)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:266px;background:var(--navy);color:#d9e1f2;display:flex;flex-direction:column;padding:27px 17px 18px;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:15px;letter-spacing:-.02em;padding:0 10px 43px}.brand strong{font-weight:800}.brand small{display:block;color:#98a2b3;font-size:10px;margin-top:3px;letter-spacing:.01em}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#8a74ee;color:white;font-size:22px;font-family:Georgia,serif}.sidebar-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.11em;color:#98a2b3}.sidebar-label{padding:0 14px 10px}.main-nav{display:grid;gap:5px}.nav-link{height:46px;border-radius:10px;display:flex;align-items:center;gap:13px;padding:0 13px;color:#b7c2d5;font-weight:600;transition:.2s}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:#fff;color:var(--navy);box-shadow:0 4px 12px rgba(0,0,0,.08)}.nav-icon{font-size:20px;width:22px;text-align:center;font-family:Georgia,serif}.nav-badge{margin-left:auto;background:#f2f4f7;color:#667085;border-radius:50px;padding:3px 8px;font-size:11px}.sidebar-bottom{margin-top:auto}.mini-challenge{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.06);margin-bottom:17px}.mini-challenge strong{display:block;color:#fff;font-size:12px;margin:9px 0 13px}.mini-challenge small{display:block;color:#98a2b3;font-size:11px;margin-top:7px}.mini-progress,.progress{height:6px;border-radius:10px;background:#e4e7ec;overflow:hidden}.mini-progress{background:rgba(255,255,255,.16)}.mini-progress span,.progress span{display:block;height:100%;background:#a998ff;border-radius:inherit}.user-card{display:flex;align-items:center;gap:9px;padding:7px 5px;color:#fff}.user-card strong,.user-card small{display:block}.user-card strong{font-size:12px}.user-card small{font-size:10px;color:#98a2b3;margin-top:2px}.dots{margin-left:auto;color:#98a2b3}.avatar{width:34px;height:34px;border-radius:50%;background:#d0c7ff;color:#5545a9;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.main-content{margin-left:266px;min-width:0;flex:1}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(20px,4vw,62px);gap:12px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#98a2b3;font-size:13px}.breadcrumb strong{color:var(--ink)}.breadcrumb b{font-weight:400;color:#d0d5dd}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.icon-button,.menu-button,.more-button{border:0;background:transparent;color:#667085;cursor:pointer}.icon-button{font-size:25px;position:relative}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#f04438;right:1px;top:4px;border:2px solid #fff}.avatar-small{width:37px;height:37px}.menu-button{display:none;font-size:22px}.page-wrap{padding:36px clamp(20px,4vw,62px) 60px;max-width:1450px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.page-heading.compact{align-items:center}.page-heading h1{font-size:31px;line-height:1.13;letter-spacing:-.045em;margin:10px 0 7px;color:#15213b}.page-heading h1 em{font-family:Georgia,serif;color:var(--purple);font-weight:400}.page-heading p{color:var(--muted);margin:0}.button{border:0;min-height:42px;border-radius:9px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;white-space:nowrap}.button.primary{background:var(--purple);color:#fff;box-shadow:0 5px 12px rgba(112,85,217,.22)}.button.soft{background:var(--purple-soft);color:#5941c2}.button.outline{border:1px solid var(--line);background:#fff;color:var(--ink)}.button.full{width:100%;margin-top:19px}.hero-card{border-radius:18px;background:linear-gradient(115deg,#6a53d1,#856fe5);color:#fff;padding:29px 35px;display:flex;align-items:center;justify-content:space-between;min-height:198px;box-shadow:0 12px 24px rgba(112,85,217,.16);margin-bottom:19px}.pill{display:inline-block;border-radius:50px;padding:7px 11px;font-size:10px;font-weight:800;letter-spacing:.08em}.pill.light{background:rgba(255,255,255,.16);color:#fff}.hero-card h2{font-size:25px;letter-spacing:-.04em;margin:16px 0 6px}.hero-card p{margin:0;color:#e8e4ff}.hero-meta{display:flex;gap:22px;margin-top:23px;font-size:12px;color:#e4defc}.hero-meta b{color:#fff}.day-ring{width:108px;height:108px;border:8px solid rgba(255,255,255,.2);border-top-color:#fff;border-right-color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-25deg);flex:none}.day-ring strong,.day-ring span{transform:rotate(25deg)}.day-ring strong{font-size:30px;line-height:1}.day-ring span{font-size:11px;color:#e4defc;margin-top:3px}.stats-grid,.editor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;gap:14px;padding:19px;min-height:121px;box-shadow:var(--shadow)}.stat-card>div{min-width:0;flex:1}.stat-card>div>span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.stat-card strong{display:block;font-size:25px;letter-spacing:-.04em;color:#15213b}.stat-card strong small{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:0}.stat-card .progress{margin:9px 0 6px}.stat-card>div>small{font-size:11px}.stat-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex:none;font-weight:800}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.purple{background:var(--purple-soft);color:var(--purple)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.danger{background:var(--red-soft);color:var(--red)}.positive{color:var(--green)}.muted{color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:20px;margin-bottom:20px}.panel,.form-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:var(--shadow)}.panel-head,.form-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.panel h3,.form-panel h2{margin:7px 0 0;font-size:20px;letter-spacing:-.03em}.text-link{font-size:12px;color:var(--purple);font-weight:700}.book-list{margin:20px 0 3px}.book-row,.selected-book,.penalty-row,.candidate,.setting-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #f0f2f5;padding:12px 0}.book-row:last-child,.selected-book:last-child,.penalty-row:last-child{border:0}.book-row>div,.selected-book>span:nth-child(2),.penalty-row>div,.candidate>div,.setting-row>span:first-child{min-width:0;flex:1}.book-row strong,.selected-book strong,.penalty-row strong,.candidate strong,.setting-row strong{display:block;font-size:13px}.book-row small,.selected-book small,.penalty-row small,.candidate small,.setting-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.book-row>b,.selected-book>b{font-size:13px}.book-row>b small{display:inline;font-size:10px}.book-cover{display:grid;place-items:center;width:35px;height:43px;border-radius:5px;color:#fff;font-family:Georgia,serif;font-size:21px;flex:none}.book-cover.violet{background:linear-gradient(135deg,#8e78ec,#4c3a9b)}.book-cover.amber{background:linear-gradient(135deg,#f4b44d,#ad5d13)}.quote-box,.word-box{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid #f0f2f5}.quote-box>span{font:30px Georgia,serif;color:#b2a4ff}.quote-box small,.word-box small{font-size:9px;letter-spacing:.1em;font-weight:800;color:#98a2b3}.quote-box p{font:15px Georgia,serif;line-height:1.5;margin:7px 0 0;color:#344054}.word-symbol{width:32px;height:32px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;border-radius:8px}.word-box strong{display:block;color:var(--purple);font-size:17px;margin-top:5px}.word-box p{font-size:11px;color:var(--muted);margin:3px 0 0}.word-status,.tag,.count-badge,.status-chip{border-radius:50px;padding:5px 9px;font-size:10px;font-weight:800;margin-left:auto;white-space:nowrap}.word-status{background:var(--purple-soft);color:var(--purple)}.danger{color:var(--red)!important}.panel-intro{font-size:12px;color:var(--muted);line-height:1.5;margin:17px 0}.count-badge{background:var(--red-soft);color:var(--red)}.purple-badge{background:var(--purple-soft);color:var(--purple)}.penalty-row{min-height:57px}.avatar-danger{background:#ffe4e8;color:#d92d20}.danger-tag{background:var(--red-soft);color:var(--red)}.raffle-panel{display:grid;grid-template-columns:1fr 190px auto;align-items:center;gap:25px;border-left:4px solid #f3b23c}.raffle-panel h3{margin:8px 0 7px}.raffle-panel p{max-width:530px;font-size:12px;color:var(--muted);line-height:1.5;margin:0}.raffle-result{background:var(--green-soft);border-radius:11px;padding:14px 17px}.raffle-result span,.raffle-result strong,.raffle-result small{display:block}.raffle-result span{font-size:9px;color:var(--green);font-weight:800;letter-spacing:.1em}.raffle-result strong{font-size:14px;margin:7px 0 3px}.raffle-result small{font-size:11px;color:var(--muted)}.status-chip{background:var(--green-soft);color:var(--green);display:inline-flex}.status-chip.purple{background:var(--purple-soft);color:var(--purple)}.notice-card{display:flex;gap:12px;align-items:center;background:#f5f3ff;border:1px solid #dfd9ff;padding:16px 18px;border-radius:12px;margin-bottom:18px}.notice-icon{width:33px;height:33px;border-radius:9px;background:#e2dcff;color:var(--purple);display:grid;place-items:center}.notice-card strong{font-size:13px}.notice-card p{font-size:11px;color:var(--muted);margin:3px 0 0}.form-panel{padding:0}.form-head{padding:25px 27px;border-bottom:1px solid #f0f2f5;align-items:center}.form-date{font-size:11px;color:var(--muted)}.form-section{padding:24px 27px;border-bottom:1px solid #f0f2f5}.section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.step{width:26px;height:26px;border-radius:50%;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-size:12px;font-weight:800}.section-title h3{font-size:15px;margin:1px 0 3px}.section-title p{font-size:11px;color:var(--muted);margin:0}.book-input-row{display:grid;grid-template-columns:1fr 110px auto;gap:9px}.input{border:1px solid #d0d5dd;border-radius:8px;min-height:43px;padding:0 12px;outline:none;color:var(--ink);background:#fff;width:100%}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eeebff}.textarea{padding:12px;min-height:92px;resize:vertical}.small-textarea{min-height:65px;margin-top:10px}.selected-book{padding:10px 0}.selected-book>b{margin-left:auto}.total-row{background:#f8fafc;border-radius:9px;padding:13px 14px;display:flex;justify-content:space-between;font-size:12px;margin-top:11px}.total-row strong{font-size:12px}.total-row i{font-style:normal;color:var(--green);font-size:11px;margin-left:7px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 27px;color:var(--muted);font-size:11px}.form-footer .button{min-width:160px}.editor-stats{margin-top:-6px}.penalty-row.large{padding:15px 0}.more-button{margin-left:4px;letter-spacing:2px}.setting-row{min-height:67px}.setting-row>b{font-size:12px;margin-left:auto;margin-right:10px}.toggle{width:35px;height:20px;border-radius:50px;background:#d0d5dd;position:relative;flex:none}.toggle:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;background:#fff;border-radius:50%;transition:.2s}.toggle.on{background:var(--purple)}.toggle.on:after{left:17px}.word-candidates{margin-top:13px}.candidate{min-height:72px}.candidate>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;color:var(--purple);background:var(--purple-soft)}.candidate.selected{background:#faf9ff;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:10px}.candidate.selected>b{font-size:11px;color:var(--green)}.private-note{margin-top:19px;background:#f8fafc;border-radius:9px;padding:13px;font-size:11px;color:var(--muted)}.challenge-detail{padding:0;overflow:hidden}.detail-hero{padding:30px;background:linear-gradient(115deg,#6a53d1,#856fe5);color:#fff}.detail-hero h2{font-size:27px;margin:15px 0 7px}.detail-hero p{color:#e4defc;font-size:12px}.large-progress{background:rgba(255,255,255,.22);height:8px;border-radius:10px;overflow:hidden;margin-top:23px}.large-progress span{display:block;height:100%;background:#fff}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:24px}.rule-grid>div{padding:4px 20px;border-right:1px solid var(--line)}.rule-grid>div:last-child{border:0}.rule-grid strong,.rule-grid span{display:block}.rule-grid strong{font-size:20px}.rule-grid span{font-size:11px;color:var(--muted);margin-top:4px}.flash{padding:13px 16px;border-radius:10px;background:var(--green-soft);border:1px solid #abefc6;color:#067647;font-size:13px;margin-bottom:20px}@media(max-width:1080px){.raffle-panel{grid-template-columns:1fr 170px}.raffle-panel .button{grid-column:1/-1;justify-self:start}.content-grid{grid-template-columns:1fr}.hero-meta{gap:13px}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:10px 0 30px rgba(0,0,0,.18)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.menu-button{display:block}.topbar{padding:0 20px}.page-wrap{padding:27px 20px 50px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading.compact{align-items:flex-start}.page-heading .button{width:100%}.stats-grid,.editor-stats{grid-template-columns:1fr 1fr}.hero-card{padding:24px}.day-ring{width:90px;height:90px}.hero-card h2{font-size:21px}.raffle-panel{grid-template-columns:1fr}.raffle-result{max-width:250px}}@media(max-width:600px){.breadcrumb span,.breadcrumb b{display:none}.topbar{height:65px}.page-heading h1{font-size:27px}.stats-grid,.editor-stats{grid-template-columns:1fr}.hero-card{align-items:flex-start;gap:15px}.hero-meta{display:grid;gap:6px}.day-ring{margin-top:2px;width:80px;height:80px;border-width:6px}.day-ring strong{font-size:24px}.panel,.form-section{padding:18px}.form-head,.form-footer{padding:18px;display:block}.form-date{display:block;margin-top:8px}.book-input-row,.two-col{grid-template-columns:1fr}.book-input-row .button{width:100%}.form-footer .button{width:100%;margin-top:14px}.form-footer span{display:block;line-height:1.5}.rule-grid{grid-template-columns:1fr;gap:15px}.rule-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px}.selected-book>b{font-size:11px}.word-box{align-items:flex-start}.word-status{margin-left:0}.page-heading p{line-height:1.5}.hero-card{min-height:170px}}
.joker-form{margin-left:auto}.source-book-field{display:grid;gap:7px;margin-bottom:15px;color:var(--muted);font-size:11px;font-weight:700}.source-book-field .input{margin-top:3px}.source-book-field small{font-size:11px;font-weight:600;color:var(--danger,#b54708)}.source-book-field.source-book-empty .input{cursor:not-allowed;opacity:.7}.book-input-row{position:relative}.book-search-results{position:absolute;z-index:8;top:48px;left:0;width:min(100%,420px);display:grid;gap:2px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.book-search-results[hidden]{display:none}.book-search-result{border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:6px;cursor:pointer}.book-search-result:hover{background:var(--purple-soft)}.book-search-result strong,.book-search-result small{display:block}.book-search-result strong{font-size:12px;color:var(--ink)}.book-search-result small{margin-top:3px;color:var(--muted);font-size:10px}
.notification-list{padding:10px 23px}.notification-row{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #f0f2f5}.notification-row:last-child{border-bottom:0}.notification-row p{margin:5px 0;color:var(--muted);font-size:12px}.notification-row small{color:var(--muted);font-size:10px}.notification-row.unread{background:#faf9ff;margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:9px}.notification-icon{color:var(--purple);padding-top:3px}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-form{display:grid;gap:14px}.profile-form label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.profile-form .button{margin-top:6px}@media(max-width:700px){.profile-grid{grid-template-columns:1fr}}
.celebration-toast{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff,#f7f3ff);border:1px solid #dcd3ff;color:var(--ink);border-radius:15px;padding:13px 16px;margin:0 0 20px;box-shadow:0 12px 30px rgba(112,85,217,.15);animation:celebrate-in .45s ease both}.celebration-toast strong,.celebration-toast small{display:block}.celebration-toast strong{font-size:14px}.celebration-toast small{color:var(--muted);font-size:11px;margin-top:3px}.celebration-icon{font-size:28px}.celebration-live{position:fixed;right:24px;top:92px;z-index:80;margin:0;animation:celebrate-in .45s ease both}.confetti-layer{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden}.confetti-layer i{position:absolute;top:-18px;width:9px;height:16px;border-radius:2px;animation:confetti-fall 3.2s cubic-bezier(.2,.7,.3,1) forwards}.book-cover{position:relative;overflow:hidden;box-shadow:3px 4px 0 rgba(23,34,59,.12);transition:transform .2s}.book-cover:after{content:'✦';position:absolute;right:4px;bottom:2px;font-size:9px;opacity:.65}.book-row:hover .book-cover,.selected-book:hover .book-cover{transform:translateY(-3px) rotate(-3deg)}@keyframes confetti-fall{to{top:110%;transform:translateY(20vh) rotate(720deg);opacity:0}}@keyframes celebrate-in{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.celebration-live{left:15px;right:15px;top:77px}.notice-card{flex-wrap:wrap}.joker-form{margin-left:0;width:100%}.joker-form .button{width:100%}}
.auth-page .sidebar,.auth-page .topbar{display:none}.auth-page .main-content{margin-left:0}.auth-page .page-wrap{max-width:none;padding:0}.auth-page .app-main{min-height:100vh}.auth-page .auth-shell{min-height:100vh}.member-portal .hero-card{background:linear-gradient(135deg,#5942b8 0%,#765fdb 55%,#347d76 100%)}.editor-portal .hero-card{background:linear-gradient(135deg,#9a5b16 0%,#c27a22 55%,#7055d9 100%)}.admin-portal .sidebar{background:linear-gradient(180deg,#111827 0%,#17233d 100%)}.admin-portal .sidebar .brand,.admin-portal .sidebar .nav-link{color:#dbe4f3}.admin-portal .sidebar .nav-link.active,.admin-portal .sidebar .nav-link:hover{background:rgba(255,255,255,.12);color:#fff}.admin-portal .sidebar .brand-mark{background:#fff;color:#17223b}.admin-portal .topbar{border-bottom-color:#273450}.admin-portal .eyebrow{color:var(--purple)}
.sidebar-logout{display:flex;align-items:center;gap:8px;margin:9px 5px 0;padding:10px 11px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#f5b9c0;font-size:11px;font-weight:700}.sidebar-logout:hover{background:rgba(255,255,255,.08);color:#fff}.heading-actions{display:flex;align-items:center;gap:10px}@media(max-width:600px){.heading-actions{width:100%;flex-wrap:wrap}.heading-actions .button{flex:1}.heading-actions .status-chip{margin-left:0}}
.top-user{display:flex;align-items:center;gap:9px}.top-user-meta{display:grid;gap:2px}.top-user-meta strong{font-size:11px;color:var(--ink)}.top-user-meta small{font-size:10px;color:var(--muted)}.notification-link{display:inline-flex;align-items:center;justify-content:center}.notification-count{position:absolute;right:-8px;top:-6px;background:var(--red);color:#fff;border-radius:20px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;font-size:9px;font-weight:800;border:2px solid #fff}
.member-portal,.editor-portal,.admin-portal{--brand-orange:#f15a24;--brand-orange-soft:#fff0e8;--brand-charcoal:#17191d;--brand-gray:#faf8f5;--brand-line:#e4e1dc;--purple:var(--brand-orange);--purple-soft:var(--brand-orange-soft);--navy:var(--brand-charcoal);--ink:#18181b;--canvas:var(--brand-gray);--line:var(--brand-line);--shadow:0 12px 32px -8px rgba(23,25,29,.06),0 0 0 1px rgba(0,0,0,.04);background:var(--brand-gray);-webkit-font-smoothing:antialiased}.member-portal .sidebar,.editor-portal .sidebar,.admin-portal .sidebar{background:var(--brand-charcoal);color:#ddd9d2}.member-portal .brand,.editor-portal .brand,.admin-portal .brand{color:#fff}.member-portal .brand-mark,.editor-portal .brand-mark,.admin-portal .brand-mark{background:var(--brand-orange);color:#fff;border-radius:10px}.member-portal .sidebar-label,.editor-portal .sidebar-label,.admin-portal .sidebar-label{color:#a7a29b}.member-portal .nav-link,.editor-portal .nav-link,.admin-portal .sidebar .nav-link{color:#bdb8b0;border-radius:12px;transition:all .2s ease}.member-portal .nav-link:hover,.editor-portal .nav-link:hover,.admin-portal .sidebar .nav-link:hover{background:rgba(241,90,36,.14);color:#fff;transform:translateX(2px)}.member-portal .nav-link.active,.editor-portal .nav-link.active,.admin-portal .sidebar .nav-link.active{background:linear-gradient(135deg,#f15a24,#ea580c);color:#fff;box-shadow:0 6px 18px -2px rgba(241,90,36,.4)}.member-portal .mini-challenge,.editor-portal .mini-challenge,.admin-portal .mini-challenge{background:#24272b;border-color:#3b3e42;border-radius:18px}.member-portal .mini-progress span,.editor-portal .mini-progress span,.admin-portal .mini-progress span{background:linear-gradient(90deg,#f15a24,#ff8a50)}.member-portal .topbar,.editor-portal .topbar,.admin-portal .topbar{background:#fff;border-bottom-color:var(--brand-line);backdrop-filter:blur(12px)}.member-portal .page-heading h1,.editor-portal .page-heading h1,.admin-portal .page-heading h1{color:var(--brand-charcoal)}.member-portal .page-heading h1 em,.editor-portal .page-heading h1 em,.admin-portal .page-heading h1 em,.member-portal .text-link,.editor-portal .text-link,.admin-portal .text-link{color:var(--brand-orange)}.member-portal .button.primary,.editor-portal .button.primary,.admin-portal .button.primary,.member-portal .admin-primary,.editor-portal .admin-primary,.admin-portal .admin-primary{background:linear-gradient(135deg,#f15a24 0%,#ea580c 100%);color:#fff;border-radius:12px;box-shadow:0 8px 20px -3px rgba(241,90,36,.42);transition:all .22s cubic-bezier(.16,1,.3,1)}.member-portal .button.primary:hover,.editor-portal .button.primary:hover,.admin-portal .button.primary:hover,.member-portal .admin-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -3px rgba(241,90,36,.55)}.member-portal .button.soft,.editor-portal .button.soft,.admin-portal .button.soft{background:var(--brand-orange-soft);color:#bd4318;border-radius:12px}.member-portal .button.outline,.editor-portal .button.outline,.admin-portal .button.outline{border-color:#d5d0c8;background:#fff;border-radius:12px;transition:all .2s ease}.member-portal .button.outline:hover{border-color:var(--brand-orange);color:var(--brand-orange);transform:translateY(-1px)}.member-portal .hero-card,.editor-portal .hero-card,.admin-portal .hero-card,.member-portal .detail-hero,.editor-portal .detail-hero,.admin-portal .detail-hero{background:linear-gradient(135deg,var(--brand-charcoal) 0%,#262b32 60%,var(--brand-orange) 130%);box-shadow:0 22px 50px -12px rgba(23,25,29,.25),0 0 35px rgba(241,90,36,.18);border-radius:24px}.member-portal .panel,.editor-portal .panel,.admin-portal .panel,.member-portal .form-panel,.editor-portal .form-panel,.admin-portal .form-panel{background:#fff;border-color:var(--brand-line);box-shadow:var(--shadow);border-radius:20px}.member-portal .stat-card,.editor-portal .stat-card,.admin-portal .stat-card{background:#fff;border-color:var(--brand-line);border-radius:18px;box-shadow:var(--shadow);transition:transform .22s ease}.member-portal .stat-card:hover{transform:translateY(-3px)}.member-portal .stat-icon.purple,.editor-portal .stat-icon.purple,.admin-portal .stat-icon.purple,.member-portal .word-symbol,.editor-portal .word-symbol,.admin-portal .word-symbol,.member-portal .step,.editor-portal .step,.admin-portal .step{background:var(--brand-orange-soft);color:var(--brand-orange);border-radius:12px}.member-portal .word-box strong,.editor-portal .word-box strong,.admin-portal .word-box strong{color:var(--brand-orange)}.member-portal .input:focus,.editor-portal .input:focus,.admin-portal .input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px rgba(241,90,36,.18);border-radius:10px}.member-portal .progress span,.editor-portal .progress span,.admin-portal .progress span{background:linear-gradient(90deg,#f15a24,#ff8a50)}.member-portal .notice-card,.editor-portal .notice-card,.admin-portal .notice-card{background:#fff6f0;border-color:#f7c4ae;border-radius:16px}.member-portal .notice-icon,.editor-portal .notice-icon,.admin-portal .notice-icon{background:#ffe0d1;color:var(--brand-orange)}.member-portal .status-chip.purple,.editor-portal .status-chip.purple,.admin-portal .status-chip.purple,.member-portal .purple-badge,.editor-portal .purple-badge,.admin-portal .purple-badge{background:var(--brand-orange-soft);color:#bd4318}.member-portal .celebration-toast,.editor-portal .celebration-toast,.admin-portal .celebration-toast{border-color:#f7c4ae;background:#fff;border-radius:16px}.member-portal .book-cover.violet,.editor-portal .book-cover.violet,.admin-portal .book-cover.violet{background:linear-gradient(135deg,#f15a24,#9f3210);border-radius:8px}
.auth-page{--brand-orange:#f15a24;--brand-charcoal:#17191d;--brand-gray:#faf8f5;--brand-line:#ded9d2;--purple:var(--brand-orange);--purple-soft:#fff0e8;--ink:#18181b;--canvas:var(--brand-gray);--line:var(--brand-line);background:var(--brand-gray)}.auth-page .auth-shell{background:radial-gradient(circle at 12% 8%,#fff0e8 0,#faf8f5 42%,#e4e1dc 100%);position:relative}.auth-page .auth-shell:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(241,90,36,.08),transparent 35%,rgba(23,25,29,.06))}.auth-page .auth-card{position:relative;background:#fff;border:1px solid rgba(0,0,0,.08);border-top:4px solid var(--brand-orange);border-radius:22px;box-shadow:0 24px 60px -15px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.04)}.auth-page .auth-brand{display:block;color:var(--brand-charcoal);padding:0 0 25px}.auth-page .auth-brand .brand-mark{display:none}.auth-page .auth-brand:before{content:'';display:block;width:min(270px,80vw);height:64px;background:url('../logo.png') center left/contain no-repeat;margin-bottom:20px}.auth-page .auth-brand strong,.auth-page .auth-brand small{display:none}.auth-page .auth-card h1{color:var(--brand-charcoal)}.auth-page .auth-card .button.primary,.auth-page .auth-card .admin-primary{background:linear-gradient(135deg,#f15a24,#ea580c);color:#fff;border-radius:12px;box-shadow:0 8px 20px -3px rgba(241,90,36,.42)}.auth-page .auth-card .text-link,.auth-page .auth-card .back-link{color:var(--brand-orange)}.auth-page .auth-card .input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px rgba(241,90,36,.18)}.auth-page .admin-auth-shell{background:radial-gradient(circle at 20% 10%,#ffe9dd 0,#faf8f5 42%,#ddd9d2 100%);margin:-36px -62px -60px;padding:40px}.auth-page .admin-auth-card{border-top-color:var(--brand-charcoal)}.auth-page .admin-brand-mark{width:220px;height:64px;border-radius:0;background:url('../logo.png') center/contain no-repeat;color:transparent;box-shadow:none;margin:0 auto 20px;font-size:0}.auth-page .admin-auth-card .admin-primary{background:var(--brand-charcoal);box-shadow:0 8px 20px -3px rgba(23,25,29,.4)}
.site-brand{display:flex;align-items:center;height:58px;padding:0 8px 30px}.site-brand img{display:block;width:min(190px,100%);height:auto;background:#fff;padding:6px 10px;border-radius:3px}.member-portal .site-brand img,.editor-portal .site-brand img,.admin-portal .site-brand img{width:190px}.site-brand .brand-mark{display:none}
.auth-page .auth-brand:before{display:none}.auth-page .auth-logo{display:block;width:min(270px,80vw);height:auto;background:transparent;padding:0;border:0;box-shadow:none}.site-brand img{background:transparent;padding:0;border-radius:0}
.challenge-switcher{display:flex;align-items:center;gap:8px;margin-left:18px}.challenge-switcher label{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.challenge-switcher select{max-width:270px;min-height:35px;border:1px solid var(--line);border-radius:5px;background:#fffdfa;color:var(--ink);padding:0 10px;font-size:11px;font-weight:700}.member-portal .challenge-switcher select,.editor-portal .challenge-switcher select,.admin-portal .challenge-switcher select{border-color:#c9c3bb}@media(max-width:900px){.challenge-switcher{margin-left:auto;max-width:45vw}.challenge-switcher label{display:none}.challenge-switcher select{max-width:100%;font-size:10px}}@media(max-width:600px){.challenge-switcher{position:absolute;top:65px;left:20px;right:20px;max-width:none;margin:0;z-index:3}.challenge-switcher select{width:100%;height:35px}.page-wrap{padding-top:80px}}