:root{--ink:#182136;--muted:#6f7788;--line:#e4e8f0;--blue:#2d67d8;--violet:#7550bd;--background:#f6f8fc;--card:#fff;--radius:23px}*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--ink);background:var(--background);min-width:0}input,button{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #9fc6ff;outline-offset:3px}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;max-width:100%}
.landing{min-height:100dvh;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse 60% 45% at 7% 72%,#e6eefc99,transparent),radial-gradient(ellipse 50% 48% at 99% 5%,#f2eafd99,transparent),#f9fafe}.mast{width:100%;max-width:1440px;margin:auto auto 0;display:flex;align-items:center;justify-content:space-between;padding:25px 52px 10px;gap:20px}.mast-school{display:flex;gap:13px;align-items:center}.school-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#1e3155,#4a6db8);display:grid;place-items:center;color:#fff;font-size:25px;box-shadow:0 10px 23px #234e9330;flex:none}.mast-school strong{display:block;font-size:13px;line-height:1.5;font-weight:750}.mast-school small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.mast-date{font-size:12px;color:#818b9d}.landing-main{width:100%;max-width:1120px;margin:auto;padding:65px 30px 70px}.eyebrow{display:inline-block;color:#567cc0;letter-spacing:1.6px;font-size:11px;font-weight:790}.landing-main h1{font-size:clamp(39px,5vw,69px);line-height:1.09;letter-spacing:-.06em;max-width:820px;margin:18px 0 17px}.landing-main h1 em{font-style:normal;color:#4478dc}.lead{font-size:16px;line-height:1.75;max-width:680px;color:var(--muted);margin:0 0 39px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.entry-option{background:rgba(255,255,255,.92);border:1px solid #fff;text-align:left;min-height:310px;padding:30px;border-radius:25px;box-shadow:0 12px 52px #253b5d0e;transition:transform .15s,box-shadow .15s,border-color .15s;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start}.entry-option:hover{transform:translateY(-3px);border-color:#cad9fb;box-shadow:0 23px 55px #253b5d18}.entry-icon{height:57px;width:57px;border-radius:18px;display:grid;place-items:center}.entry-icon svg{width:28px;height:28px}.entry-icon.blue{background:#eaf1ff;color:#2e6dde}.entry-icon.violet{background:#f1eafb;color:#8a54c5}.entry-option h2{margin:19px 0 7px;font-size:23px;letter-spacing:-.8px}.entry-option p{line-height:1.7;font-size:13px;color:var(--muted);max-width:380px;margin:0 0 24px}.option-footer{margin-top:auto;width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:13px;font-weight:780;color:#356ad6}.teacher .option-footer{color:#7851b9}.option-footer span{font-size:21px}.landing-note{text-align:center;font-size:12px;margin-top:31px;color:#8290a2}.landing-note span{margin-right:5px}.landing-footer{text-align:center;padding:0 15px 22px;font-size:11px;color:#9ca3b0}.login-overlay{display:none;position:fixed;inset:0;z-index:100;background:#15243b64;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);padding:15px;align-items:center;justify-content:center}.login-overlay.open{display:flex}.login-dialog{background:#fff;border-radius:29px;width:min(445px,100%);padding:28px;box-shadow:0 25px 75px #101a3440}.close-login{height:39px;width:39px;border-radius:13px;border:0;background:#f3f5f9;color:#4b5b72;margin-bottom:21px;font-size:18px}.login-dialog h2{font-size:29px;letter-spacing:-1.3px;margin:11px 0 8px}.login-dialog p{color:var(--muted);font-size:13px;margin:0 0 25px;line-height:1.6}.login-dialog label,.setup-form label{font-size:12px;font-weight:720;display:block;margin:12px 0 9px}.password-row{position:relative;display:flex;align-items:center}.password-row input{width:100%;height:52px;border:1px solid #dfe4ec;background:#fcfdff;border-radius:13px;padding:0 80px 0 13px;font-size:16px;outline:none}.password-row button{position:absolute;right:7px;padding:9px;background:#eef3fc;border-radius:10px;border:0;color:#466aa2;font-size:12px}.primary-action{margin-top:18px;border:0;background:#2867d5;color:white;font-weight:750;border-radius:14px;width:100%;height:50px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 26px #2b67ce30}.primary-action span{font-size:20px}.login-tip{border-top:1px solid var(--line);margin-top:20px;padding-top:17px;font-size:11px;line-height:1.6;color:var(--muted)}.notice{padding:12px;border-radius:12px;font-size:12px;line-height:1.5}.notice.error{background:#fff0f0;color:#b42318;border:1px solid #fad2d2;margin-top:13px}
.workspace{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.workspace-header{height:63px;flex:0 0 63px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:15px}.workspace-brand{display:flex;align-items:center;gap:11px;min-width:0}.workspace-brand .mini-mark{width:34px;height:34px;border-radius:11px;background:#2c4d86;color:white;display:grid;place-items:center;flex:0 0 34px}.workspace-brand b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-brand small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.workspace-right{display:flex;align-items:center;gap:12px;flex:none}.role-indicator{color:#54709c;background:#f0f5fc;border-radius:20px;font-size:11px;font-weight:740;padding:7px 10px}.logout-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;color:var(--ink);font-size:12px;font-weight:700}.workspace-nav{background:#fff;display:flex;gap:6px;padding:8px 24px 10px;border-bottom:1px solid var(--line);align-items:center}.workspace-tab{background:transparent;border:0;color:#738095;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:720;white-space:nowrap}.workspace-tab.active{background:#eaf1ff;color:#2b66d4}.backup-link{margin-left:auto;font-size:12px;color:#53647d;border:1px solid var(--line);border-radius:10px;padding:9px 12px;white-space:nowrap}.workspace-panels{position:relative;flex:1;min-height:0}.workspace-frame{display:none;width:100%;height:100%;border:0;background:#f5f5f7}.workspace-frame.active{display:block}
.setup-body{min-height:100dvh;padding:35px 15px 60px;background:radial-gradient(ellipse at 10% 0,#e5edff,transparent 44%),#f6f8fc}.setup-wrap{max-width:660px;margin:0 auto}.setup-header{text-align:center}.setup-header .school-mark{margin:0 auto 17px}.setup-header h1{font-size:31px;letter-spacing:-1.2px;margin:9px 0}.setup-header p{font-size:13px;color:var(--muted);line-height:1.6}.setup-form{background:#fff;border-radius:24px;padding:10px 27px 27px;margin-top:25px;box-shadow:0 12px 40px #1a34410e}.form-section{padding:18px 0 20px;border-bottom:1px solid var(--line)}.form-section:last-of-type{border-bottom:0}.form-section h2{margin:0;font-size:18px;letter-spacing:-.5px}.form-section p{font-size:12px;color:var(--muted);line-height:1.6;margin:8px 0 15px}.setup-form input{display:block;width:100%;margin-top:7px;height:47px;border:1px solid var(--line);border-radius:11px;padding:0 11px;font-size:16px;background:#fcfdff}.input-grid{display:grid;grid-template-columns:2fr 1fr;gap:10px}.setup-foot{text-align:center;color:var(--muted);font-size:11px;line-height:1.6;margin-top:20px}
@media(max-width:680px){.mast{padding:16px 17px 0}.mast-date{display:none}.mast-school strong{font-size:11px;max-width:240px}.mast-school small{font-size:10px}.school-mark{width:39px;height:39px;border-radius:12px}.landing-main{padding:62px 18px 32px}.landing-main h1{font-size:clamp(35px,9.5vw,46px);letter-spacing:-1.8px;margin-top:14px}.lead{font-size:13px;line-height:1.65;margin-bottom:25px}.entry-grid{grid-template-columns:1fr;gap:12px}.entry-option{min-height:212px;border-radius:20px;padding:20px}.entry-option h2{font-size:20px;margin:12px 0 6px}.entry-option p{font-size:12px;line-height:1.5;margin-bottom:13px}.entry-icon{width:45px;height:45px;border-radius:14px}.entry-icon svg{width:22px;height:22px}.option-footer{padding-top:12px}.landing-note{font-size:11px;line-height:1.5}.landing-footer{padding:6px 12px 16px}.login-dialog{padding:23px;border-radius:22px}.login-dialog h2{font-size:25px}.workspace-header{height:56px;flex-basis:56px;padding:0 10px}.workspace-brand{gap:6px}.workspace-brand .mini-mark{width:29px;height:29px;flex-basis:29px}.workspace-brand b{font-size:11px;max-width:180px}.workspace-brand small{display:none}.workspace-right{gap:5px}.role-indicator{display:none}.logout-btn{padding:8px 10px;font-size:11px}.workspace-nav{padding:7px 10px;gap:4px;overflow-x:auto}.workspace-tab{padding:9px 10px;font-size:11px}.backup-link{padding:8px;font-size:11px}.setup-form{padding:5px 17px 20px}.setup-header h1{font-size:27px}.setup-body{padding-top:22px}}
@media(max-width:360px){.workspace-brand b{max-width:130px}.entry-option{min-height:210px}}