:root{--bg:#f5f6fa;--sf:#fff;--tx:#1b1f2e;--mu:#6b7186;--bd:#e3e6ef;--ac:#5b4bff;--ac2:#eeebff;--ok:#12805c;--okb:#dff5ec;--wn:#9a5b00;--wnb:#fff1d6;--dn:#c0392b;--nb:#ececf2;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#12131a;--sf:#1b1d27;--tx:#eceef7;--mu:#9aa0b8;--bd:#2b2e3c;--ac:#8b7fff;--ac2:#26233f;--ok:#4fd1a1;--okb:#173529;--wn:#f0b54f;--wnb:#3a2c10;--dn:#ff7a6b;--nb:#262836}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#12131a;--sf:#1b1d27;--tx:#eceef7;--mu:#9aa0b8;--bd:#2b2e3c;--ac:#8b7fff;--ac2:#26233f;--ok:#4fd1a1;--okb:#173529;--wn:#f0b54f;--wnb:#3a2c10;--dn:#ff7a6b;--nb:#262836}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--sf);z-index:30}
.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
aside{background:var(--sf);border-right:1px solid var(--bd);padding:20px 12px;position:sticky;top:env(safe-area-inset-top,0px);height:100vh;overflow-y:auto}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;padding:0 10px 18px}
.logo i{width:32px;height:32px;border-radius:9px;background:var(--ac);color:#fff;display:grid;place-items:center;font-style:normal;font-size:16px}
nav button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:var(--tx);font:inherit;padding:10px 12px;border-radius:10px;cursor:pointer;text-align:left}
nav button:hover{background:var(--nb)}
nav button.on{background:var(--ac2);color:var(--ac);font-weight:600}
nav .ic{width:22px;text-align:center}
nav .cnt{margin-left:auto;background:var(--ac);color:#fff;border-radius:99px;font-size:12px;padding:0 7px}
.me{display:flex;align-items:center;gap:10px;margin:18px 6px 0;padding-top:14px;border-top:1px solid var(--bd);font-size:13px}
.av{width:34px;height:34px;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;font-weight:600;flex:none}
.me small{color:var(--mu);display:block}
main{padding:28px 32px;max-width:980px;width:100%;min-width:0}
.app.auth-layout{display:block;min-height:100vh}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:min(100%,520px);background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:26px}
.auth-card h1{margin-top:8px}
.auth-card .btn{width:100%}
.text-btn{display:block;margin:14px auto 0;border:0;background:none;color:var(--ac);font:inherit;cursor:pointer}
.demo{margin-top:22px;padding-top:16px;border-top:1px solid var(--bd)}
.demo-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.demo-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;padding:10px;background:var(--bg);border:1px solid var(--bd);border-radius:10px;color:var(--tx);font:inherit;cursor:pointer}
.demo-item small{font-size:11px;color:var(--mu);overflow-wrap:anywhere}
.demo-more{margin-top:12px}
.demo-more summary{cursor:pointer;color:var(--ac);font-weight:600}
.demo-more .demo-list{max-height:300px;overflow-y:auto;padding:2px}
.register-team{margin-top:20px;padding-top:8px}
.register-team h2{margin-top:8px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.invite-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--bd)}
.msg.mine{align-self:flex-end;background:var(--ac2)}
.submission-row{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--bd)}
.submission-row:first-child{border-top:0}
.submission-row a{color:var(--ac);overflow-wrap:anywhere}
.submission-row small{color:var(--mu)}
.schedule-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--bd)}
.schedule-row:first-child{border-top:0}
.schedule-row>div:first-child{flex:1 1 200px;min-width:0}
.schedule-row small{display:block;color:var(--mu);margin-top:3px}
.schedule-actions{display:flex;flex-wrap:wrap;gap:8px}
.btn.danger{background:var(--dn);color:#fff}
.form-actions{display:flex;flex-wrap:wrap;gap:8px}
.check-row{display:flex;align-items:center;gap:8px;margin:6px 0 14px;font-weight:600}
.check-row input{flex:0 0 18px;width:18px;height:18px;min-width:18px;margin:0;accent-color:var(--ac)}
.feedback-form{margin-top:14px}
.feedback-form label{display:block;font-weight:600;margin-bottom:6px}
.workspace-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 18px}
.workspace-title p{margin:4px 0 0}
.workspace-menu{position:relative;margin:0 0 18px}
.workspace-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:220px;border:1px solid var(--bd);border-radius:10px;background:var(--sf);color:var(--tx);padding:10px 14px;font:inherit;font-weight:600;cursor:pointer}
.workspace-menu-list{position:absolute;top:calc(100% + 6px);left:0;z-index:25;width:min(320px,calc(100vw - 36px));padding:6px;background:var(--sf);border:1px solid var(--bd);border-radius:12px;box-shadow:0 8px 24px rgba(20,20,40,.16)}
.workspace-menu-item{display:block;width:100%;border:0;border-radius:8px;background:none;color:var(--tx);font:inherit;text-align:left;padding:9px 12px;cursor:pointer}
.workspace-menu-item:hover,.workspace-menu-item.on{background:var(--ac2);color:var(--ac)}
.hack-public-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.hack-info{display:grid;gap:14px;margin:14px 0}
.hack-info .card h2{margin:0 0 10px}
.hack-info .card p:last-child{margin-bottom:0}
.hack-info-list{display:grid;gap:8px}
ul.hack-info-list{padding-left:22px}
.hack-info-row{display:grid;gap:3px;padding-top:9px;border-top:1px solid var(--bd)}
.hack-info-row:first-child{padding-top:0;border-top:0}
.hack-info-row span,.hack-module span,.hack-space-row>div>span{display:block;color:var(--mu);font-size:13px}
.hack-module{display:grid;gap:5px;padding-top:9px;border-top:1px solid var(--bd)}
.hack-module:first-child{padding-top:0;border-top:0}
.hack-space-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:9px;border-top:1px solid var(--bd)}
.hack-space-row:first-child{padding-top:0;border-top:0}
.leaderboard-list,.review-hack{display:grid;gap:14px}
.leaderboard-card h2,.review-hack h2{margin:0}
.leaderboard-controls{display:flex;align-items:flex-end;gap:8px}
.leaderboard-controls label{display:grid;gap:4px;color:var(--mu);font-size:12px}
.leaderboard-controls select{max-width:180px;color:var(--tx);background:var(--bg);border:1px solid var(--bd);border-radius:8px;padding:8px;font:inherit}
.leaderboard-scroll{overflow-x:auto}
.leaderboard-table{width:100%;min-width:860px;border-collapse:collapse;font-size:13px}
.leaderboard-table th,.leaderboard-table td{padding:9px 8px;border-top:1px solid var(--bd);text-align:left;vertical-align:top}
.leaderboard-table thead th{color:var(--mu);font-weight:600}
.leaderboard-table thead small{display:block;font-weight:400}
.leaderboard-table tbody th{min-width:120px}
.private-evaluations summary,.evaluation-editor summary{cursor:pointer;color:var(--ac);font-weight:600}
.private-evaluation{padding:10px 0;border-top:1px solid var(--bd)}
.private-evaluation .hh{align-items:flex-start}
.private-evaluation p{margin:8px 0 0;white-space:pre-wrap}
.evaluation-score-list{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px}
.evaluation-score-list span{font-size:12px;color:var(--mu)}
.review-team h3{font-size:15px;margin:18px 0 8px}
.evaluation-editor{margin-top:16px;padding-top:12px;border-top:1px solid var(--bd)}
.evaluation-form{margin-top:12px}
.review-submission{display:grid;gap:6px;padding:10px;background:var(--bg);border-radius:10px}
.review-submission p{margin:0;white-space:pre-wrap}
.review-submission a{color:var(--ac);overflow-wrap:anywhere}
.review-submission small{font-size:12px}
.top{display:none}
h1{font-size:26px;margin:0 0 6px}
h2{font-size:18px;margin:28px 0 12px}
.mu{color:var(--mu)}
.card{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:18px}
.hero{background:linear-gradient(135deg,var(--ac2),var(--sf));border:1px solid var(--bd);border-radius:16px;padding:22px 24px}
.join{margin-top:16px}
.join label{font-weight:600;display:block;margin-bottom:8px}
.row{display:flex;gap:8px}
input{flex:1;min-width:0;font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:11px 12px}
input:focus{outline:2px solid var(--ac);outline-offset:0}
.btn{font:inherit;border:0;border-radius:10px;padding:10px 16px;background:var(--ac);color:#fff;cursor:pointer;font-weight:600;white-space:nowrap}
.btn.sec{background:var(--nb);color:var(--tx)}
.btn:hover{filter:brightness(1.08)}
.err{color:var(--dn);font-size:13px;min-height:18px;margin-top:6px}.err.success{color:var(--ok)}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}
.chip{border:1px dashed var(--bd);background:none;color:var(--ac);border-radius:99px;padding:2px 10px;cursor:pointer;font:inherit;font-size:13px}
.grid{display:grid;gap:14px}
.hc{display:grid;gap:12px}
.hh{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.hh b{font-size:17px}
.bd{font-size:12px;font-weight:600;border-radius:99px;padding:2px 10px;white-space:nowrap}
.b-ok{background:var(--okb);color:var(--ok)}.b-wn{background:var(--wnb);color:var(--wn)}.b-nu{background:var(--nb);color:var(--mu)}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--mu)}
.team{display:flex;align-items:center;gap:12px;background:var(--bg);border-radius:10px;padding:10px 12px;font-size:14px}
.team .tn{font-weight:600}
.team small{color:var(--mu);display:block}
.ft{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dl{font-size:13px}.dl b{color:var(--wn)}
.back{background:none;border:0;color:var(--ac);font:inherit;cursor:pointer;padding:0;margin-bottom:12px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0}
.facts div{background:var(--bg);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--mu)}
.facts b{display:block;color:var(--tx);font-size:15px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--tx);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;z-index:50;max-width:90vw}
.scrim{display:none}
@media (max-width:820px){
.app{grid-template-columns:minmax(0,1fr)}
aside{position:fixed;z-index:40;left:0;top:0;width:264px;transform:translateX(-100%);transition:transform .2s;padding-top:calc(20px + env(safe-area-inset-top,0px))}
aside.open{transform:none}
.scrim.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:35}
.top{display:flex;align-items:center;gap:10px;position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--sf);border-bottom:1px solid var(--bd);padding:10px 14px;font-weight:700}
.top button{background:none;border:0;font-size:22px;color:var(--tx);cursor:pointer;padding:0 6px}
main{padding:18px 14px}
h1{font-size:22px}
.row{flex-direction:column}
}
.kb{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.col{background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:10px;min-height:120px}
.col h3{font-size:13px;margin:0 0 8px;color:var(--mu);display:flex;justify-content:space-between}
.tk{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:10px;margin-bottom:8px;font-size:14px}
.task-description{margin:6px 0;color:var(--mu);font-size:13px;overflow-wrap:anywhere}
.tk small{display:block;color:var(--mu);margin:4px 0 6px}
.tk .mv{display:flex;flex-wrap:wrap;gap:6px}
.mvb{border:1px solid var(--bd);background:none;color:var(--tx);border-radius:8px;padding:1px 10px;cursor:pointer;font:inherit}
.pg{height:8px;background:var(--nb);border-radius:99px;overflow:hidden;margin:8px 0}
.pg i{display:block;height:100%;background:var(--ac)}
.fr{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
select,textarea{font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:10px 12px;width:100%}
.ls{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--bd)}
.ls:first-of-type{border-top:0}
.ls .ti{flex:1;min-width:0}.ls small{color:var(--mu);display:block}
.ls a{color:var(--ac);text-decoration:none;font-weight:600;white-space:nowrap}
.ls.done .ti b{text-decoration:line-through;color:var(--mu)}
.ev{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--bd)}
.ev:first-child{border-top:0}.ev.past{opacity:.55}
.ev .dt{width:64px;flex:none;text-align:center;background:var(--bg);border-radius:10px;padding:6px 0;font-size:12px;color:var(--mu)}
.ev .dt b{display:block;font-size:20px;color:var(--tx)}
.ev a{color:var(--ac);font-weight:600;text-decoration:none}
.chat{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow-y:auto;padding:4px}
.msg{max-width:80%;background:var(--bg);border-radius:12px;padding:8px 12px}
.msg.me,.msg.mine{align-self:flex-end;background:var(--ac2)}
.msg small{color:var(--mu);display:block;font-size:12px}
.nt{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--bd)}
.nt:first-child{border-top:0}.nt.un{font-weight:600}
.dot{width:9px;height:9px;border-radius:50%;background:var(--ac);flex:none;margin-top:7px}
.dot.r{background:none}
.notification-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin-top:12px}
.notification-filter{flex:none;border:1px solid var(--bd);border-radius:99px;background:var(--sf);color:var(--tx);padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}
.notification-filter.on{border-color:var(--ac);background:var(--ac2);color:var(--ac);font-weight:600}
.notification-filter span{margin-left:4px;color:var(--mu);font-size:12px}
.notification-list{padding:8px 18px}
button.nt{width:100%;align-items:center;text-align:left;background:none;color:var(--tx);font:inherit;cursor:pointer}
button.nt:hover{background:var(--bg)}
button.nt:focus-visible,.notification-filter:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.notification-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--ac2);font-size:19px}
.notification-copy{display:grid;gap:2px;flex:1;min-width:0}
.notification-type{color:var(--ac);font-size:12px;font-weight:600}
.notification-detail>.notification-type{display:flex;align-items:center;gap:8px}
.notification-copy>b{font-weight:500;overflow-wrap:anywhere}
.nt.un .notification-copy>b{font-weight:700}
.notification-time{font-size:12px;font-weight:400}
.notification-arrow{font-size:24px;color:var(--mu)}
.notification-detail{margin-top:14px}
.notification-detail h1{margin-top:12px;overflow-wrap:anywhere}
.notification-description{white-space:pre-line;margin:20px 0}
.notification-context{display:grid;gap:4px;padding:12px;margin:0 0 16px;border-radius:10px;background:var(--bg)}
.notification-context span{color:var(--mu);font-size:13px}
.mem{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--bd)}
.mem:first-of-type{border-top:0}
.organizer-team-list,.team-learning-module,.expert-invite-list{display:grid;gap:12px}
.organizer-tabs{display:flex;gap:8px;overflow-x:auto;margin:12px 0 20px;padding:2px 0 8px}
.organizer-tab{flex:0 0 auto;border:1px solid var(--bd);border-radius:10px;padding:9px 13px;background:var(--sf);color:var(--tx);font:inherit;white-space:nowrap;cursor:pointer}
.organizer-tab.on{border-color:var(--ac);background:var(--ac2);color:var(--ac);font-weight:600}
.organizer-tab:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.organizer-team{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:14px}
.organizer-team .mem{flex-wrap:wrap;padding:0 0 12px;border:0}
.organizer-team-summary{flex:1 1 220px;min-width:0}
.organizer-team-summary small,.expert-invite-row small{display:block;margin-top:3px}
.organizer-team-details{border-top:1px solid var(--bd);padding-top:10px}
.organizer-team-details>summary{color:var(--ac);font-weight:600;cursor:pointer}
.organizer-team-details h3{margin:18px 0 8px}
.team-learning-module{padding:10px 0;border-top:1px solid var(--bd)}
.team-learning-module h4{margin:0}
.team-learning-member{padding:8px 0;border-top:1px solid var(--bd)}
.team-learning-member .hh{font-size:13px}
.team-learning-member .hh span{color:var(--mu)}
.team-learning-member ul{margin:6px 0 0;padding-left:22px;font-size:13px}
.team-learning-member li.is-complete{color:var(--ok)}
.organizer-readonly-board{margin-top:10px}
.organizer-readonly-board .col{min-width:200px}
.expert-invite-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--bd)}
.expert-invite-row:first-child{border-top:0}
.expert-invite-row .check-row{flex:1;margin:0}
.material-list{margin-top:12px}
.finalist-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 12px}
.fld{margin-bottom:12px}.fld label{display:block;font-weight:600;margin-bottom:6px}
.university-picker{position:relative}
.university-options{position:absolute;z-index:25;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;padding:4px;background:var(--sf);border:1px solid var(--bd);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.university-option{display:block;width:100%;padding:8px 10px;border:0;border-radius:6px;background:none;color:var(--tx);font:inherit;font-size:13px;line-height:1.35;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.university-option:hover,.university-option:focus-visible{outline:0;background:var(--ac2);color:var(--ac)}
.university-status{display:block;min-height:18px;margin-top:3px;font-size:12px}
@media(max-width:820px){.msg{max-width:92%}}
@media(max-width:520px){.demo-list,.form-grid{grid-template-columns:1fr}.auth-card{padding:20px}.auth-wrap{padding:14px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-title{align-items:flex-start;flex-direction:column}.ls{flex-wrap:wrap;gap:8px}.ls .ti{flex:1 1 60%}.ev{gap:9px}.invite-row{align-items:flex-start;flex-direction:column}.schedule-row{align-items:flex-start}}
.palette-panel{border-top:1px solid var(--bd);margin-top:22px;padding-top:4px}
.palette-panel h2{margin-bottom:4px}
.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.palette-choice{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid var(--bd);border-radius:10px;padding:8px;background:var(--sf);color:var(--tx);font:inherit;text-align:left;cursor:pointer}
.palette-choice.selected{border-color:var(--ac);background:var(--ac2);color:var(--ac);font-weight:600}
.palette-swatch{width:24px;height:24px;flex:none;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.palette-mode-title{font-size:14px;margin:16px 0 8px}
.palette-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.palette-mode{border:1px solid var(--bd);border-radius:9px;padding:7px 12px;background:var(--sf);color:var(--tx);font:inherit;cursor:pointer}
.palette-mode.selected{border-color:var(--ac);background:var(--ac2);color:var(--ac);font-weight:600}
.palette-reset{border:0;background:none;color:var(--mu);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:5px 0}
.palette-reset.selected{color:var(--ac);font-weight:600}
@media(max-width:520px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

:root[data-palette="violet"]{color-scheme:light;--bg:#f5f6fa;--sf:#fff;--tx:#1b1f2e;--mu:#6b7186;--bd:#e3e6ef;--ac:#5b4bff;--ac2:#eeebff;--ok:#12805c;--okb:#dff5ec;--wn:#9a5b00;--wnb:#fff1d6;--dn:#c0392b;--nb:#ececf2}
:root[data-palette="ocean"]{color-scheme:light;--bg:#f2f7fc;--sf:#fff;--tx:#1d2937;--mu:#637487;--bd:#dce7f1;--ac:#2478c8;--ac2:#e1effc;--ok:#16805b;--okb:#e0f3e9;--wn:#986000;--wnb:#fff2d6;--dn:#c0392b;--nb:#e8eef5}
:root[data-palette="turquoise"]{color-scheme:light;--bg:#f0f8f8;--sf:#fff;--tx:#1a3032;--mu:#657c7d;--bd:#d8e9e9;--ac:#008d91;--ac2:#ddf2f0;--ok:#14805a;--okb:#e1f4eb;--wn:#966100;--wnb:#fff2d6;--dn:#c0392b;--nb:#e6eeee}
:root[data-palette="emerald"]{color-scheme:light;--bg:#f2f8f4;--sf:#fff;--tx:#203027;--mu:#687b70;--bd:#dce9df;--ac:#078458;--ac2:#e0f2e7;--ok:#08784f;--okb:#def1e5;--wn:#986000;--wnb:#fff2d6;--dn:#c0392b;--nb:#e8efe9}
:root[data-palette="amber"]{color-scheme:light;--bg:#faf7f0;--sf:#fff;--tx:#342c20;--mu:#817461;--bd:#ece3d2;--ac:#b77700;--ac2:#f8eed8;--ok:#267956;--okb:#e4f2e8;--wn:#996000;--wnb:#fff0d1;--dn:#bd4439;--nb:#f0eadf}
:root[data-palette="coral"]{color-scheme:light;--bg:#fbf5f3;--sf:#fff;--tx:#342522;--mu:#806b67;--bd:#eedfdb;--ac:#d45e4c;--ac2:#fae8e3;--ok:#237c5c;--okb:#e1f2e9;--wn:#966000;--wnb:#fff0d1;--dn:#bd4439;--nb:#f0e9e7}
:root[data-palette="rose"]{color-scheme:light;--bg:#faf4f7;--sf:#fff;--tx:#34242d;--mu:#806b76;--bd:#eedde5;--ac:#b74777;--ac2:#f8e5ee;--ok:#1d7b5b;--okb:#e0f2e8;--wn:#966000;--wnb:#fff0d1;--dn:#bd4439;--nb:#f0e8ed}
:root[data-palette="graphite"]{color-scheme:light;--bg:#f4f4f7;--sf:#fff;--tx:#24242d;--mu:#70707e;--bd:#e1e1e8;--ac:#6659b8;--ac2:#eeebfa;--ok:#16805b;--okb:#e0f3e9;--wn:#986000;--wnb:#fff2d6;--dn:#c0392b;--nb:#ececf2}

:root[data-palette="violet"][data-theme="dark"]{color-scheme:dark;--bg:#141321;--sf:#1e1b31;--tx:#f1efff;--mu:#b2adc9;--bd:#39344f;--ac:#aa9cff;--ac2:#302849;--ok:#59d6a5;--okb:#183b32;--wn:#f0c16a;--wnb:#403318;--dn:#ff8980;--nb:#29263d}
:root[data-palette="ocean"][data-theme="dark"]{color-scheme:dark;--bg:#101a26;--sf:#172638;--tx:#eaf3ff;--mu:#a2b3c7;--bd:#2a3c50;--ac:#69b5ff;--ac2:#1f3954;--ok:#5bd2a0;--okb:#17392f;--wn:#f1c36d;--wnb:#3b321c;--dn:#ff867c;--nb:#243447}
:root[data-palette="turquoise"][data-theme="dark"]{color-scheme:dark;--bg:#102020;--sf:#172e2e;--tx:#e9f8f7;--mu:#9dbbb9;--bd:#2c4746;--ac:#55d5d0;--ac2:#1d4140;--ok:#66d5a5;--okb:#193b31;--wn:#efc36c;--wnb:#3a321d;--dn:#ff8b7f;--nb:#253c3c}
:root[data-palette="emerald"][data-theme="dark"]{color-scheme:dark;--bg:#111f19;--sf:#1a2e24;--tx:#edf8f0;--mu:#a4bcaa;--bd:#30483a;--ac:#64d5a0;--ac2:#214333;--ok:#72d9a8;--okb:#1d4031;--wn:#f1c36d;--wnb:#3c321b;--dn:#ff8b7f;--nb:#293d31}
:root[data-palette="amber"][data-theme="dark"]{color-scheme:dark;--bg:#211b11;--sf:#302719;--tx:#fff5e3;--mu:#c4b393;--bd:#4b3b25;--ac:#ffd06a;--ac2:#493719;--ok:#76d5a0;--okb:#1f3b2b;--wn:#ffd06a;--wnb:#4a391b;--dn:#ff8c7d;--nb:#403522}
:root[data-palette="coral"][data-theme="dark"]{color-scheme:dark;--bg:#251816;--sf:#36231f;--tx:#fff0ec;--mu:#c9aaa3;--bd:#503630;--ac:#ff927f;--ac2:#4c2b27;--ok:#72d3a0;--okb:#1c3d2d;--wn:#f2c36d;--wnb:#44351d;--dn:#ff927f;--nb:#45302b}
:root[data-palette="rose"][data-theme="dark"]{color-scheme:dark;--bg:#24151d;--sf:#34202c;--tx:#fff0f6;--mu:#c6a9b7;--bd:#503242;--ac:#f28bb7;--ac2:#4b293a;--ok:#70d3a0;--okb:#1c3b2e;--wn:#f1c16d;--wnb:#42331d;--dn:#ff8b86;--nb:#432c39}
:root[data-palette="graphite"][data-theme="dark"]{color-scheme:dark;--bg:#14161c;--sf:#1d2029;--tx:#eef0f7;--mu:#a2a8ba;--bd:#323642;--ac:#b3a5ff;--ac2:#302c49;--ok:#55c89c;--okb:#19372d;--wn:#edba59;--wnb:#3d3015;--dn:#ff7b71;--nb:#292d38}