/* KAMA — a quiet blue study room. Functional feedback stays close to the question. */
:root{--navy:#204fa5;--blue:#326ad5;--ink:#223d62;--muted:#6f819e;--line:#d9e5f6;--bg:#eff5fd;--good:#247a77;--bad:#a95168;--amber:#916c9f;color-scheme:light}
body{background:#eff5fd;background-image:radial-gradient(ellipse at 86% 0%,#dae5ff 0,transparent 46%),radial-gradient(ellipse at 0 75%,#e4efff 0,transparent 45%);background-attachment:fixed}
body:before{content:'';position:fixed;width:440px;height:440px;border:1px solid #b5ccf52b;border-radius:50%;top:-220px;right:-90px;box-shadow:0 0 0 68px #c9dfff17,0 0 0 140px #c9dfff0b;pointer-events:none;z-index:-1;animation:skyDrift 18s ease-in-out infinite alternate}
button{border-radius:15px;border-color:var(--line);min-height:46px;transition:transform .18s,background .2s,border-color .2s,box-shadow .2s}
button:hover{border-color:#87acec;box-shadow:0 6px 18px #3669bd12}button:active:not(:disabled){transform:scale(.98)}
button.primary{background:linear-gradient(115deg,#336fdc,#547be0);border-color:#4070d1;color:white;box-shadow:0 7px 19px #3f70c727}
button.primary:hover{background:#3469cf;color:#fff}.pill{background:#eaf0ff;color:#315b9a;border-color:#d9e4f8}.eyebrow{color:#6687bc;font-size:12px;letter-spacing:.06em}
h1,h2,h3{color:#244572}h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.035em}h2{font-size:24px;letter-spacing:-.02em}
input[type=checkbox],input[type=radio]{accent-color:#4479dc}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #81baff;outline-offset:3px}
.shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{background:linear-gradient(150deg,#264e96,#2c5ea6 65%,#466ab4);border:0;padding:34px 18px;box-shadow:8px 0 50px #6c95cf0c}
.brand{font-size:25px}.brand small{color:#d9e7ff;font-size:11px;letter-spacing:.2em}.logo-icon{border-color:#d7e6ff99;background:#ffffff0b;font-style:italic}.brand-sub{color:#d5e5ff;margin:18px 5px 36px;font-size:12px}
.nav{gap:12px}.nav button{border-radius:17px;color:#e3eeff;display:flex;align-items:center;gap:12px;padding:16px 18px;font-size:16px;font-weight:500;white-space:nowrap}.nav button.active{color:#315da8;background:#f5f8ff;box-shadow:0 9px 26px #14366520}.nav button:hover{background:#ffffff12}.nav button.active:hover{background:#fff}.nav-icon{font-size:24px;line-height:1}.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#dce9ff;color:#2e60b3;font-size:11px}
.sidebar-note{color:#d4e2f9;border:1px solid #ffffff20;border-radius:18px;background:#ffffff09;margin-top:auto;font-size:12px;line-height:1.9;padding:18px}.account-menu{position:relative;margin-top:18px;color:#e3edff}.account-menu>summary{cursor:pointer;padding:12px;border-radius:12px;font-size:13px;list-style:none}.account-menu>summary:after{content:'⌄';float:right}.menu-panel{display:grid;gap:6px;background:#f8fbff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 20px 45px #203b7329;z-index:40}.menu-panel button{text-align:left;border:0;background:transparent;color:var(--ink);font-size:13px}.menu-panel button:hover{background:#eaf1ff}
.content{padding:42px clamp(20px,4vw,64px) 72px;max-width:1360px;width:100%;margin:auto;min-width:0}.free-heading{margin-bottom:26px}.free-heading h1{margin:12px 0 16px}.free-heading p{color:var(--muted);font-size:15px;line-height:1.9;max-width:580px}
.free-hero{display:grid;grid-template-columns:1fr 260px;gap:24px;padding:38px 42px 28px;border:1px solid #ffffff;background:linear-gradient(120deg,#ffffffde,#f4f8ffdf 57%,#e6edffdf);border-radius:32px;position:relative;overflow:hidden;box-shadow:0 18px 60px #3466ad0b;animation:gentleRise .45s ease-out}
.free-hero:after{content:'✦';position:absolute;right:28px;top:22px;font-size:35px;color:#a6bfef;animation:softTwinkle 5s ease-in-out infinite;pointer-events:none}.hero-copy{position:relative;z-index:1}.hero-copy h1{margin:16px 0 18px;font-weight:650}.hero-copy p{font-size:15px;color:#7284a4;line-height:1.9;margin-bottom:24px}.hero-copy small{display:block;color:#7e8fa9;font-size:12px;margin-top:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions button{padding:14px 22px;display:flex;gap:28px;align-items:center}
.study-orbit{width:232px;height:232px;border-radius:50%;padding:8px;background:conic-gradient(from -70deg,#7a9ce9 var(--coverage),#e1e9fb var(--coverage));align-self:center;justify-self:center;box-shadow:0 0 0 12px #ffffff66,0 0 0 30px #dde8ff36;position:relative}.orbit-core{height:100%;border-radius:50%;background:linear-gradient(155deg,#f9fcff,#edf2ff);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6483b4}.orbit-core strong{font-size:44px;letter-spacing:-.04em;color:#335f9f;line-height:1.2;font-weight:600}.orbit-core>span:not(.orbit-star){font-size:12px;margin-top:7px}.orbit-core small{font-size:10px;color:#8297b7;margin-top:4px}.orbit-star{color:#90abe3;font-size:24px;margin-bottom:10px;animation:softTwinkle 5s infinite}.hero-progress{grid-column:1/-1;margin-top:10px;padding-top:22px;border-top:1px solid #dae4f2}.hero-progress .dual-progress{display:grid;grid-template-columns:1fr 1fr;column-gap:34px}.hero-progress .free-meter-label:nth-of-type(3){grid-column:2;grid-row:1}.hero-progress .free-meter:nth-of-type(4){grid-column:2;grid-row:2}
.dual-progress{display:block}.free-meter-label{display:flex;justify-content:space-between;font-size:11px;line-height:1.4;color:#7a8ea9;margin:9px 0 7px}.free-meter-label b{color:#456b9f;font-weight:550}.free-meter{display:block;height:5px;border-radius:8px;overflow:hidden;background:#e9eff8}.free-meter i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#68a0eb,#678cdb);transition:width .65s ease}.free-meter:last-child i{background:linear-gradient(90deg,#90b9e8,#a6a6e0)}
.free-subjects{margin-top:38px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2{margin:5px 0 0}.quiet-badge{font-size:11px;color:#7c90ae}.free-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subject-card{text-align:left;padding:21px 22px 24px;border:1px solid #ffffff;background:#ffffffc4;border-radius:24px;box-shadow:0 5px 25px #436daa06;animation:gentleRise .4s both;animation-delay:calc(var(--order)*35ms);min-width:0}.subject-card:hover{background:#fff;transform:translateY(-3px);border-color:#d1dffa;box-shadow:0 12px 28px #436daa12}.subject-card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.subject-glyph{display:grid;place-items:center;width:42px;height:42px;flex:none;background:linear-gradient(145deg,#eff5ff,#e5edff);border:1px solid #dce7fc;color:#6389c4;border-radius:14px;font-size:19px;font-weight:500}.subject-card-title strong{display:block;font-size:16px;color:#355783;font-weight:600}.subject-card-title small{display:block;font-size:10px;font-weight:400;color:#8a9ab2;margin-top:5px}.subject-arrow{margin-left:auto;color:#8aa5ce;font-size:21px;font-weight:400}.free-footnote{color:#8594ab;font-size:11px;line-height:1.9;margin:24px 4px}
.wrong-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 34px;background:linear-gradient(120deg,#e5efff,#f7f8ff);border:1px solid white;border-radius:28px;overflow:hidden;margin-bottom:24px}.wrong-total{display:block;font-size:64px;font-weight:500;color:#416bae;line-height:1.2;margin:12px 0}.wrong-total small{font-size:16px;color:#899dbd;margin-left:10px}.wrong-hero p{margin:0;color:#758cac;font-size:13px}.wrong-actions{display:grid;gap:10px;position:relative;z-index:1}.wrong-actions button{padding:13px 22px}.soft-star{font-size:190px;position:absolute;right:25%;top:-26px;color:#adc5f035;pointer-events:none}.wrong-tabs{display:flex;gap:10px;border-bottom:1px solid #dce6f4;padding-bottom:17px;margin-bottom:16px}.wrong-tabs button{border:1px solid transparent;background:transparent;color:#7a8eac;padding:12px 22px}.wrong-tabs button[aria-pressed=true]{background:#fff;border-color:#dae5fa;color:#3b69b0;box-shadow:0 5px 18px #5d83be0b}.wrong-tabs b{margin-left:8px;font-size:12px}.wrong-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.wrong-filters button{font-size:12px;min-height:38px;padding:8px 13px;background:#ffffff8f;border-color:transparent;color:#6d83a3}.wrong-filters button.active{background:#dfeaff;color:#335fa5;border-color:#cddffc}.wrong-filters span{font-size:11px;margin-left:5px}.wrong-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wrong-card{border:1px solid #fff;border-radius:24px;background:#ffffffca;padding:22px;min-width:0}.wrong-card small{color:#8494ac;font-size:11px}.wrong-card>.row:last-child{margin-top:14px}.wrong-card .row button{font-size:11px;min-height:36px;padding:7px 10px;background:#eff5ff;color:#5276ad;border:0}.wrong-stem{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left;border:0;border-radius:0;padding:0;background:none;font-weight:500;color:#365273;font-size:16px;line-height:1.8;margin-top:18px;min-height:0}.wrong-stem:hover{box-shadow:none;color:#326ac2}
.free-empty{background:#ffffffb3;border:1px solid #fff;border-radius:28px;padding:52px 24px;text-align:center}.free-empty>span{display:block;font-size:48px;color:#89a8e0;margin-bottom:18px}.free-empty h2{font-size:23px}.free-empty p{color:#7b8faa;font-size:14px;line-height:1.8}.free-empty .actions{justify-content:center;margin-top:25px}
.free-reader-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#728aac;font-size:13px;margin-bottom:23px}.back-button{border:0;background:#ffffff93;padding:10px 15px;color:#5278af;font-size:13px}.free-save{font-size:11px;color:#8b9bb1}.mode-switch{display:flex;padding:5px;border:1px solid #dce7f8;background:#e6eefb;border-radius:18px;width:280px;margin:0 auto 24px}.mode-switch button{border:0;background:transparent;flex:1;font-size:14px;color:#7c90ae;min-height:42px;box-shadow:none}.mode-switch button[aria-pressed=true]{background:#fff;color:#3567b6;box-shadow:0 4px 15px #4a77b515}.reader-meta{display:flex;justify-content:space-between;align-items:center;color:#8a9ab2;font-size:12px;margin:0 5px 13px}.reader-meta .pill{font-size:11px;background:#e4edfc}
.free-question{background:#fffffff2;border:1px solid white;border-radius:28px;padding:28px clamp(20px,3vw,40px);box-shadow:0 12px 42px #496a9c08;min-width:0;transition:border .3s}.free-mode-hint{font-size:12px;color:#90a0b5;margin:0 0 22px}.free-question .qstem{font-size:19px;line-height:1.85;font-weight:550;color:#28466e;margin-bottom:26px;white-space:pre-wrap;overflow-wrap:anywhere}.free-question .passage{background:#f3f7ff;border-color:#d9e4f5;color:#4c6383;font-size:16px;line-height:1.85;margin-bottom:20px}.free-options{display:grid;gap:12px;margin:24px 0}.free-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #dce6f4;border-radius:17px;padding:17px 18px;cursor:pointer;background:#fff;transition:background .2s,border .2s,transform .15s;min-width:0}.free-option:hover{background:#f6f9ff;border-color:#a7c1ed}.free-option:active{transform:scale(.992)}.free-option input{margin-top:3px;width:21px;height:21px;min-height:21px;flex:none}.free-letter{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:#edf3fe;color:#537caf;font-size:13px;line-height:1;font-weight:600}.free-option-text{font-size:17px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;flex:1}.free-option.selected{border-color:#6d9be5;background:#edf4ff}.free-option.answer-correct{background:#eff8f6;border-color:#8abcb5}.free-option.answer-correct .free-letter{background:#358b86;color:white}.free-option.answer-wrong{background:#fdf3f6;border-color:#d7a6b6}.answer-tag{display:block;color:#32827d;font-size:11px;margin-top:5px}.wrong-tag{color:#a2677c}.answer-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 4px}.answer-actions button:not(.primary){background:#f5f7fc;border:0;color:#7c8fac;font-size:13px}
.memory-answer{border:1px solid #dbe6f9;background:linear-gradient(130deg,#f2f7ff,#f1f3ff);border-radius:22px;padding:24px;margin-top:26px}.memory-answer>p{white-space:pre-wrap;line-height:1.9;color:#36598a;font-size:18px;margin:14px 0 22px}.answer-veil{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0;color:#8aa3c9;font-size:15px}.answer-veil span:last-child{font-size:22px;letter-spacing:.1em}.memory-answer button{margin-top:5px;min-width:170px}.memory-answer.revealed{animation:answerUnveil .35s ease-out}
.free-feedback{display:flex;gap:15px;align-items:flex-start;padding:22px;border-radius:20px;margin:25px 0;background:#ecf7f4;position:relative;overflow:hidden;animation:answerUnveil .32s ease-out}.free-feedback.is-gentle{background:#f4f1fa}.feedback-symbol{font-size:30px;line-height:1.2;color:#55a59f}.is-gentle .feedback-symbol{color:#9c8cbb}.free-feedback strong{font-size:17px;color:#337a78;line-height:1.6;font-weight:600}.free-feedback.is-gentle strong{color:#7c6d9a}.free-feedback p{font-size:12px;line-height:1.8;color:#769793;margin:7px 0 0}.is-gentle p{color:#998daf}.mini-stars{position:absolute;right:14px;top:10px;color:#90c6d1;letter-spacing:.35em;animation:starLift 1.1s ease-out both;pointer-events:none}.free-explanation{border-top:1px solid #e5edf8;padding-top:26px;margin-top:20px}.free-explanation h2{font-size:22px}.correct-answer{display:grid;gap:8px;padding:18px 20px;background:#f0f5ff;border-radius:16px;margin:20px 0}.correct-answer>span{font-size:12px;color:#8298ba}.correct-answer strong{white-space:pre-wrap;color:#386aaf;line-height:1.75;font-weight:550}.free-explanation .teaching-part{font-size:16px;line-height:1.85}.free-explanation .teaching-part h4{color:#426992;font-size:16px;margin-bottom:12px}.free-explanation .teaching-part p,.free-explanation .teaching-part li{color:#526985}.free-explanation .option-analysis>div{border-color:#c6d8f2;background:#f5f8fd;border-radius:0 12px 12px 0}.free-explanation .option-analysis .correct-analysis{border-color:#9ac7c1;background:#f1f8f6}.mastery-actions{display:flex;justify-content:flex-end;border-top:1px solid #e6edf6;padding-top:22px;margin-top:24px}.mastery-actions button{color:#6185b6;background:#f1f6ff;font-size:12px}
.free-reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;position:sticky;bottom:0;background:#eff5fdeb;backdrop-filter:blur(16px);z-index:10;margin-top:16px}.free-reader-bottom>div{display:flex;gap:8px}.free-reader-bottom button{font-size:14px;padding:12px 22px}.reader-reassurance{text-align:center;color:#8fa0b8;font-size:11px;margin-top:8px}.free-question .notice{background:#eff4ff;border-color:#c0d4f4}.free-question .source-links{word-break:break-word}.free-question .material-table{max-width:100%}
.login{max-width:1000px}.login-intro{background:linear-gradient(145deg,#315bb1,#4c7ccb);color:#fff}.login-intro h1{color:#fff}.login-intro p{color:#e0eaff}.login-intro .eyebrow,.login-intro .logo-lockup{color:#d4e4ff}.login-steps span{color:#e1eaff;border-color:#ffffff30}.login-box{border-radius:28px;box-shadow:0 20px 80px #4c75ad13}.card,.library-list-card{border-color:#e0e8f4}.session-wrap .question-card{border-radius:22px}.option.is-correct,.result-option.is-correct{border-color:#86b6b1;background:#f0f8f6}#toast{background:#345b93;border-radius:16px;box-shadow:0 9px 25px #244b8422;font-size:13px}
@keyframes gentleRise{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes answerUnveil{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes softTwinkle{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes skyDrift{to{transform:translate(-35px,25px)}}@keyframes starLift{0%{opacity:0;transform:translateY(15px)}35%{opacity:1}100%{opacity:0;transform:translateY(-25px)}}
@media(max-width:1100px){.free-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.free-hero{grid-template-columns:1fr 200px;padding:30px}.study-orbit{width:178px;height:178px}.orbit-core strong{font-size:36px}.orbit-core small{font-size:9px}}
@media(max-width:760px){.shell{display:block}.sidebar{padding:20px 20px 12px;background:transparent;box-shadow:none;display:block}.brand{color:#345c95;font-size:23px;margin:0}.brand small{color:#859cbd;font-size:10px}.logo-icon{background:#dce9ff;border-color:#c7dafa;color:#3c6cb0;width:36px;height:36px}.brand-sub,.sidebar-note{display:none}.account-menu{position:absolute;right:17px;top:20px;margin:0;color:#6684ad}.account-menu>summary{font-size:12px;padding:10px}.account-menu>summary:after{margin-left:10px}.menu-panel{position:absolute;right:0;top:44px;width:205px}.nav{position:fixed;left:12px;right:12px;bottom:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;gap:7px;padding:7px 10px;border:1px solid #ffffffeb;border-radius:23px;background:#f6faffed;box-shadow:0 7px 32px #2e5eaa1c;backdrop-filter:blur(18px);z-index:30}.nav button{flex:1;color:#8b9ebc;font-size:13px;padding:9px 12px;justify-content:center;gap:9px;min-height:44px;border-radius:16px}.nav .nav-icon{font-size:21px}.nav button.active{background:#e5eeff;color:#386abd;box-shadow:none}.nav button.active:hover{background:#dfeaff}.nav button:hover{background:#edf3ff}.content{padding:16px 16px calc(115px + env(safe-area-inset-bottom));width:100%}h1{font-size:34px}.free-hero{grid-template-columns:1fr 100px;padding:25px 23px 22px;gap:10px;border-radius:27px}.hero-copy{grid-column:1/-1}.hero-copy .eyebrow{font-size:10px}.hero-copy h1{font-size:36px;margin:15px 0 17px;max-width:240px}.hero-copy p{font-size:13px;margin-bottom:21px}.hero-copy small{font-size:10px;margin-top:13px}.hero-actions button{font-size:13px;padding:12px 17px;gap:18px}.study-orbit{position:absolute;top:94px;right:-20px;width:128px;height:128px;padding:5px;opacity:.78;box-shadow:0 0 0 8px #ffffff55,0 0 0 18px #e7efff36;z-index:0}.orbit-core strong{font-size:27px}.orbit-core>span:not(.orbit-star){font-size:9px}.orbit-core small{display:none}.orbit-star{font-size:16px;margin-bottom:6px}.free-hero:after{top:23px;right:20px;font-size:25px}.hero-copy h1,.hero-copy p{position:relative;z-index:1}.hero-progress{margin-top:13px;padding-top:15px}.hero-progress .dual-progress{column-gap:20px}.free-meter-label{font-size:10px}.free-subjects{margin-top:30px}.section-heading{align-items:end}.section-heading .eyebrow{font-size:10px}.section-heading h2{font-size:24px}.quiet-badge{font-size:9px;max-width:110px;text-align:right}.free-subject-grid{grid-template-columns:1fr;gap:12px}.subject-card{padding:19px 20px 21px;border-radius:23px}.subject-card-title{margin-bottom:12px}.subject-card-title strong{font-size:17px}.subject-card-title small{font-size:11px}.subject-card .dual-progress{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.subject-card .free-meter-label:nth-of-type(3){grid-column:2;grid-row:1}.subject-card .free-meter:nth-of-type(4){grid-column:2;grid-row:2}.subject-card .free-meter-label{font-size:10px;margin-top:3px}.free-footnote{font-size:10px;margin-top:20px}.free-heading h1{font-size:33px;line-height:1.3}.free-heading p{font-size:12px}.wrong-hero{padding:23px;display:block;border-radius:25px}.wrong-total{font-size:56px}.wrong-hero p{font-size:12px}.wrong-actions{margin-top:23px;display:flex;flex-wrap:wrap}.wrong-actions button{font-size:12px;padding:11px 15px}.soft-star{right:0;top:-30px}.wrong-tabs{gap:8px}.wrong-tabs button{flex:1;font-size:13px;padding:12px}.wrong-filters{gap:6px}.wrong-filters button{font-size:11px;padding:8px 10px;min-height:36px}.wrong-list{grid-template-columns:1fr;gap:12px}.wrong-card{padding:20px}.wrong-stem{font-size:16px}.wrong-card .pill{font-size:10px}.wrong-card small{font-size:10px}.free-reader-top{font-size:11px;gap:5px;margin-bottom:20px}.back-button{font-size:12px;padding:8px 11px;min-height:40px}.free-save{font-size:10px}.mode-switch{width:246px;margin-bottom:22px}.mode-switch button{font-size:13px}.reader-meta{font-size:11px}.free-question{padding:23px 18px;border-radius:24px}.free-question .qstem{font-size:17px;line-height:1.85;margin-bottom:22px}.free-mode-hint{font-size:11px;margin-bottom:18px}.free-question .passage{font-size:15px}.free-option{padding:15px 12px;gap:9px;border-radius:15px}.free-option-text{font-size:16px;line-height:1.75}.free-option input{width:20px;height:20px;margin-top:4px}.free-letter{font-size:12px;min-width:25px;height:27px}.answer-actions button{font-size:12px;padding:12px 15px}.memory-answer{padding:20px 17px;border-radius:18px}.memory-answer>p{font-size:16px}.answer-veil{font-size:13px;gap:10px}.answer-veil span:last-child{font-size:15px}.free-feedback{padding:19px 15px;gap:11px}.feedback-symbol{font-size:25px}.free-feedback strong{font-size:16px}.free-feedback p{font-size:11px}.free-explanation{padding-top:22px}.free-explanation h2{font-size:21px}.free-explanation .teaching-part{font-size:16px;line-height:1.9}.free-reader-bottom{bottom:calc(76px + env(safe-area-inset-bottom));padding:12px 0;background:#eff5fdf2;border-radius:0 0 16px 16px;gap:8px}.free-reader-bottom button{font-size:12px;padding:11px 13px;min-height:44px}.free-reader-bottom>div{gap:5px}.reader-reassurance{font-size:10px}.free-empty{padding:38px 20px}.free-empty h2{font-size:20px}.free-empty p{font-size:13px}#toast{bottom:calc(150px + env(safe-area-inset-bottom));max-width:88vw}.login{padding:18px}.login-intro{padding:32px 26px;border-radius:26px}.login-box{padding:27px}}
@media(max-width:360px){.content{padding-left:12px;padding-right:12px}.free-hero{padding:23px 19px}.hero-copy h1{font-size:32px;max-width:220px}.study-orbit{width:106px;height:106px;right:-32px;top:106px;opacity:.6}.orbit-core>span:not(.orbit-star){font-size:8px}.free-question{padding:20px 14px}.free-reader-top>span:nth-child(2){max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.free-reader-bottom button{padding:10px;font-size:11px}.free-option-text{font-size:15px}.free-save{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.calm-motion *,.calm-motion *:before,.calm-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:360px){.study-orbit{display:none}}