:root{--ink:#213c34;--muted:#6d7b73;--green:#254f40;--line:#dce2d8;--cream:#f6f7f0}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}header{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 5%}.brand{color:var(--green);text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1.5px}.tag{color:var(--muted);font-size:13px}#saved{margin-left:auto;font-size:12px;color:var(--muted)}#saved:before{content:'● ';color:#6b936e}main{max-width:1440px;padding:48px 5% 24px;margin:auto}.intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800}h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:43px;line-height:1.18;letter-spacing:-1.8px;margin:15px 0}h1 span{color:#799080}p{color:var(--muted);line-height:1.6;margin:8px 0}button{cursor:pointer;border:1px solid #ced7cc;background:transparent;color:var(--ink);border-radius:8px;padding:10px 14px;font:600 12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button:hover{background:#e5ebdf}.actions{display:flex;gap:8px;padding-bottom:4px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#37664f}.summary{background:var(--green);color:white;border-radius:16px;padding:28px 32px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;margin-bottom:36px}.summary>div+div{border-left:1px solid #547263;padding-left:32px}.summary .eyebrow{color:#bbccbc}.big{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:57px;letter-spacing:-2px;font-weight:700;line-height:1.25}.summary strong{font-size:25px;display:block;margin-top:15px}.summary p,.summary #gradeNote{font-size:12px;color:#c3d1c5}.layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:22px;letter-spacing:-.7px;margin:0}h3{font-size:15px}input,select{font:inherit;color:var(--ink);background:white;border:1px solid var(--line);border-radius:6px;padding:9px;min-width:0}input:focus,select:focus,button:focus-visible{outline:2px solid #84a588;outline-offset:2px}label{font-size:12px;font-weight:600}.settings{display:flex;align-items:center;gap:14px;margin-bottom:18px}.settings span,small{color:var(--muted);font-size:11px;line-height:1.5}.settings select{margin-left:8px}.category,.panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:16px}.category{overflow:hidden}.cat-top{padding:17px 18px;background:#eef2e8;display:flex;align-items:center;gap:10px}.cat-name{font-weight:700;border-color:transparent;background:transparent;width:135px;font-size:16px;padding:5px}.weight{width:62px}.cat-grade{font-weight:700;margin-left:auto;white-space:nowrap}.remove{border:0;color:#8a766e;padding:7px;font-size:15px}.cat-options{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #edf0e9}.cat-options select{font-size:11px;padding:6px}.rows{padding:4px 18px}.row{display:grid;grid-template-columns:minmax(80px,1.3fr) 96px 73px 73px 27px;gap:7px;padding:9px 0;align-items:center;border-bottom:1px solid #edf0e9}.row input,.row select{width:100%;font-size:12px;padding:8px 6px}.row.labels{font-size:10px;color:var(--muted);border:0;padding-bottom:0}.add-assignment{margin:10px 18px 15px;border:0;padding:5px 0;color:#497258}.empty{padding:15px 18px;color:var(--muted);font-size:12px}.panel{padding:23px}.sim{background:#edf1e5;position:relative}.sim .eyebrow{color:#6b845c;margin-bottom:12px}.sim>p{font-size:12px;margin-bottom:20px}.sim>label{display:block;margin:15px 0 7px}.sim>label input,.sim>label select{display:block;width:100%;margin-top:7px}.slider-head{display:flex;justify-content:space-between;margin-top:24px;align-items:center}.slider-head strong{font-size:25px}input[type=range]{width:100%;accent-color:var(--green);padding:0;margin:12px 0}.ends{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.projection{display:flex;flex-direction:column;text-align:center;padding:23px 0 12px;gap:5px}.projection>span{font-size:9px;letter-spacing:1.5px}.projection strong{font-size:40px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}svg{width:100%;display:block}.target{background:white;border:1px solid #dce5d1;border-radius:7px;padding:13px;font-size:12px;line-height:1.6;margin-top:12px}.explanation{background:transparent;font-size:12px}.explanation p{margin-bottom:12px}footer{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}#errors:not(:empty){background:#fff0e8;border:1px solid #dfb59f;padding:15px;border-radius:8px;margin-bottom:20px;color:#904d36}.blank{padding:42px;text-align:center;border:1px dashed #b9c9b5;border-radius:12px}.blank h3{font-size:20px}.notice{color:#a46d33}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 310px}.row{grid-template-columns:minmax(60px,1fr) 80px 60px 60px 24px}.tag{display:none}h1{font-size:36px}.intro{align-items:start;flex-direction:column}}@media(max-width:780px){main{padding:28px 5%}.layout{grid-template-columns:1fr}.summary{padding:22px;gap:14px;grid-template-columns:1fr 1fr}.summary>div+div{padding-left:15px}.summary>div:last-child{display:none}.big{font-size:45px}.settings{align-items:start;flex-direction:column;gap:7px}.cat-top{padding:12px}.cat-name{width:110px}.row{grid-template-columns:minmax(65px,1fr) 78px 60px 60px 20px;gap:4px}.rows{padding:4px 10px}.cat-options{padding:10px}.cat-options label{font-size:10px}.section-head h2{font-size:20px}footer{gap:20px}#saved{font-size:10px}header{gap:12px}.brand{font-size:25px}}

[hidden]{display:none!important}.slots{font-size:14px;background:#e5ecdf;border-radius:30px;padding:12px 20px;white-space:nowrap}.system-guide{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:28px}.system-guide p{max-width:440px;font-size:13px}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.class-card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.class-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.class-card-head .eyebrow{color:#829178}.class-card label{display:block;margin:14px 0}.class-card input,.class-card select{display:block;width:100%;margin-top:8px;padding:12px}.class-card input{font-size:19px;font-weight:600}.class-system-help{min-height:42px;font-size:12px}.class-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.class-card-foot strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:25px}.class-nav{display:flex;align-items:center;gap:18px;margin-bottom:30px}.class-nav>span:first-of-type{font-size:20px;font-weight:700}.system-badge{font-size:11px;background:#e6ecdf;padding:8px 12px;border-radius:30px}.total-points .cat-top>label,.total-points .cat-options>label{display:none}.total-points .summary #active{font-size:23px}button:disabled{opacity:.45;cursor:not-allowed}dialog{color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:28px;max-width:440px}dialog::backdrop{background:#18372d66}dialog .actions{margin-top:22px}@media(max-width:1000px){.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.class-grid,.system-guide{grid-template-columns:1fr}.system-guide{gap:16px}.class-nav{gap:9px;flex-wrap:wrap}.class-card-foot strong{font-size:24px}}

.total-points .weighted-explanation{display:none}

/* Gold, graphite and black */
:root{--ink:#ecebea;--muted:#a3a3a8;--green:#d8b76b;--line:#38383c;--cream:#151517;color-scheme:dark}body{background:radial-gradient(ellipse at top right,#302b2080,transparent 50%),#151517}.brand{color:#e2c177}.tag{color:#919196}.eyebrow{color:#cbb174}h1 span{color:#d4b46c}button{border-color:#4b4943;background:#242426;color:#eee9dc}button:hover{background:#333234;border-color:#b99b5f}.primary{background:#d8b76b;border-color:#d8b76b;color:#191919}.primary:hover{background:#edcc84}.summary{background:linear-gradient(115deg,#28272a,#222224);border:1px solid #514936;color:#f1ece2;box-shadow:0 12px 35px #0002}.summary>div+div{border-color:#454246}.summary .eyebrow{color:#cfb779}.summary p,.summary #gradeNote{color:#b4b0a6}.big{color:#e0bf76}.category,.panel,.class-card{background:#202022;border-color:#39393c}.cat-top{background:#29292c}.cat-name{background:transparent}.cat-options,.row{border-color:#37373b}input,select{background:#18181a;border-color:#414146;color:#e8e7e2}input:focus,select:focus,button:focus-visible{outline-color:#d8b76b}.remove{background:transparent;color:#aaa7a0}.remove:hover{background:#40322a;color:#f3cb95}.cat-grade{color:#d8b76b}.add-assignment{background:transparent;color:#d8b76b}.sim{background:linear-gradient(150deg,#2b2924,#232325);border-color:#504937}.sim .eyebrow{color:#d0b16d}input[type=range]{accent-color:#d8b76b}.projection strong{color:#e0bf76}.target{background:#19191b;border-color:#494235;color:#d9d4c8}.explanation{background:#1b1b1d}.slots,.system-badge{background:#322e24;color:#d8b76b;border:1px solid #554a33}.class-card-head .eyebrow{color:#bda36a}.class-card-foot strong{color:#ddbd75}.class-card{box-shadow:0 8px 24px #0001}.blank{border-color:#56504a;background:#1e1e20}.notice{color:#ddbd75}#errors:not(:empty){background:#382820;color:#f0bf95;border-color:#71533d}dialog{background:#252527;color:#e9e5dc;border-color:#6b5b39;box-shadow:0 25px 70px #0008}dialog::backdrop{background:#000a}#saved:before{color:#d8b76b}footer{color:#909096}.class-system-help{color:#a4a3a6}

.top-tabs{max-width:1440px;margin:auto;padding:20px 5% 0;display:flex;gap:8px}.top-tabs button[aria-pressed=true]{border-color:#b99b5f;color:#e2c177;background:#322d22}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1050px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.setting-row select{max-width:65%}.toggle-row input{width:36px;height:22px;accent-color:#d8b76b}.scale-info{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);line-height:1.8;font-size:12px}.gpa-banner{border:1px solid #5b4e32;background:#27241d;padding:24px 28px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.gpa-banner strong{display:block;font-size:40px;color:#e1c079}.gpa-banner p{font-size:12px}.gpa-chip,.class-gpa{color:#d8b76b;font-size:12px}.class-gpa{margin-top:12px}.class-card input[type=number]{font-size:14px;font-weight:400;padding:8px}.settings-grid p{font-size:12px}
html[data-theme=light]{--ink:#242426;--muted:#6f6c65;--line:#dedbd3;--cream:#f7f5f0;color-scheme:light}html[data-theme=light] body{background:radial-gradient(ellipse at top right,#e9debd60,transparent 50%),#f7f5f0}html[data-theme=light] .brand,html[data-theme=light] h1 span{color:#92702d}html[data-theme=light] .category,html[data-theme=light] .panel,html[data-theme=light] .class-card{background:#fff;border-color:#dedbd3}html[data-theme=light] button{color:#33312c;background:#f3f0e9;border-color:#d8d2c5}html[data-theme=light] button:hover{background:#eae3d4}html[data-theme=light] .primary{background:#d8b76b;color:#201d17;border-color:#c5a154}html[data-theme=light] input,html[data-theme=light] select{background:#fcfbf8;color:#292722;border-color:#d8d3c9}html[data-theme=light] .cat-top{background:#f1eee7}html[data-theme=light] .cat-name{background:transparent}html[data-theme=light] .cat-options,html[data-theme=light] .row{border-color:#ebe7df}html[data-theme=light] .sim{background:linear-gradient(140deg,#f5eedc,#f0eeea);border-color:#ded3b7}html[data-theme=light] .target{background:#fff;color:#4c4433;border-color:#d9ccb0}html[data-theme=light] .explanation{background:#f0eee8}html[data-theme=light] .blank{background:#f0eee8;border-color:#cfc7b6}html[data-theme=light] .gpa-banner{background:#f0e8d4;border-color:#d7c69f}html[data-theme=light] .gpa-banner strong,html[data-theme=light] .gpa-chip,html[data-theme=light] .cat-grade,html[data-theme=light] .class-card-foot strong,html[data-theme=light] .class-gpa,html[data-theme=light] .projection strong{color:#8a681e}html[data-theme=light] .slots,html[data-theme=light] .system-badge,html[data-theme=light] .top-tabs button[aria-pressed=true]{background:#ede4ce;color:#775a22;border-color:#d6c49b}html[data-theme=light] .class-system-help,html[data-theme=light] .tag{color:#736e63}html[data-theme=light] dialog{background:#fff;color:#292722}html[data-theme=light] .eyebrow,html[data-theme=light] .class-card-head .eyebrow,html[data-theme=light] .sim .eyebrow{color:#947438}html[data-theme=light] .remove,html[data-theme=light] .add-assignment{background:transparent;color:#8a681e}html[data-theme=light] .notice{color:#8a681e}html[data-theme=light] svg text{fill:#726a59}html[data-theme=light] svg line{stroke:#b6ae9c}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.setting-row{align-items:start;flex-direction:column;gap:10px}.setting-row select{max-width:100%;width:100%}.toggle-row{flex-direction:row}.gpa-banner{padding:20px}}

.cutoff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cutoff-grid input{width:100%;margin-top:8px}.research-notes{margin:20px 0;color:var(--muted);font-size:12px;line-height:1.7}.research-notes summary{cursor:pointer;color:var(--ink)}.research-notes a{color:#c9ab6a}html[data-theme=light] .research-notes a{color:#846322}#schoolRulesForm{border-top:1px solid var(--line);padding-top:12px;margin-top:20px}.setting-row input[type=number]{max-width:100px}#rulesStatus{color:var(--ink)}

:root{--accent:#d8b76b;--accent-text:#d8b76b;--accent-light:#8a681e;--accent-ink:#171717}html[data-accent=blue]{--accent:#91bbf0;--accent-text:#91bbf0;--accent-light:#2d5e9c}html[data-accent=violet]{--accent:#bfadf0;--accent-text:#bfadf0;--accent-light:#6e46a0}html[data-accent=teal]{--accent:#87cbbd;--accent-text:#87cbbd;--accent-light:#246e61}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.primary:hover{background:var(--accent);filter:brightness(1.08)}.brand,h1 span,.big,.projection strong,.cat-grade,.class-card-foot strong,.class-gpa,.gpa-chip,.gpa-banner strong{color:var(--accent-text)}input[type=range],input[type=checkbox]{accent-color:var(--accent)}.add-assignment{color:var(--accent-text)}html[data-theme=light] .brand,html[data-theme=light] h1 span,html[data-theme=light] .projection strong,html[data-theme=light] .cat-grade,html[data-theme=light] .class-card-foot strong,html[data-theme=light] .class-gpa,html[data-theme=light] .gpa-chip,html[data-theme=light] .gpa-banner strong{color:var(--accent-light)}html[data-theme=light] .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.settings-grid{max-width:1160px;align-items:start;gap:24px}.settings-grid>.panel{padding:28px}.settings-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}.settings-heading h2{font-size:19px}.settings-heading p{margin:4px 0;font-size:12px}.setting-icon{background:#ffffff09;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;display:grid;place-items:center;font-size:25px;color:var(--accent-text)}.setting-row{margin:0;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.setting-row select{font-size:12px;min-width:145px;max-width:63%}.setting-row>input[type=text]{width:180px;max-width:60%;font-size:12px}.settings-grid>section>p{margin-top:16px;font-size:11px}.school-rules{border:1px solid var(--line);border-radius:10px;margin-top:22px;overflow:hidden}.school-rules>summary{cursor:pointer;padding:18px;font-weight:600;font-size:13px}.school-rules>summary small{display:block;margin:6px 0 0 17px;font-weight:400}.school-rules form{padding:0 18px 18px}#schoolRulesForm{border-top:1px solid var(--line);margin:0;padding-top:12px}.school-rules form>.primary{margin-top:18px}.scale-info{font-size:11px;line-height:1.9;margin-top:20px;padding-top:16px}.research-notes{font-size:11px}.compact main{padding-top:28px}.compact .class-card{padding:18px}.compact .class-card label{margin:9px 0}.compact .class-card input,.compact .class-card select{padding:8px}.compact .cat-top{padding:10px 14px}.compact .row{padding:6px 0}.compact .summary{padding:20px 26px}.compact .panel{padding:19px}.compact .intro{margin-bottom:22px}.compact .big{font-size:46px}@media(max-width:700px){.settings-grid>.panel{padding:20px}.setting-row{flex-direction:row;align-items:center;gap:12px}.setting-row select{min-width:0;max-width:58%;width:auto}.settings-heading h2{font-size:18px}}

.grade-scale-header,.grade-scale-row{display:grid;grid-template-columns:45px 1fr 1fr;align-items:center;gap:12px;padding:7px 0}.grade-scale-header{font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}.grade-scale-row b{font-size:12px}.grade-scale-row input{width:100%;font-size:12px}.grade-scale-row input[readonly]{opacity:.5}.grade-scale-table{margin-bottom:22px}
.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-grid>.panel,.settings-heading>div,.setting-row{min-width:0}.settings-heading h2{overflow-wrap:break-word}.settings-heading .setting-icon{flex-shrink:0}.setting-row select,.setting-row input{min-width:0}@media(max-width:700px){.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-heading{gap:10px}.settings-heading h2{font-size:17px;line-height:1.35}.setting-row{font-size:12px}.setting-row select{max-width:57%;font-size:11px}.setting-row>input[type=text]{max-width:54%}.school-rules>summary{padding:14px}.grade-scale-header,.grade-scale-row{gap:8px;grid-template-columns:35px minmax(0,1fr) minmax(0,1fr)}}@media(max-width:380px){.row{grid-template-columns:minmax(42px,1fr) 65px 49px 49px 18px}.row input,.row select{font-size:10px;padding:7px 3px}.cat-top{gap:5px}.cat-name{width:92px}.cat-top label{font-size:10px}.weight{width:49px}.cat-grade{font-size:12px}.settings-heading .setting-icon{width:32px;height:32px;font-size:20px}.settings-heading h2{font-size:15px}.settings-grid>.panel{padding:16px}.summary{padding:16px}.summary>div+div{padding-left:10px}.summary #active{font-size:19px}}
.settings-heading>div{flex:1}.settings-grid,.layout,.class-grid{min-width:0}.layout>section,.layout>aside{min-width:0}.brand{letter-spacing:-1.1px}.settings-grid>section>p{max-width:54ch}.settings-heading .setting-icon{font-family:Georgia,serif}.school-rules summary{list-style-position:inside}@media(max-width:600px){.intro h1{font-size:33px}.class-nav>span:first-of-type{overflow-wrap:anywhere;max-width:100%}.gpa-banner{align-items:start;flex-direction:column;gap:4px}.gpa-banner p{margin:0}.summary .eyebrow{font-size:9px;letter-spacing:1.2px}.settings-grid>.panel{border-radius:12px}.summary{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.class-card-foot{gap:10px}.setting-row>select{white-space:nowrap;text-overflow:ellipsis}.school-rules form{padding-left:12px;padding-right:12px}}@media(max-width:380px){header{padding:0 5%;gap:8px}.brand{font-size:23px}#saved{font-size:9px}.intro h1{font-size:29px}.big{font-size:38px}.compact .big{font-size:38px}}

.default-actions{flex-wrap:wrap;gap:10px}

.category-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.tutorial-tip{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:10px;padding:15px 18px;margin-bottom:25px;background:#ffffff05}.tutorial-tip>span{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--accent-text)}.tutorial-tip p{flex:1;margin:0;font-size:12px}.tutorial-tip button{flex-shrink:0}.tutorial-dialog{max-width:490px}.tutorial-dialog h2{margin-top:18px}.tutorial-dialog p{line-height:1.8}.tutorial-dialog .actions{flex-wrap:wrap}#startTutorial{margin-top:10px}@media(max-width:700px){.section-head{align-items:start;gap:12px;flex-direction:column}.category-actions{justify-content:flex-start}.tutorial-tip{flex-wrap:wrap}.tutorial-tip p{min-width:75%}.tutorial-dialog{max-width:calc(100% - 30px);padding:22px}}

.scenario-label{font-size:10px;font-weight:700;letter-spacing:1.5px;margin:22px 0 12px;color:var(--muted)}.extra-scenarios{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.scenario-heading{display:flex;gap:8px;justify-content:space-between;align-items:center}.scenario-heading h3{font-size:13px;margin:0}.scenario-heading button{padding:8px 9px;font-size:10px;white-space:nowrap}.scenario-description{font-size:11px!important;color:var(--muted);line-height:1.7;margin:10px 0 14px!important}.proposal{border:1px solid var(--line);border-radius:9px;padding:14px;margin:14px 0;background:#ffffff04}.proposal-heading{display:flex;align-items:center;gap:10px}.proposal-heading>label{flex:1;min-width:0}.proposal label{display:block;font-size:11px}.proposal label>input,.proposal label>select{width:100%;display:block;margin-top:6px;padding:8px;font-size:12px}.proposal>label{margin-top:12px}.proposal-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}.proposal>input[type=range]{margin-bottom:6px}.proposal-errors,#proposalErrors{font-size:11px;color:#dfaa7c;line-height:1.6}html[data-theme=light] #proposalErrors{color:#994e28}.proposal-heading .remove{align-self:start}.sim .extra-scenarios input[type=range]{accent-color:var(--accent)}#clearProposals{font-size:11px;padding:8px 10px}html[data-theme=light] .proposal{background:#fff8}.sim .projection{padding-top:24px}

footer nav{display:flex;flex-wrap:wrap;gap:14px}footer a,.data-panel a,.legal-page a{color:var(--accent-text);text-underline-offset:3px}html[data-theme=light] footer a,html[data-theme=light] .data-panel a,html[data-theme=light] .legal-page a{color:var(--accent-light)}.data-panel{grid-column:1/-1}.data-panel p{max-width:82ch}.data-actions{flex-wrap:wrap;margin:20px 0 15px}.danger-button{border-color:#926a55;color:#efb894;background:transparent}.danger-button:hover{background:#493125}html[data-theme=light] .danger-button{color:#8f4227;border-color:#ba8c70;background:transparent}#dataStatus{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.legal-page{max-width:970px}.legal-page>section{margin:32px 0}.legal-page h1{font-size:38px}.legal-page h2{font-size:21px;margin-bottom:12px}.legal-page p{font-size:14px;line-height:1.9;max-width:78ch}.legal-page .eyebrow{margin-top:35px}.legal-date{font-size:12px!important}.legal-summary{padding:22px 25px;border:1px solid var(--line);border-radius:12px;margin:28px 0;background:#ffffff04}.back-link{display:inline-block;margin:4px 0}.legal-page footer{margin-top:45px}dialog{max-height:90vh;overflow-y:auto}html{scroll-behavior:smooth}button,input,select,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media(max-width:650px){footer{flex-direction:column;gap:14px}.legal-page h1{font-size:29px}.legal-summary{padding:18px}.data-actions>button{min-height:42px}.data-panel{padding:20px}}

/* Keep the logo legible in every appearance setting. */
.brand{display:inline-flex;align-items:center;flex:0 0 auto;border-radius:10px;overflow:hidden;background:#151515;line-height:1}.brand-logo{display:block;width:230px;height:auto;max-width:100%}.brand:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}@media(max-width:600px){.brand-logo{width:180px}header{min-height:76px;height:auto}header #saved{margin-left:auto}}@media(max-width:360px){.brand-logo{width:156px}}
html[data-theme=light] .brand{background:transparent}html[data-theme=light] .brand-logo{filter:brightness(.42) saturate(1.45)}

.welcome-dialog,.tutorial-dialog{width:min(490px,calc(100% - 32px));box-sizing:border-box;background:var(--panel,#202022);color:var(--ink);padding:36px;border:1px solid var(--line);border-radius:22px}.welcome-dialog::backdrop,.tutorial-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.welcome-symbol{width:52px;height:52px;display:grid;place-items:center;background:#d6b36a20;color:var(--accent-text);font-size:32px;border:1px solid #d6b36a55;border-radius:16px;margin-bottom:26px}.welcome-dialog h2,.tutorial-dialog h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:14px 0}.welcome-dialog p,.tutorial-dialog p{color:var(--muted);line-height:1.7}.welcome-preview{display:grid;gap:12px;padding:20px 0;border-block:1px solid var(--line);margin:24px 0;color:var(--ink);font-size:13px}.welcome-dialog .actions{gap:10px;margin:0 0 18px}.welcome-dialog small{display:block;color:var(--muted);font-size:12px;line-height:1.5}.welcome-dialog .primary{flex:1}.tutorial-dialog .eyebrow{color:var(--accent-text)}html[data-theme=light] .welcome-dialog,html[data-theme=light] .tutorial-dialog{background:#fff}@media(max-width:600px){.welcome-dialog,.tutorial-dialog{padding:26px}.welcome-dialog h2,.tutorial-dialog h2{font-size:27px}}

.settings-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.settings-nav button{padding:12px 18px}.settings-nav [aria-pressed=true]{background:var(--accent-text);color:#171717;border-color:var(--accent-text)}.settings-grid{display:block;max-width:780px}.settings-grid>.panel{padding:28px}.grading-guide{margin-bottom:26px;border-block:1px solid var(--line);padding:16px 0}.grading-guide summary{cursor:pointer;color:var(--muted);font-weight:600}.grading-guide .system-guide{border:0;margin:0;padding:20px 0 0}.setup-dialog{width:min(500px,calc(100% - 32px));box-sizing:border-box;background:#202022;color:var(--ink);padding:30px;border:1px solid var(--line);border-radius:20px}.setup-dialog h2{margin:14px 0 24px;line-height:1.25}.setup-dialog form>label:first-child{display:grid;gap:9px}.setup-dialog input[type=text],#newClassName{width:100%;padding:13px}.setup-dialog fieldset{border:0;margin:24px 0 16px;padding:0}.setup-dialog legend{font-size:13px;font-weight:600;margin-bottom:12px}.system-choice{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:16px;border-radius:10px;margin-bottom:10px;cursor:pointer}.system-choice:has(input:checked){border-color:var(--accent-text);background:#d6b36a0d}.system-choice span{display:grid;gap:6px}.system-choice input{accent-color:#c9a759}.starter-choice{display:flex;align-items:center;gap:9px}#starterHelp{font-size:12px;margin-top:10px}.setup-dialog .actions{justify-content:flex-end;margin-top:24px}.setup-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}html[data-theme=light] .setup-dialog{background:#fff}.add-assignment:after{content:' · Enter in a score to add the next';font-size:11px;font-weight:400;color:var(--muted)}@media(max-width:600px){.settings-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.settings-nav button{padding:12px 7px;font-size:11px}.settings-grid>.panel{padding:20px}.setup-dialog{padding:24px}.add-assignment:after{display:none}input,select{font-size:16px}.setting-row{gap:12px}}

.gpa-breakdown{border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:-4px 0 24px}.gpa-breakdown summary{cursor:pointer;font-weight:600}.gpa-breakdown-rows article{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.gpa-breakdown-rows small{display:block;margin-top:6px}.gpa-breakdown-rows article>div:last-child{text-align:right}.gpa-breakdown p{font-size:12px;margin-top:16px}#classGpa{line-height:1.7}@media(max-width:600px){.gpa-breakdown{padding:16px}.gpa-breakdown-rows article{flex-wrap:wrap}.gpa-breakdown-rows article>div:last-child{text-align:left}}