@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#23392e;--green:#285c45;--lime:#d8eb9a;--paper:#f7f8f3;--line:#e3e8df;--muted:#7a857b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}h1,h2,h3,.brand{font-family:'Plus Jakarta Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a5c857;outline-offset:3px}a{text-decoration:none;color:inherit}h1{font-size:34px;line-height:1.25;letter-spacing:-1.2px;margin:10px 0}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.7}small,.muted{color:var(--muted)}.brand{font-weight:800;font-size:22px;display:flex;align-items:center;gap:9px;letter-spacing:-.8px}.logo{background:var(--green);color:var(--lime);padding:7px 10px;border-radius:12px;font-size:22px}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:white;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column}.sidebar .brand{margin-bottom:36px}.label{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#939c92;margin:20px 12px 10px}.nav{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:9px;margin:3px 0;color:#748075;font-weight:500}.nav.active{background:#eaf0df;color:var(--green);font-weight:700}.nav:hover{background:#f3f5ee}.ico{font-size:19px;display:inline-flex;width:23px;justify-content:center}.sidebar-foot{margin-top:auto;padding:17px;background:#f4f6ed;border-radius:12px;font-size:12px;line-height:1.7}.shell{margin-left:235px}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.search{background:#f7f8f5;border:1px solid var(--line);border-radius:9px;padding:11px 15px;max-width:370px;width:100%;color:var(--ink)}.profile{display:flex;align-items:center;gap:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#e4ebd5;color:#46603b;font-weight:700;flex-shrink:0}.content{padding:31px 38px;max-width:1550px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#7b886d;font-weight:700}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.heading p{margin:7px 0;color:var(--muted)}.badge{font-size:11px;padding:6px 10px;border-radius:20px;background:#ecf1e2;color:#57733a;display:inline-block}.btn{background:var(--green);color:white;border-radius:8px;padding:12px 18px;font-weight:600;display:inline-flex;gap:10px;align-items:center;justify-content:center}.btn:hover{background:#1b4935}.btn.light{background:white;color:var(--green);border:1px solid var(--line)}.btn.lime{background:var(--lime);color:#2c4b2d}.btn.small{padding:9px 12px;font-size:12px}.hero{background:#e9eedc;border-radius:17px;display:flex;position:relative;overflow:hidden;min-height:232px;padding:29px 32px;align-items:center;justify-content:space-between}.hero h2{font-size:31px;max-width:420px;margin:12px 0}.hero p{max-width:380px;color:#6c7967;margin-bottom:22px}.hero-art{width:270px;height:200px;position:relative;margin-right:15px;flex-shrink:0}.orbit{position:absolute;border:1px solid #c8d2b5;border-radius:50%;width:190px;height:190px;left:35px;top:5px}.book{position:absolute;left:55px;top:40px;width:155px;height:125px;background:#285c45;border-radius:8px 16px 16px 8px;transform:rotate(-13deg);box-shadow:6px 7px 0 #bacd9a,12px 14px 0 #fff}.book:before{content:'a little progress,\a every day.';white-space:pre;position:absolute;left:22px;top:28px;color:#e8f2c5;font-family:serif;font-style:italic;font-size:24px;line-height:1.3}.spark{position:absolute;font-size:35px;color:#728a3a}.float{position:absolute;background:white;padding:9px 12px;border-radius:10px;box-shadow:0 5px 20px #46603b12;font-size:12px;bottom:5px;right:0}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:21px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:25px 0 15px}.sectionhead h2{margin:0}.textbtn{font-size:12px;color:var(--green);font-weight:700}.quick{display:flex;gap:13px;align-items:center;text-align:left;padding:18px 15px;width:100%}.quick h3{margin:0 0 6px}.quick p{margin:0;font-size:11px;color:var(--muted)}.square{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#eef2e3;font-size:22px;flex-shrink:0}.course-art{height:110px;border-radius:8px;background:#edf0e3;display:flex;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:45px;color:#617743;margin-bottom:17px}.course:nth-child(2) .course-art{background:#f2ebe1;color:#a28860}.course:nth-child(3) .course-art{background:#e6edf0;color:#698292}.course{padding:13px}.course h3{margin:11px 0 6px}.course p{font-size:12px;color:var(--muted);margin:0 0 18px}.bar{height:5px;background:#eef0e9;border-radius:10px;overflow:hidden;margin:9px 0 13px}.bar i{height:100%;display:block;background:#84a15b;border-radius:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tiny{font-size:11px}.schedule{border-left:2px solid #a3b776;padding-left:13px;margin:20px 0}.schedule h3{font-size:13px;margin:5px 0}.schedule p{font-size:11px;color:var(--muted);margin:4px 0}.week{display:flex;justify-content:space-between;margin:20px 0}.day{padding:8px 6px;border-radius:20px;text-align:center;font-size:10px;line-height:2}.day b{font-size:12px;display:block}.day.selected{background:var(--green);color:#fff}.quote{background:#f0f2e7;padding:20px;border-radius:12px;margin-top:18px;font-family:Georgia,serif;font-size:18px;line-height:1.6}.quote small{font:11px 'DM Sans',sans-serif}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.tab{padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:#fff}.tab.active{background:var(--green);color:white}.reading{font-size:16px;line-height:1.9;max-width:780px}.reading .formula{background:#eff3e5;padding:25px;text-align:center;border-radius:12px;font-family:Georgia,serif;font-size:29px}.two{display:grid;grid-template-columns:2fr 1fr;gap:22px}.person{display:flex;gap:14px;align-items:center;margin-bottom:20px}.person .avatar{width:55px;height:55px}.person h3{margin:0 0 5px}.listrow{padding:20px 0;border-bottom:1px solid var(--line)}.listrow:last-child{border-bottom:0}.listrow h3{margin:0 0 8px}.listrow p{margin:0;color:var(--muted)}input,textarea,select{border:1px solid #dce3d6;border-radius:8px;padding:12px;background:#fff;color:var(--ink);max-width:100%}label{display:block;margin:16px 0 7px;font-size:12px;font-weight:600}textarea{width:100%;min-height:100px}dialog{border:0;border-radius:18px;max-width:470px;width:calc(100% - 30px);padding:29px;color:var(--ink);box-shadow:0 20px 90px #152a3240}dialog::backdrop{background:#18322565;backdrop-filter:blur(3px)}dialog input,dialog select{width:100%}.close{float:right;font-size:23px}.choices label{display:flex;align-items:center;gap:12px;background:#f6f8f2;padding:14px;border-radius:8px;font-size:14px;font-weight:400}.choices input{width:auto}.notice{background:#edf2e4;padding:15px;border-radius:10px;line-height:1.7;margin:20px 0;color:#567047}.landing{max-width:1150px;margin:auto;padding:28px}.landing nav{display:flex;align-items:center;justify-content:space-between}.landing-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:500px}.landing h1{font-size:64px;line-height:1.12;margin:25px 0}.landing .hero-art{transform:scale(1.5);margin:auto}.landing .lead{font-size:18px;color:var(--muted);max-width:470px}.mobile{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:14px 22px;border-radius:10px;box-shadow:0 5px 25px #0002;display:none;z-index:30}.empty{text-align:center;padding:40px;color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar div{border:1px solid var(--line);border-radius:8px;padding:12px;min-height:65px}.calendar .today{background:#e8efd9;border-color:#97ad70}.calendar small{display:block;font-size:9px;margin-top:8px}.footnote{font-size:11px;color:#8a9486;margin-top:25px}.stat{font-size:36px;font-weight:800}.result{margin-top:20px;padding:20px;background:#edf3e2;border-radius:12px}@media(min-width:1500px){.content{padding-top:45px}}@media(max-width:1150px){.sidebar{width:205px;padding:25px 15px}.shell{margin-left:205px}.dashboard{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-art{width:230px}.content{padding:25px}.topbar{padding:0 25px}}@media(max-width:760px){.sidebar{display:none;z-index:15;width:235px;box-shadow:0 0 50px #0003}.sidebar.open{display:flex}.shell{margin-left:0}.mobile{display:block}.topbar{height:70px;padding:0 18px}.topbar .profile small,.topbar .search{display:none}.content{padding:22px 18px}.heading{align-items:flex-start}.heading h1{font-size:27px}.heading .badge{display:none}.hero{padding:25px}.hero h2{font-size:27px}.hero-art{display:none}.grid{grid-template-columns:1fr}.quick{padding:16px}.dashboard{gap:15px}.aside,.two{display:block}.aside .card{margin-top:16px}.course-art{height:130px}.landing h1{font-size:44px}.landing-hero{display:block;min-height:0;padding:60px 0}.landing nav .textbtn{display:none}.calendar div{min-height:45px;padding:8px}.calendar small{display:none}.heading .btn{font-size:11px;padding:10px}.two>.card{margin-bottom:20px}}
.sidebar{overflow-y:auto}.lesson-film{width:100%;display:block;aspect-ratio:16/9;background:#152e24;border-radius:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.chat-log{background:#f8faf5;border-radius:12px;padding:18px;height:clamp(180px,35vh,450px);overflow:auto}.chat-line{padding:9px 0;border-bottom:1px solid var(--line)}.chat-line p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.chat-line small{font-size:11px;margin-left:8px}.meeting-input{width:100%;margin:8px 0}.call-frame{border:0;width:100%;height:clamp(340px,60vh,740px);background:#183528;border-radius:12px;margin:20px 0}summary{cursor:pointer;color:var(--green);font-weight:600;padding:14px 0}button:disabled{opacity:.6}

/* TAMPILAN BARU KELAS TEKNIK */
:root{--ink:#25243c;--green:#7639db;--lime:#e5d6ff;--paper:#fff;--line:#eae8ef;--muted:#7a7789}
body{background:#fff;color:var(--ink)}
.sidebar{width:232px;background:#f8f7fc;border-right:1px solid #f0edf5;padding:24px 18px;overflow-y:auto}
.sidebar .brand{margin-bottom:25px;gap:9px}.brand{font-size:19px;letter-spacing:-.6px}.brand-sub{display:block;font-size:8px;letter-spacing:1.7px;margin-top:5px;color:#88809b}.brand img{flex-shrink:0}
.nav svg{width:21px;height:21px;flex-shrink:0}.nav{font-size:13px;padding:11px 13px;color:#625d74;margin:4px 0}.nav.active{background:#e9ddfa;color:#7038bf}.nav:hover{background:#eee8f6}.sidebar .label{font-size:9px}.sidebar-foot{background:#eee9f7;color:#817490}
.create-upload{width:100%;font-size:13px;background:linear-gradient(110deg,#7c36df,#5559e9)}
.shell{margin-left:232px}.topbar{height:75px;border-bottom:1px solid #f0edf5;padding:0 38px}.workspace-name{font-size:13px;color:#746e83}.avatar{background:#e6dcfa;color:#6c3ba6}
.content{padding:28px 38px 50px;max-width:1600px}.btn{background:#783cdb;color:white;border-radius:9px}.btn:hover{background:#6428c5}.btn.light{border-color:#e3dfea;color:#514568}.textbtn{color:#783cdb}.badge{background:#f0eafa;color:#7855a2}
.engineering-hero{position:relative;isolation:isolate;border-radius:18px;padding:37px 25px 30px;text-align:center;overflow:hidden;background:linear-gradient(115deg,#e8edff 0%,#efe3ff 50%,#f8e6f9 100%)}
.hero-kicker{font-size:9px;font-weight:800;letter-spacing:2.7px;color:#89719f}.engineering-hero h1{font-size:39px;line-height:1.22;color:#39265f;letter-spacing:-1.7px;margin:17px 0 10px}.engineering-hero p{color:#7a668f;font-size:13px}
.directory-search{max-width:540px;margin:22px auto 0;background:#fff;box-shadow:0 4px 20px #6d50a30c;padding:8px 13px;display:flex;align-items:center;gap:9px;border:1px solid #fff;border-radius:12px;font-weight:400;position:relative;z-index:1}
.directory-search span{font-size:25px;color:#84728e}.directory-search input{border:0;flex:1;min-width:0;padding:8px 0;outline:0;font-size:12px}.directory-search:focus-within{outline:2px solid #a98be2}.directory-search kbd{font:10px 'DM Sans',sans-serif;color:#9a8ba4;background:#f7f3fb;border-radius:4px;padding:5px;white-space:nowrap}
.hero-decoration{position:absolute;width:155px;height:155px;border:1px solid #ac84e444;transform:rotate(25deg);border-radius:30px;z-index:-1}.hero-decoration.one{left:-30px;top:55px;box-shadow:14px 14px 0 #c3c8f92a,28px 28px 0 #c3c8f92a}.hero-decoration.two{right:-28px;bottom:50px;transform:rotate(-25deg);box-shadow:-14px -14px 0 #d2b7ed38,-28px -28px 0 #d2b7ed28}
.quick-links{display:flex;justify-content:center;gap:30px;padding:22px 0 11px}.quick-links button{display:flex;align-items:center;gap:9px;font-size:12px;color:#655573}.quick-links svg{width:29px;height:29px;background:#f1e9fb;border-radius:8px;padding:5px;color:#8256bb}
.sectionhead h2{font-size:21px}.sectionhead p{font-size:12px;margin:7px 0}.sectionhead{margin:24px 0 19px}
.department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 20px}
.department-card{background:white;border:1px solid #eae7ef;border-radius:13px;overflow:hidden;padding:0;text-align:left;transition:transform .2s,box-shadow .2s}.department-card:hover{transform:translateY(-4px);box-shadow:0 10px 23px #59467d13;border-color:#c9b5e4}
.department-cover{position:relative;height:136px;background:var(--cover);color:var(--accent);display:flex;justify-content:center;align-items:center;overflow:hidden}.cover-grid{position:absolute;inset:0;background-image:linear-gradient(to right,currentColor 1px,transparent 1px),linear-gradient(to bottom,currentColor 1px,transparent 1px);background-size:26px 26px;opacity:.055}.department-icon{display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:20px;border:1px solid #ffffffc0;background:#ffffff69;transform:rotate(-8deg);box-shadow:7px 7px 0 #ffffff44}.department-icon svg{width:44px;height:44px;transform:rotate(8deg)}.cover-label{position:absolute;left:12px;bottom:10px;font-size:7px;letter-spacing:2px;opacity:.6}
.department-caption{padding:15px}.department-caption h3{font-size:13px;line-height:1.5;margin:0;min-height:39px;letter-spacing:-.25px}.department-caption p{font-size:10px;color:#9690a0;margin:3px 0 14px;min-height:33px}.open-class{display:flex;justify-content:space-between;font-size:10px;color:#8263ac;border-top:1px solid #f1edf6;padding-top:10px}.department-card svg{stroke-width:1.5}
.class-banner{display:flex;align-items:center;gap:22px;background:var(--cover);padding:30px;margin:20px 0;border-radius:16px}.class-banner .btn{margin-left:auto}.class-banner h1{font-size:30px}.class-banner p{margin:4px 0;color:#6c6475}.class-icon svg{width:60px;height:60px;color:var(--accent)}.resource-controls{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.resource-controls .tabs{margin-right:auto}.resource-controls input{width:270px;font-size:12px}.resource-controls select{font-size:12px}.resource-list{display:grid;gap:12px;margin-top:18px}.resource-card{border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;align-items:center;gap:20px}.resource-info{flex:1;min-width:0}.resource-info h3{margin:8px 0 4px;overflow-wrap:anywhere}.resource-info p{font-size:12px;margin:0 0 5px;color:#89808f}.resource-info small{font-size:11px}.file-symbol{padding:18px 10px;background:#eee5fb;color:#8052b3;min-width:62px;text-align:center;border-radius:10px;font-size:11px;font-weight:700}
#materialStatus{font-size:12px;color:#91879c;margin:10px 0}.upload-empty{text-align:center;border:1px dashed #d8cbe8;border-radius:15px;padding:45px 20px;background:#fcfaff;color:#756582}.upload-empty>svg{width:50px;height:50px;color:#a082ba}.upload-empty p{font-size:13px}.upload-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-drop{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px dashed #c4afe0;border-radius:12px;background:#faf7ff;padding:20px;text-align:center}.upload-drop svg{width:30px;height:30px;color:#8e5dc8}.upload-drop span{font-size:10px;color:#8a7b97;line-height:1.7}.upload-drop input{font-size:11px;background:white;padding:8px;width:100%}#uploadStatus{font-size:12px;color:#78549b;margin:12px 0}dialog{max-height:90vh;overflow:auto;max-width:540px}
.tab.active{background:#783cdb}.hero{background:#efe7fb}.quote,.notice{background:#f4eefb;color:#765c91}.bar i{background:#9870cf}.square{background:#eee5fa}.reading .formula{background:#f1eafa}.choices label{background:#f7f3fc}.result{background:#eee5fb}
@media(min-width:1600px){.department-grid{gap:26px}.department-cover{height:155px}}
@media(max-width:1180px){.department-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content{padding:25px}.sidebar{width:210px}.shell{margin-left:210px}.brand{font-size:17px}.quick-links{gap:15px}.class-banner h1{font-size:24px}}
@media(max-width:760px){.sidebar{width:232px}.shell{margin-left:0}.content{padding:18px}.topbar{padding:0 18px}.workspace-name{display:none}.engineering-hero{padding:25px 15px}.engineering-hero h1{font-size:29px}.engineering-hero p{font-size:11px}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.department-caption{padding:11px}.department-cover{height:110px}.department-caption h3{font-size:12px}.department-caption p{font-size:10px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.class-banner{padding:20px;flex-wrap:wrap;gap:15px}.class-banner .btn{margin-left:0}.class-icon svg{width:40px}.class-banner h1{font-size:22px}.resource-controls input{width:100%}.resource-card{padding:15px;gap:10px;flex-wrap:wrap}.resource-info{min-width:150px}.resource-card .btn{margin-left:auto}.directory-search kbd{display:none}.sectionhead .btn{font-size:11px;padding:9px}.sectionhead h2{font-size:18px}}

/* KAMUS DAN PANEL AI */
.dict-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);gap:24px;align-items:start}.dict-filters{display:flex;gap:12px;flex-wrap:wrap}.dict-filters input{flex:1;min-width:180px}.dict-filters select{max-width:230px}.term-card{margin:14px 0}.term-card h3{font-size:19px;margin-bottom:10px}.term-card h3 small{display:block;font-weight:400;font-size:13px;margin-top:7px}.term-card p{font-size:13px}.term-example{font-size:12px;line-height:1.7;background:#f6f2fc;padding:13px;border-radius:9px;margin-bottom:15px}.ai-panel{position:sticky;top:18px}.ai-panel input,.ai-panel select{width:100%}.ai-messages{max-height:340px;overflow:auto;background:#faf8fd;padding:12px;border-radius:10px}.ai-message{padding:12px;margin-bottom:10px;background:white;border:1px solid #ebe5f1;border-radius:9px}.ai-message.user{background:#eee3fa}.ai-message b{font-size:11px}.ai-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:7px 0}#aiStatus{color:#82639b;font-size:12px}.ai-panel .textbtn{margin:12px}.ai-panel details{font-size:12px}@media(max-width:1000px){.dict-layout{grid-template-columns:1fr}.ai-panel{position:static}.dict-filters select{max-width:100%}}
/* =============================================================
   RUANG PAHAM V3 — RESPONSIVE DESIGN SYSTEM / LIGHT & DARK
   Semua style baru dibatasi prefix rp3 agar halaman V2 tetap aman.
   ============================================================= */
:root{--rp3-ink:#26223d;--rp3-faint:#817b92;--rp3-purple:#7442d7;--rp3-purple-2:#a77be7;--rp3-soft:#f8f6fc;--rp3-card:#fff;--rp3-border:#eae6f1;--rp3-tint:#eee7fa;--rp3-shade:#f4eefb}
html{scroll-behavior:smooth}
body{background:#fcfbfe}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b191ef!important;outline-offset:3px}
button{transition:background-color .17s,transform .17s,border-color .17s}
button:not(:disabled):active{transform:scale(.986)}
.content{max-width:1660px}
.sidebar{scrollbar-width:thin;scrollbar-color:#cbb7e5 transparent}
.sidebar .brand{margin-bottom:18px}
.rp3-sidebar-group{padding-bottom:12px;margin:9px 0 10px;border-bottom:1px solid var(--rp3-border)}
.rp3-sidebar-group .label{padding-top:10px}
.rp3-new-nav{gap:12px!important;padding:10px 11px!important;font-size:12px!important}
.rp3-navicon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-size:18px;font-weight:700;color:#7c54c3}
.rp3-new-nav.active .rp3-navicon{color:#6c32cd}
.rp3-top-actions{display:flex;align-items:center;gap:10px;margin-left:13px}
.rp3-beta-pill{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#7651bb;background:#f0e9fb;border:1px solid #e6d9fa;padding:7px 10px;border-radius:20px;white-space:nowrap}
.rp3-theme-switch{border:1px solid var(--rp3-border);background:var(--rp3-card);color:var(--rp3-purple);width:34px;height:34px;border-radius:10px;font-size:19px}
.rp3-feedback-top{font-size:10px;padding:10px 13px;white-space:nowrap}
.rp3-overline{font-size:10px;font-weight:800;color:#7d5bad;letter-spacing:1.6px;display:inline-block}
.rp3-welcome{min-height:350px;padding:45px 54px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(120deg,#eeeafe,#efeaff 42%,#e7f5ff 100%);border:1px solid #e4e1f5}
.rp3-welcome::before{content:"";position:absolute;width:430px;height:430px;right:-120px;top:-145px;border-radius:50%;background:#fff5;filter:blur(3px)}
.rp3-welcome-main{position:relative;z-index:2}
.rp3-welcome h1{font-size:clamp(31px,3.7vw,54px);line-height:1.13;letter-spacing:-2.6px;color:#312252;margin:17px 0 18px}
.rp3-welcome h1 em,.rp3-title-row h1 em{color:#8154d7;font-style:normal}
.rp3-welcome-main>p{max-width:510px;color:#736588;font-size:14px;line-height:1.75;margin-bottom:19px}
.rp3-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.rp3-actions.center{justify-content:center}
.rp3-welcome .btn{padding:13px 19px;font-size:12px}
.rp3-hero-note{font-size:10px;max-width:475px;color:#8d7b9e;line-height:1.6;margin-top:21px}
.rp3-hero-visual{height:290px;position:relative;display:grid;place-items:center;isolation:isolate}
.rp3-orbit{position:absolute;inset:25px 38px;border:2px dashed #ae9dde89;border-radius:50%;transform:rotate(-17deg)}
.rp3-orbit.orbit-b{inset:2px 66px;transform:rotate(53deg);border-style:solid;border-color:#bc9dea38}
.rp3-hero-core{background:linear-gradient(140deg,#8160d5,#5544ae);height:170px;width:170px;box-shadow:28px 38px 60px #6e56bc3d,-16px -16px 35px #fff9;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:45px;transform:rotate(-12deg);font-family:Georgia,serif;color:#fff;font-size:87px}
.rp3-hero-core small{font-family:'DM Sans',sans-serif;font-weight:800;font-size:7px;letter-spacing:2px;transform:rotate(12deg)}
.rp3-orb{position:absolute;display:grid;place-items:center;background:#fff;color:#875dd2;box-shadow:0 10px 30px #5d479521;font-size:22px;border:1px solid #e8dffa}
.orb-one{left:9%;top:8%;width:77px;height:77px;border-radius:21px;transform:rotate(-10deg)}
.orb-two{right:9%;top:17%;width:62px;height:62px;border-radius:22px;transform:rotate(14deg)}
.orb-three{right:18%;bottom:5%;width:72px;height:72px;border-radius:50%;font-size:32px}
.rp3-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 32px}
.rp3-stat{padding:22px 24px;background:var(--rp3-card);border:1px solid var(--rp3-border);border-radius:16px;box-shadow:0 4px 20px #6b4a9510;min-height:125px}
.rp3-stat>span{font-size:9px;letter-spacing:1.4px;color:var(--rp3-faint);font-weight:800;display:block}
.rp3-stat>strong{font:800 32px 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.6px;display:block;margin:9px 0;color:var(--rp3-ink)}
.rp3-stat>small{font-size:10px;color:var(--rp3-faint)}
.rp3-section-line{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:23px 0 19px}
.rp3-section-line.in-card{margin:6px 0 17px}
.rp3-section-line h2{margin:6px 0 0;font-size:22px;letter-spacing:-.75px}
.rp3-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.rp3-feature{display:block;text-align:left;background:var(--rp3-card);padding:25px 23px;border:1px solid var(--rp3-border);border-radius:17px;color:var(--rp3-ink);min-height:255px;position:relative;box-shadow:0 5px 18px #7e63ab0b}
.rp3-feature:hover{border-color:#c5a9ee;transform:translateY(-3px);box-shadow:0 16px 30px #7155a01c}
.rp3-feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:25px;font-weight:800;margin-bottom:25px}
.rp3-feature-icon.purple{background:#f0e6ff;color:#8b4cdb}.rp3-feature-icon.blue{background:#e7efff;color:#547cc2}.rp3-feature-icon.orange{background:#fff0e1;color:#d58f44}.rp3-feature-icon.green{background:#e4f6ed;color:#3d9a79}
.rp3-kicker{font-size:9px;letter-spacing:1.6px;font-weight:800;color:#9c8caa}
.rp3-feature h3{margin:9px 0;font-size:15px;letter-spacing:-.45px}
.rp3-feature p{font-size:11px;color:var(--rp3-faint);line-height:1.65;margin:0 0 25px}
.rp3-feature-link{position:absolute;bottom:20px;font-size:11px;color:var(--rp3-purple);font-weight:800}
.rp3-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:23px}
.rp3-surface{background:var(--rp3-card);border:1px solid var(--rp3-border);border-radius:18px;padding:27px 29px;min-width:0}
.rp3-surface h2{font-size:20px;letter-spacing:-.8px;margin:10px 0}
.rp3-surface p{font-size:12px;line-height:1.7;color:var(--rp3-faint)}
.rp3-recommend{display:flex;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--rp3-border);margin-top:17px}
.rp3-recommend-symbol{display:grid;place-items:center;background:#eee8fa;color:var(--rp3-purple);border-radius:13px;width:52px;height:52px;font-size:26px}
.rp3-recommend>div{flex:1;min-width:0}.rp3-recommend b{display:block;font-size:12px}.rp3-recommend small{display:block;font-size:10px;color:var(--rp3-faint);margin-top:5px}
.rp3-test-surface{background:linear-gradient(135deg,#f9f5ff,#f1f1ff);border-color:#eae1fb}
.rp3-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:6px 0 28px}
.rp3-title-row h1{font-size:clamp(29px,3vw,41px);letter-spacing:-1.7px;line-height:1.25;margin:8px 0 9px}
.rp3-title-row p{font-size:12px;color:var(--rp3-faint);max-width:650px;line-height:1.7;margin:0}
.rp3-count-tag{font-size:9px;font-weight:800;letter-spacing:1px;border:1px solid #e5daf7;background:#f5effe;color:#8d65ca;padding:11px 13px;border-radius:10px;text-align:center;white-space:nowrap}
.rp3-dict-layout{display:grid;grid-template-columns:minmax(0,1.33fr) minmax(325px,.79fr);gap:20px;align-items:start}
.rp3-search-panel{background:var(--rp3-card);border:1px solid var(--rp3-border);border-radius:17px;padding:19px;box-shadow:0 4px 17px #7c609408}
.rp3-searchbox{display:flex;align-items:center;gap:10px;border:1px solid var(--rp3-border);border-radius:11px;padding:0 13px;background:var(--rp3-soft)}
.rp3-searchbox>span{font-size:25px;color:#8d69cb}.rp3-searchbox input{border:0!important;background:transparent!important;box-shadow:none!important;padding:14px 0!important;flex:1;min-width:0;font-size:12px;outline:0!important;color:var(--rp3-ink)}
.rp3-searchbox kbd{font-size:10px;color:#9e88b0;border:1px solid #e7dbf4;background:#fff;border-radius:5px;padding:3px 6px}
.rp3-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.rp3-filter-row select{flex:1;min-width:110px;font-size:11px;max-width:100%;border:1px solid var(--rp3-border);border-radius:9px;color:var(--rp3-ink);background:var(--rp3-card);padding:10px 13px}
.rp3-chiprow{gap:8px}.rp3-chip{border:1px solid #e5dcf0;border-radius:20px;padding:7px 12px;background:var(--rp3-card);color:var(--rp3-faint);font-size:10px;font-weight:700}.rp3-chip.selected{background:#e7d8ff;border-color:#c7a8f0;color:#743bbd}
.rp3-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 1px 12px}.rp3-list-head strong{font-size:12px}.rp3-list-head small{font-size:10px;color:var(--rp3-faint);text-align:right}
.rp3-term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.rp3-term-card{border:1px solid var(--rp3-border);border-radius:15px;background:var(--rp3-card);padding:19px;display:flex;flex-direction:column;min-width:0;box-shadow:0 4px 16px #8368aa08}
.rp3-term-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rp3-dept-tag{color:#8153bf;background:#f3ebfe;border-radius:20px;font-size:9px;font-weight:800;padding:6px 9px}
.rp3-icon-btn{background:#fff;border:1px solid #e8def0;color:#a18ab6;border-radius:9px;font-size:22px;line-height:1;width:31px;height:31px}
.rp3-icon-btn.on{color:#d45f91;background:#fff0f5;border-color:#f0c9da}
.rp3-term-card h3{font-size:15px;line-height:1.4;letter-spacing:-.4px;margin:16px 0 2px}
.rp3-translation{font-size:11px;color:#8965b6;font-weight:700;margin-bottom:11px}
.rp3-term-card>p{font-size:11px;line-height:1.7;color:var(--rp3-faint);margin:2px 0 12px;flex:1}
.rp3-example{border:1px solid #eee7f5;background:#f8f5fc;border-radius:10px;padding:12px;font-size:10px;color:#796f85;line-height:1.7}
.rp3-example b{display:block;color:#8d6aae;font-size:9px;letter-spacing:1px;margin-bottom:4px}
.rp3-term-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--rp3-border)}
.rp3-text-action{background:transparent;border:0;color:#8054c4;font-size:10px;font-weight:800;padding:5px 0}.rp3-text-action.completed{color:#2c9272}
.rp3-more{width:100%;margin:18px 0 30px}
.rp3-empty{grid-column:1/-1;padding:40px;background:var(--rp3-card);border:1px dashed #cfbce9;border-radius:15px;text-align:center}.rp3-empty p{font-size:12px;color:var(--rp3-faint)}
.rp3-ai-column{position:sticky;top:20px;background:var(--rp3-card);border:1px solid var(--rp3-border);border-radius:18px;overflow:hidden}
.rp3-ai-header{display:flex;align-items:center;gap:12px;padding:21px 20px;background:linear-gradient(115deg,#7545cb,#9370e4);color:#fff}
.rp3-ai-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffffff35;font-size:22px}
.rp3-ai-header h2{margin:0;font-size:15px;color:#fff}.rp3-ai-header p{color:#e8dbff;font-size:10px;margin:5px 0 0}
.rp3-ai-box{padding:19px}.rp3-ai-box input,.rp3-ai-box textarea,.rp3-ai-box select{width:100%;min-width:0;margin:6px 0 10px;font-size:12px;border:1px solid var(--rp3-border);border-radius:9px;padding:10px;background:var(--rp3-card);color:var(--rp3-ink)}
.rp3-ai-box label,.rp3-study-main label,.rp3-feedback-form label,.rp3-surface label{display:block;color:var(--rp3-ink);font-size:11px;font-weight:700;margin:11px 0 6px}
.rp3-ai-box .ai-messages{max-height:220px;min-height:80px;border:1px solid var(--rp3-border);background:var(--rp3-soft);font-size:11px;margin-bottom:15px}
.rp3-ai-box .ai-message{background:var(--rp3-card);border-color:var(--rp3-border)}
.rp3-ai-box .ai-message p{color:var(--rp3-ink);font-size:11px}
.rp3-ai-actions{display:flex;gap:9px;flex-wrap:wrap}.rp3-ai-actions .btn{flex:1;font-size:11px;padding:11px 9px}
.rp3-small-note{font-size:10px!important;color:var(--rp3-faint)!important;line-height:1.7!important;margin:10px 0!important}
.rp3-ai-box #aiStatus{font-size:11px;margin:10px 0;color:#6f4ac3;line-height:1.6}
.rp3-study-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);gap:20px;align-items:start}
.rp3-study-main{background:var(--rp3-card);border:1px solid var(--rp3-border);border-radius:18px;padding:27px;min-width:0}
.rp3-study-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.rp3-study-tools label{margin:0}.rp3-study-tools select{min-width:185px;max-width:65%;font-size:12px;padding:11px}
.rp3-session-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--rp3-faint);font-weight:800;letter-spacing:1px;margin:18px 0 10px}
.rp3-session-progress{height:7px;background:#f0ebf7;border-radius:12px;overflow:hidden;margin-bottom:23px}
.rp3-session-progress i{display:block;background:linear-gradient(90deg,#9670e9,#7a46d0);height:100%;border-radius:inherit;transition:width .2s}
.rp3-flashcard{background:linear-gradient(135deg,#ede6ff,#e8f0ff);border:1px solid #d9c8f7;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;padding:35px 35px;min-height:330px;width:100%;border-radius:20px;color:#4c317e;transition:background .2s,transform .2s}
.rp3-flashcard.flipped{background:linear-gradient(140deg,#edefff,#f4e9ff)}
.rp3-flashcard:hover{border-color:#b591ec}.rp3-flash-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#9667cc}
.rp3-flash-title{font:800 clamp(24px,3vw,36px) 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.2px;line-height:1.3;margin:20px 0}
.rp3-flash-body{font-size:13px;line-height:1.8;max-width:480px;color:#76618d}
.rp3-flash-hint{font-size:10px;color:#8b6ba5;margin-top:30px;font-weight:800}
.rp3-review-question{text-align:center;font-size:12px;color:var(--rp3-faint);margin:22px 0 12px}
.rp3-grade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.rp3-grade-grid button{background:var(--rp3-card);border:1px solid var(--rp3-border);border-radius:12px;padding:14px 8px;color:var(--rp3-ink)}.rp3-grade-grid button:hover{background:var(--rp3-tint)}
.rp3-grade-grid b,.rp3-grade-grid small{display:block}.rp3-grade-grid b{font-size:12px}.rp3-grade-grid small{font-size:9px;color:var(--rp3-faint);margin-top:6px}
.rp3-big-btn{width:100%;display:block;margin-top:19px;padding:13px!important;font-size:12px!important}
.rp3-side-note{padding:26px!important}.rp3-side-note h3{font-size:18px;letter-spacing:-.6px;margin:9px 0 11px}.rp3-side-note>p{line-height:1.75;font-size:12px}
.rp3-side-metric{padding:15px 0;border-top:1px solid var(--rp3-border);display:flex;align-items:center;gap:20px}
.rp3-side-metric strong{font:800 27px 'Plus Jakarta Sans',sans-serif;letter-spacing:-1px;min-width:50px}.rp3-side-metric span{font-size:11px;color:var(--rp3-faint)}
.rp3-complete{padding:30px 22px;text-align:center}.rp3-complete h2{font-size:23px;margin:18px 0 10px}.rp3-complete p{max-width:460px;font-size:12px;line-height:1.8;color:var(--rp3-faint);margin:0 auto 17px}.rp3-complete .btn{margin:6px;font-size:11px}
.rp3-complete-icon{width:60px;height:60px;border-radius:20px;background:#e8dafd;color:#7b48c6;margin:0 auto;display:grid;place-items:center;font-size:32px}
.rp3-quiz-intro{text-align:center;padding:44px 15px}.rp3-quiz-intro h2{font-size:25px;margin:18px 0 10px}.rp3-quiz-intro p{font-size:12px;line-height:1.7;max-width:400px;margin:0 auto 18px;color:var(--rp3-faint)}
.rp3-quiz-art{width:105px;height:105px;background:linear-gradient(130deg,#f2dcff,#dce6ff);border-radius:35px;transform:rotate(-9deg);display:grid;place-items:center;margin:0 auto;color:#8a4ecf;font-size:62px}
.rp3-question h2{font-size:22px;line-height:1.4;margin:13px 0}.rp3-prompt-definition{padding:15px;border-radius:12px;background:var(--rp3-soft);font-size:12px;color:var(--rp3-faint);line-height:1.7}
.rp3-options{display:grid;gap:10px;margin-top:22px}.rp3-answer{width:100%;display:flex;align-items:center;gap:15px;text-align:left;border-radius:12px;border:1px solid var(--rp3-border);background:var(--rp3-card);padding:14px;color:var(--rp3-ink);font-size:12px;min-height:52px}
.rp3-answer>span{font-size:11px;font-weight:800;width:27px;height:27px;background:var(--rp3-soft);display:grid;place-items:center;border-radius:8px;color:#9370ba;flex-shrink:0}
.rp3-answer:hover:not(:disabled),.rp3-answer.chosen{background:var(--rp3-tint);border-color:#ac8ee2}
.rp3-answer.correct{background:#e6f8ef!important;border-color:#84ceaa!important;color:#1d6649!important}.rp3-answer.incorrect{background:#fff0ef!important;border-color:#eba3a0!important;color:#923d3d!important}.rp3-answer:disabled{opacity:1}
.rp3-explanation{margin-top:20px;padding:17px;border-radius:12px;background:#f5f1fb;color:#604886}.rp3-explanation b{font-size:12px}.rp3-explanation p{font-size:11px;line-height:1.7;margin-bottom:0}
.rp3-score{font:800 58px 'Plus Jakarta Sans',sans-serif;letter-spacing:-3px;display:block;margin:10px}.rp3-score small{font-size:17px;color:#b5a5cc}
.rp3-wrong-review{margin:27px 0 8px}.rp3-wrong-review>h3{font-size:16px}.rp3-wrong-review article{border:1px solid var(--rp3-border);border-radius:10px;padding:15px;margin:10px 0}.rp3-wrong-review article b{font-size:12px}.rp3-wrong-review article p,.rp3-wrong-review article small{font-size:11px;line-height:1.7;color:var(--rp3-faint);display:block}.rp3-wrong-review article .textbtn{font-size:11px;margin-top:9px}
.rp3-lab-formula{margin:25px 0;padding:23px;background:linear-gradient(115deg,#efe8fb,#eaefff);border-radius:13px;color:#653bb3}.rp3-lab-formula span{font-size:10px;font-weight:800;letter-spacing:1.2px;display:block}.rp3-lab-formula strong{font:800 27px 'Plus Jakarta Sans',sans-serif;margin-top:14px;display:block}
.rp3-study-main input,.rp3-study-main select,.rp3-study-main textarea{background:var(--rp3-card);border:1px solid var(--rp3-border);border-radius:10px;color:var(--rp3-ink);padding:12px;max-width:100%}
.rp3-study-main form>input{display:block;width:100%;margin:5px 0 18px}
.rp3-calc-result{margin-top:20px;background:var(--rp3-soft);border:1px solid var(--rp3-border);border-radius:12px;padding:17px;font-size:12px;color:var(--rp3-faint);line-height:1.7}
.rp3-calc-result span,.rp3-calc-result small{display:block;font-size:10px}.rp3-calc-result strong{display:block;font:800 27px 'Plus Jakarta Sans',sans-serif;color:var(--rp3-purple);margin:6px 0}
.rp3-progress-ring-wrap{display:flex;gap:27px;align-items:center;margin:25px 0}.rp3-progress-ring{width:145px;height:145px;flex:0 0 145px;border-radius:50%;background:conic-gradient(#8351d7 var(--rp3-progress),#eee7f6 0);display:grid;place-items:center;position:relative}
.rp3-progress-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--rp3-card)}.rp3-progress-ring span{z-index:1;font:800 29px 'Plus Jakarta Sans',sans-serif;text-align:center}.rp3-progress-ring small{display:block;font:800 9px 'DM Sans',sans-serif;letter-spacing:1px;color:var(--rp3-faint);margin-top:5px}
.rp3-progress-ring-wrap>div:last-child h2{font-size:18px}.rp3-inner-heading{font-size:14px;margin:24px 0 16px}.rp3-progress-line{display:grid;grid-template-columns:1fr auto;gap:6px;margin:13px 0}.rp3-progress-line span{font-size:11px}.rp3-progress-line b{font-size:10px;color:var(--rp3-faint)}.rp3-progress-line>div{grid-column:1/-1;height:6px;background:var(--rp3-soft);border-radius:8px;overflow:hidden}.rp3-progress-line i{display:block;background:linear-gradient(90deg,#ad88e8,#7750cc);height:100%}
.rp3-activity{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--rp3-border)}.rp3-activity-dot{color:#a97cdb;font-size:30px;line-height:20px}.rp3-activity b{font-size:11px;display:block;font-weight:700}.rp3-activity small{font-size:10px;color:var(--rp3-faint);display:block;margin-top:5px}.rp3-history-scroll{overflow:auto}.rp3-history{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.rp3-history th,.rp3-history td{padding:10px;border-bottom:1px solid var(--rp3-border)}.rp3-history th{color:var(--rp3-faint);font-size:10px}
.rp3-test-banner{padding:17px 20px;margin:-8px 0 21px;border:1px solid #dccbf1;background:#f3edff;border-radius:13px}.rp3-test-banner strong{font-size:12px;color:#774ac4}.rp3-test-banner p{font-size:11px;color:#786995;line-height:1.7;margin:5px 0}
.rp3-task-count{font-size:11px;font-weight:800;color:#8153d2}.rp3-task-list{display:grid;gap:9px}
.rp3-task{display:flex!important;align-items:center;gap:13px;border:1px solid var(--rp3-border);border-radius:11px;padding:13px 15px;margin:0!important;cursor:pointer}
.rp3-task input{accent-color:#7d51d3;width:17px;height:17px;flex:0 0 auto}.rp3-task span b{display:block;font-size:11px}.rp3-task span small{font-size:10px;line-height:1.6;color:var(--rp3-faint);display:block;margin-top:3px;font-weight:400}
.rp3-separator{border:0;border-top:1px solid var(--rp3-border);margin:25px 0}
.rp3-feedback-form input,.rp3-feedback-form select,.rp3-feedback-form textarea{width:100%;margin:6px 0 10px;padding:12px;border:1px solid var(--rp3-border);border-radius:9px;font-size:12px;background:var(--rp3-card);color:var(--rp3-ink)}
.rp3-rating-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.rp3-feedback-form .rp3-checkbox{display:flex;gap:12px;align-items:start;line-height:1.7;font-weight:400;font-size:11px;margin:10px 0 19px}
.rp3-checkbox input{width:16px;height:16px;flex-shrink:0;margin-top:1px;accent-color:#7848ca}
.rp3-side-note>.btn{width:100%;margin:6px 0;font-size:11px}
.rp3-settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.rp3-settings-row b,.rp3-settings-row small{display:block}.rp3-settings-row b{font-size:12px}.rp3-settings-row small{font-size:10px;color:var(--rp3-faint);margin-top:5px}
.rp3-upload-label{display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;padding:12px 18px!important;margin:0!important}
.rp3-surface form input{width:100%;font-size:12px;padding:12px;background:var(--rp3-card);border:1px solid var(--rp3-border);color:var(--rp3-ink);border-radius:9px;margin:7px 0 13px}
.rp3-danger{background:transparent;border:0;color:#bc5268;font-size:11px;text-decoration:underline;padding:10px 0;margin-top:15px}
.rp3-disclosure{background:var(--rp3-soft);padding:16px;border-radius:12px;margin-top:20px}.rp3-disclosure b{font-size:12px}
@media(max-width:1300px){.rp3-welcome{padding:37px 37px}.rp3-hero-visual{height:250px}.rp3-hero-core{width:150px;height:150px}.rp3-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rp3-feature{min-height:225px}.rp3-dict-layout{grid-template-columns:minmax(0,1fr) 320px}.rp3-term-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.rp3-dict-layout,.rp3-study-layout{grid-template-columns:1fr}.rp3-ai-column{position:static}.rp3-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rp3-welcome h1{font-size:37px}}
@media(max-width:850px){.rp3-welcome{grid-template-columns:1fr;min-height:auto;padding:38px}.rp3-hero-visual{display:none}.rp3-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rp3-count-tag{white-space:normal}}
@media(max-width:760px){.content{padding:19px 15px 45px}.topbar{gap:8px}.topbar>.profile{margin-left:auto}.rp3-top-actions{gap:6px;margin-left:0}.rp3-beta-pill{display:none}.rp3-feedback-top{display:none}.rp3-theme-switch{width:32px;height:32px}.rp3-welcome{padding:27px 21px}.rp3-welcome h1{font-size:34px;letter-spacing:-1.8px}.rp3-feature-grid,.rp3-two-col{grid-template-columns:1fr 1fr}.rp3-surface{padding:19px}.rp3-title-row{align-items:flex-start;flex-wrap:wrap}.rp3-term-grid{grid-template-columns:1fr}.rp3-study-main{padding:19px}.rp3-side-note{padding:19px!important}.rp3-test-banner{margin-top:0}}
@media(max-width:560px){.rp3-feature-grid,.rp3-two-col,.rp3-stats{grid-template-columns:1fr 1fr;gap:10px}.rp3-stat{padding:17px;min-height:105px}.rp3-stat>strong{font-size:28px}.rp3-feature{padding:20px;min-height:230px}.rp3-feature h3{font-size:13px}.rp3-feature p{font-size:10px}.rp3-feature-icon{margin-bottom:16px}.rp3-title-row h1{font-size:30px}.rp3-title-row p{font-size:11px}.rp3-two-col{grid-template-columns:1fr}.rp3-recommend{flex-wrap:wrap}.rp3-dict-layout{gap:13px}.rp3-study-tools{flex-direction:column;align-items:stretch}.rp3-study-tools select{max-width:100%;width:100%}.rp3-grade-grid{grid-template-columns:repeat(2,1fr)}.rp3-flashcard{min-height:300px;padding:25px}.rp3-rating-fields{grid-template-columns:1fr}.rp3-progress-ring-wrap{flex-direction:column;text-align:center}.rp3-searchbox kbd{display:none}.rp3-term-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Dark mode primarily themes V3 surfaces and common app chrome; old demo stays legible. */
html[data-rp3-theme="dark"]{--rp3-ink:#f0eefa;--rp3-faint:#b9b1ca;--rp3-purple:#c2a2ff;--rp3-soft:#252139;--rp3-card:#201d30;--rp3-border:#39324d;--rp3-tint:#392c54;--rp3-shade:#302846;--paper:#171522;--ink:#f0eefa;--muted:#b9b1ca;--line:#39324d}
html[data-rp3-theme="dark"] body{background:#171522;color:var(--rp3-ink)}
html[data-rp3-theme="dark"] .sidebar,html[data-rp3-theme="dark"] .topbar{background:#1b1929;border-color:#322b43}
html[data-rp3-theme="dark"] .sidebar .nav{color:#c0b8d3}
html[data-rp3-theme="dark"] .sidebar .nav.active{background:#3c2e5c;color:#ebdaff}
html[data-rp3-theme="dark"] .sidebar .nav:hover{background:#2d2540}
html[data-rp3-theme="dark"] .sidebar-foot,html[data-rp3-theme="dark"] .badge{background:#2b243d;color:#cbb3ef}
html[data-rp3-theme="dark"] .rp3-welcome{background:linear-gradient(120deg,#38284f,#302a58 55%,#263a52);border-color:#493b66}
html[data-rp3-theme="dark"] .rp3-welcome h1{color:#f9f1ff}
html[data-rp3-theme="dark"] .rp3-welcome-main>p,html[data-rp3-theme="dark"] .rp3-hero-note{color:#c7b6dc}
html[data-rp3-theme="dark"] .rp3-test-surface,html[data-rp3-theme="dark"] .rp3-test-banner{background:#302744;border-color:#504163}
html[data-rp3-theme="dark"] .rp3-test-banner p{color:#c4b4d8}
html[data-rp3-theme="dark"] .rp3-searchbox kbd,html[data-rp3-theme="dark"] .rp3-icon-btn,html[data-rp3-theme="dark"] .rp3-filter-row select{background:#2b263b;color:#d4c1ef;border-color:#4f4165}
html[data-rp3-theme="dark"] .rp3-dept-tag{background:#443359;color:#ddbbff}
html[data-rp3-theme="dark"] .rp3-example,html[data-rp3-theme="dark"] .rp3-explanation{background:#302742;color:#c8b9de;border-color:#443750}
html[data-rp3-theme="dark"] .rp3-flashcard,html[data-rp3-theme="dark"] .rp3-flashcard.flipped{background:linear-gradient(140deg,#3a3159,#323d61);color:#fff;border-color:#675493}
html[data-rp3-theme="dark"] .rp3-flash-body,html[data-rp3-theme="dark"] .rp3-flash-hint{color:#d0bce8}
html[data-rp3-theme="dark"] .rp3-flash-kicker{color:#ddc0ff}
html[data-rp3-theme="dark"] .rp3-lab-formula{background:#3b3052;color:#e0c9ff}
html[data-rp3-theme="dark"] .rp3-progress-ring{background:conic-gradient(#b795f1 var(--rp3-progress),#3c324d 0)}
html[data-rp3-theme="dark"] .rp3-quiz-art{background:#403158;color:#c9abf7}
html[data-rp3-theme="dark"] .rp3-option.correct{color:#1d6649}
html[data-rp3-theme="dark"] .rp3-answer.correct{background:#254d3f!important;color:#baf5d7!important}
html[data-rp3-theme="dark"] .rp3-answer.incorrect{background:#503039!important;color:#ffd9dc!important}
html[data-rp3-theme="dark"] .rp3-count-tag,html[data-rp3-theme="dark"] .rp3-beta-pill{background:#302441;border-color:#514069;color:#dec3ff}
html[data-rp3-theme="dark"] .rp3-ai-box .ai-messages{color:#d9d0ed}
html[data-rp3-theme="dark"] .rp3-ai-box .ai-message.user{background:#413154}
html[data-rp3-theme="dark"] .department-card,html[data-rp3-theme="dark"] .card,html[data-rp3-theme="dark"] .resource-card{background:#211d30;border-color:#3b324d;color:#ede6f7}
html[data-rp3-theme="dark"] .department-caption p,html[data-rp3-theme="dark"] .muted{color:#b9b0c8}
html[data-rp3-theme="dark"] dialog{background:#262037;color:#f2ebfd;border:1px solid #594470}