:root{--bg:#f7f8f6;--panel:#fff;--navy:#213547;--muted:#72818a;--line:#e6ebe8;--teal:#226d67;--teall:#e7f3ef;--blue:#416aab;--gold:#c78b45;--red:#bd5a56;--redl:#fff0ef;--shadow:0 18px 55px rgba(25,52,57,.055);--r:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Microsoft Yahei",sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #72aeb1;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(31px,3.1vw,44px);letter-spacing:-1.25px;line-height:1.18}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:17px}.small{font-size:12px}.muted{color:var(--muted)}.strong{font-weight:760}.tiny{font-size:11px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100dvh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:29px 18px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;padding:0 12px}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--teal);color:white;display:grid;place-items:center;font-size:22px;font-weight:850;letter-spacing:-2px}.brand-title{font-size:18px;font-weight:850;letter-spacing:-.6px}.brand-sub{font-size:10px;letter-spacing:2px;color:#89969b;font-weight:800}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#99a6aa;padding:0 13px;margin:4px 0 9px}.nav{display:grid;gap:5px}.navbtn{width:100%;background:transparent;border:0;text-align:left;border-radius:12px;padding:13px 13px;color:#6d7e85;font-weight:670;display:flex;gap:12px;align-items:center}.navbtn .ico{font-size:19px;width:25px;text-align:center}.navbtn:hover{background:#f2f8f5}.navbtn.active{background:var(--teall);color:var(--teal)}.side-bottom{margin-top:auto;background:#f5f9f6;border:1px solid #e3eee9;border-radius:15px;padding:18px;font-size:12px;color:#536e6b;line-height:1.7}.main{padding:24px clamp(20px,4vw,70px) 65px;max-width:1570px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:54px;margin-bottom:24px}.breadcrumbs{color:#8b9a9b;font-size:12px;letter-spacing:.2px}.toptools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.language{border:1px solid var(--line);background:white;border-radius:10px;padding:9px 12px;color:#607179;font-weight:700}.profilepick{border:1px solid #e2e7e5;background:#fff;padding:6px 9px 6px 7px;border-radius:11px;display:flex;align-items:center;gap:8px;font-weight:750;color:var(--navy)}.avatar{display:grid;place-items:center;height:30px;width:30px;border-radius:9px;background:#ddefe8;color:#2d7262;font-size:13px;font-weight:900}.avatar.claire{background:#f5e8df;color:#a86b43}.profilepick select{border:0;outline:0;background:transparent;cursor:pointer;color:inherit;font-weight:750;max-width:110px}.page-tag{color:var(--teal);font-size:12px;letter-spacing:1.7px;font-weight:850;text-transform:uppercase;margin-bottom:11px}.intro{max-width:680px;font-size:15px;line-height:1.8;color:#7d8a92;margin-bottom:24px}.grid{display:grid;gap:16px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}.panel,.stat,.module{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.stat{padding:24px 27px;min-height:132px}.stat-ico{float:right;font-size:22px;opacity:.7}.stat .num{font-size:33px;line-height:1.05;font-weight:830;letter-spacing:-1px;margin:10px 0 8px}.stat .label{color:var(--muted);font-size:13px}.stat .foot{font-size:12px;color:#87979a}.two-col{grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);align-items:start}.sectiontop{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin:7px 0 14px}.sectiontop h2{margin:0}.linkbtn{border:0;background:none;color:var(--teal);font-weight:800}.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.module{padding:22px;text-align:left;display:flex;flex-direction:column;min-height:192px;color:var(--navy);transition:transform .12s,border-color .12s}.module:hover{transform:translateY(-2px);border-color:#a8c9bf}.moduleTop{display:flex;justify-content:space-between;align-items:start}.moduleicon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:23px;background:#eaf2fb}.moduleicon.fr{background:#f9f0df}.moduleicon.en{background:#eaf5ef}.moduleicon.zh{background:#f5edfa}.module h3{margin:15px 0 7px;font-size:18px}.module p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:14px}.module .modulefoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:var(--teal)}.tag{display:inline-block;background:#ecf5f1;border-radius:30px;color:#438271;padding:6px 10px;font-size:11px;font-weight:750}.tag.warn{background:var(--redl);color:var(--red)}.recommend{background:linear-gradient(160deg,#225e5c,#264952);color:white;border-radius:var(--r);padding:26px;border:1px solid #2d6668;box-shadow:var(--shadow);margin-bottom:16px}.recommend .eyebrow{font-size:11px;letter-spacing:1.5px;color:#a4d5cb;font-weight:800;margin-bottom:17px}.recommend h3{font-size:21px;line-height:1.35;margin-bottom:9px}.recommend p{font-size:13px;line-height:1.8;color:#c8e4df}.recommend button{background:#fdfdfa;border:0;color:#245b56;font-weight:800;padding:12px 16px;border-radius:12px;margin-top:8px}.panel{padding:25px}.panel h3{margin-bottom:14px}.week{display:flex;gap:8px;align-items:end;height:105px;margin-top:24px}.day{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:end;color:#91a0a2;font-size:10px}.daybar{height:75px;width:100%;background:#edf1ef;display:flex;align-items:end;border-radius:7px;overflow:hidden}.daybar span{width:100%;background:#88b9ac;min-height:2px;border-radius:6px 6px 0 0}.subject-filters{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.chip{background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px 15px;color:#63747c;font-size:13px;font-weight:700}.chip.active{background:#226d67;color:#fff;border-color:#226d67}.quizwrap{max-width:900px}.quizcard{padding:clamp(23px,4vw,42px);min-height:460px}.progress{height:7px;border-radius:9px;background:#eef3f0;overflow:hidden;margin:17px 0 31px}.progress>div{height:100%;border-radius:9px;background:#3a9086;transition:width .2s}.questionTopic{font-size:12px;color:var(--teal);font-weight:800;letter-spacing:.5px}.question{font-size:clamp(25px,3.2vw,36px);font-weight:820;white-space:pre-line;line-height:1.55;margin:17px 0 28px;max-width:750px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:25px 0}.choice{border:1.5px solid #dfe7e3;background:#fff;border-radius:14px;padding:15px 18px;color:#405866;text-align:left;font-weight:760;min-height:55px}.choice.active{background:#e9f5f0;border-color:#4d9387;color:#1d6961}.answer-input{width:100%;max-width:450px;border:1.5px solid #ccdcd6;background:#fff;border-radius:13px;padding:14px 15px;font-size:22px;color:var(--navy);margin:4px 0 21px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:30px}.primary{border:0;background:var(--teal);color:#fff;border-radius:12px;padding:13px 20px;font-weight:800;min-height:45px}.primary:hover:not(:disabled){background:#1b5754}.outline{border:1px solid #d5e2de;border-radius:12px;background:#fff;color:#325e5c;padding:12px 16px;min-height:44px;font-weight:760}.danger{border-color:#ecd0cf;color:#a85452}.result{border-radius:15px;padding:17px 20px;margin:18px 0;line-height:1.7;font-size:14px}.result.ok{background:#eef8f2;color:#23704d}.result.bad{background:#fff1ee;color:#97524a}.result .label{font-weight:850}.empty{background:#f7f9f8;border:1px dashed #d7e6e0;border-radius:16px;padding:30px;text-align:center;color:#849396;line-height:1.8}.reviewrow{border:1px solid var(--line);padding:17px 19px;border-radius:14px;margin:10px 0;background:white}.reviewrow h3{margin:0 0 8px;font-size:15px}.reviewrow .meta{font-size:12px;color:#829298}.reviewrow .explanation{font-size:13px;color:#5e717a;line-height:1.7}.rowBetween{display:flex;justify-content:space-between;gap:12px;align-items:center}.score{font-size:65px;font-weight:850;letter-spacing:-3px;color:var(--teal);margin:10px 0}.tips{background:#ecf5f1;border:1px solid #d5e9e0;color:#3f7468;padding:13px 17px;border-radius:12px;font-size:13px;line-height:1.8}.formgrid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.field{display:grid;gap:8px;font-size:13px;color:#50646d;font-weight:750}.field input,.field textarea,.field select{padding:12px 14px;line-height:1.6;border:1px solid #dce6e1;border-radius:11px;background:#fff;color:#213547;min-width:0}.field textarea{resize:vertical;min-height:144px}.drop{border:1.5px dashed #9dc8be;border-radius:17px;background:#f3faf6;padding:22px;text-align:center;margin:17px 0}.drop input{display:block;max-width:100%;margin:12px auto;font-size:12px}.preimg{max-height:155px;max-width:100%;object-fit:contain;border-radius:12px;display:block;margin:12px auto}.panel+.panel{margin-top:16px}.skillrow{display:grid;grid-template-columns:155px 1fr 52px;gap:13px;align-items:center;margin:14px 0;font-size:13px}.skilltrack{background:#eef2f0;height:9px;border-radius:20px;overflow:hidden}.skilltrack>div{background:#5f9e92;height:100%;border-radius:20px}.footer{margin-top:32px;color:#a2aeac;font-size:11px;line-height:1.8}.mobile-nav{display:none}.hidden{display:none!important}#toast{position:fixed;z-index:100;bottom:30px;left:50%;transform:translate(-50%,20px);background:#284a49;color:white;opacity:0;pointer-events:none;padding:12px 18px;border-radius:11px;box-shadow:0 8px 40px #1236;transition:opacity .2s,transform .2s;font-size:13px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.book-list{display:grid;gap:10px;max-height:360px;overflow:auto}.subjectlabel{color:#788b88;font-size:13px;font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:1150px){.sidebar{width:200px}.layout{grid-template-columns:200px minmax(0,1fr)}.stat{padding:21px}.modules{grid-template-columns:1fr}.two-col{grid-template-columns:1.2fr .8fr}}
@media(max-width:860px){.layout{display:block}.sidebar{display:none}.main{padding:20px 17px 110px}.two-col{grid-template-columns:1fr}.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:fixed;z-index:40;bottom:0;left:0;right:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 -6px 30px #162a2511}.mobile-nav .navbtn{font-size:10px;display:flex;flex-direction:column;gap:3px;padding:8px 1px;justify-content:center}.mobile-nav .navbtn .ico{font-size:19px}.topbar{margin-bottom:18px}}
@media(max-width:580px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{padding:14px 11px;min-height:99px;border-radius:15px}.stat .num{font-size:25px;margin:9px 0 5px}.stat .label{font-size:11px}.stat .foot{font-size:10px}.stat-ico{font-size:16px}.modules{grid-template-columns:1fr;gap:10px}.module{min-height:145px;padding:18px}.module h3{margin:8px 0 4px}.page-tag{font-size:10px}.intro{font-size:13px}.toptools{gap:6px}.breadcrumbs{display:none}.topbar{justify-content:end}.choices{grid-template-columns:1fr}.skillrow{grid-template-columns:90px 1fr 44px}.formgrid{grid-template-columns:1fr}.panel{padding:19px}.question{font-size:26px}.score{font-size:50px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Learn Studio V4 — history, recommendations, learning trends and timetable */
.hero-row{display:flex;justify-content:space-between;align-items:center;gap:22px}.hero-row h1{max-width:830px}.today-shortcut{white-space:nowrap;flex-shrink:0}.dashboard-primary{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);align-items:start;gap:18px;margin-bottom:30px}.dashboard-primary>div{display:grid;gap:17px;align-content:start}.dashboard-primary .panel{margin-top:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-heading h3{font-size:19px;letter-spacing:-.35px;margin:4px 0 0}.overline{font-size:10px;color:var(--teal);font-weight:850;letter-spacing:1.3px}.tiny-muted,.explain-note{font-size:11px;color:#91a19c;line-height:1.6}.explain-note{margin:15px 0 0}.rec-list{display:grid;gap:3px}.rec-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eff3f1}.rec-item:last-child{border-bottom:none}.rec-index{color:#a2b1ac;font-size:12px;font-weight:800;width:12px}.moduleicon.small{width:38px;height:38px;font-size:18px;border-radius:11px;flex:0 0 38px}.rec-main{min-width:0;flex:1;display:grid;gap:3px}.rec-main strong,.upcoming-item strong,.history-text strong{font-size:13px;line-height:1.4}.rec-main small,.upcoming-item small,.history-text small{font-size:11px;color:#8c9a99;line-height:1.5;display:block}.rec-action{font-size:12px;font-weight:800;color:var(--teal);padding:8px 6px;background:none;border:0;white-space:nowrap}.filter-chips{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 13px}.mini-chip{font-size:11px;font-weight:750;padding:7px 12px;border-radius:30px;background:#fff;border:1px solid #dfeae5;color:#7a8b88}.mini-chip.selected{background:#e2f2ed;border-color:#b7d7cc;color:#206a61}.trend-svg{width:100%;height:auto;display:block;overflow:visible}.trend-foot,.calendar-legend{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;font-size:11px;color:#80938d}.legend-dot{display:inline-block;width:9px;height:9px;background:#388b83;border-radius:50%;margin-right:7px}.curve-empty{background:#f8faf8;border:1px dashed #e4ede8;border-radius:13px;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:16px;color:#819b92;font-size:13px}.curve-empty span{font-size:40px;line-height:1}.curve-empty p{margin:5px 0}.history-item{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eff2f1;padding:12px 0}.history-item:last-child{border-bottom:0}.status-icon{height:27px;width:27px;min-width:27px;display:grid;place-items:center;font-weight:800;border-radius:50%;font-size:12px}.status-icon.good{background:#e6f4ed;color:#2f906c}.status-icon.bad{background:#fcece7;color:#bd6e56}.history-text{flex:1;min-width:0;display:grid;gap:3px}.history-text strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-item .tag{font-size:10px;padding:4px 8px;white-space:nowrap}.mini-empty{padding:16px;font-size:12px}.planner-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.planner-day{font-size:13px;font-weight:700;color:#637874}.upcoming-item{display:flex;gap:12px;align-items:start;border-bottom:1px solid #eef2ef;padding:10px 0}.upcoming-date{background:#ecf5f1;color:#47746b;padding:7px 8px;border-radius:8px;font-weight:800;font-size:11px;min-width:78px;text-align:center}.upcoming-item>div:nth-child(2){display:grid;gap:5px}.calendar-open{width:100%;font-size:12px;margin-top:16px}.home-subjects{grid-template-columns:repeat(4,minmax(0,1fr))}.home-module{min-height:170px;padding:17px}.home-module h3{font-size:16px;margin:11px 0 5px}.home-module p{font-size:11px}.home-module .moduleicon{width:40px;height:40px;font-size:19px}.home-module .tag{font-size:10px}.cal-main{grid-template-columns:minmax(0,1.4fr) minmax(290px,.85fr);align-items:start}.cal-main>div{display:grid;align-content:start;gap:16px}.cal-main .panel{margin-top:0}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.calendar-header h3{font-size:21px;margin:4px 0}.calendar-controls{display:flex;gap:6px;align-items:center}.icon-btn{border:1px solid #dce7e2;background:white;border-radius:9px;color:var(--teal);font-size:25px;line-height:1;width:35px;height:35px}.calendar-today{min-height:35px;padding:7px 9px;font-size:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday-label{color:#8da09a;text-align:center;padding:11px 0;font-size:12px;font-weight:800}.cal-cell{aspect-ratio:1.12;border:1px solid transparent;border-radius:12px;background:#f7faf8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#344e4a;font-weight:750;font-size:14px;min-width:0}.cal-cell:hover{background:#e8f4ee}.cal-cell.dim{color:#aebdb7;background:#fafcfb}.cal-cell.today{border:1px solid #5fa799}.cal-cell.selected{background:#2a756e;color:white}.cal-indicators{display:flex;gap:3px;height:5px;align-items:center}.event-dot,.study-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#c28b48}.study-dot{background:#5ea9a0}.cal-cell.selected .event-dot{background:#ffe1a5}.cal-cell.selected .study-dot{background:#c8fff3}.calendar-legend{justify-content:flex-start;margin-top:17px}.calendar-legend span{display:flex;align-items:center;gap:6px}.schedule-entry{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf2ef}.schedule-entry:last-child{border-bottom:0}.schedule-time{color:var(--teal);font-weight:850;font-size:13px;min-width:44px}.schedule-title{flex:1;min-width:0;display:grid;gap:4px}.schedule-title strong{font-size:13px}.schedule-title small{font-size:11px;color:#8e9e99}.mini-edit{border:0;background:#edf6f2;color:var(--teal);font-size:11px;font-weight:800;border-radius:9px;padding:7px 10px;white-space:nowrap}.timetable{display:grid;gap:0}.timetable-day{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid #eff3ef}.tt-day{color:#687c76;font-weight:800;font-size:12px;margin-top:7px}.tt-classes{display:grid;gap:6px}.tt-slot{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f3f9f5;border-radius:8px;padding:7px 8px;color:#41685e}.tt-slot strong{font-size:12px}.tt-slot small{display:block;font-size:10px;color:#8b9d96;margin-top:3px}.tt-slot .mini-edit{padding:4px 6px}.stackform{display:grid;gap:15px}.stackform .actions{margin-top:0}.compact-actions{gap:7px}.compact-actions button{font-size:12px;padding:10px 12px;min-height:38px}#courseForm,#eventForm{scroll-margin-top:18px}
@media(max-width:1250px){.dashboard-primary{grid-template-columns:1fr}.dashboard-primary>div:first-child{grid-template-columns:1fr 1fr}.dashboard-primary>div:last-child{grid-template-columns:1fr 1fr}.home-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:990px){.dashboard-primary>div:first-child,.dashboard-primary>div:last-child{grid-template-columns:1fr}.cal-main{grid-template-columns:1fr}.cal-main>div:last-child{grid-template-columns:1fr 1fr}.cal-main>div:last-child>.panel:first-child{grid-column:1/-1}}
@media(max-width:620px){.hero-row{display:block}.today-shortcut{margin-bottom:15px;font-size:12px}.dashboard-primary{grid-template-columns:1fr}.home-subjects{grid-template-columns:1fr 1fr;gap:9px}.home-module{min-height:138px;padding:13px}.home-module h3{font-size:14px}.home-module p{font-size:10px}.home-module .moduleTop{flex-wrap:wrap;gap:6px}.panel-heading h3{font-size:17px}.cal-main>div:last-child{grid-template-columns:1fr}.cal-main>div:last-child>.panel:first-child{grid-column:auto}.cal-cell{aspect-ratio:.93;font-size:12px;border-radius:8px}.calendar-grid{gap:3px}.weekday-label{font-size:10px;padding:7px 0}.calendar-header h3{font-size:17px}.mini-chip{padding:7px 10px}.upcoming-date{min-width:70px}.history-expanded .history-text strong{white-space:normal}}

@media(max-width:860px){.mobile-nav{grid-template-columns:repeat(6,1fr)}}

/* V5 dynamic cloud indicators */
.cloud-button{border:1px solid #badbd2;background:#f1faf6;border-radius:10px;padding:10px 12px;color:#286b5e;font-size:12px;font-weight:800;white-space:nowrap;}
.cloud-button:hover{background:#e2f3ec}.cloud-state{background:#fff4e5;color:#93682d;border-radius:24px;padding:7px 11px;font-size:11px;font-weight:800}.cloud-state.active{background:#e3f4e9;color:#287354}
.cloud-panel{margin-bottom:22px;background:linear-gradient(115deg,#fff,#f6fbf8)}.cloud-panel .actions{margin:18px 0 0}.cloud-panel .small{overflow-wrap:anywhere}
@media(max-width:580px){.cloud-button{font-size:10px;padding:8px 9px}.toptools{gap:4px}.language{padding:8px 9px;font-size:11px}.profilepick{padding:4px}.profilepick select{max-width:96px;font-size:11px}}

/* V6 · Study companion and whole-session time management */
.pet-panel{border-radius:24px;overflow:hidden;border:1px solid #cfe4dc;background:linear-gradient(125deg,#f3faf5 0%,#fffdf7 52%,#fff 100%);margin:19px 0 18px;box-shadow:0 14px 35px rgba(35,90,71,.05)}
.pet-panel h2{font-size:clamp(20px,2.2vw,27px);letter-spacing:-.65px;margin:5px 0 7px;color:#294e42}
.pet-panel p{font-size:13px;color:#71867d;line-height:1.7;margin:4px 0 13px}
.pet-adopt{padding:23px 26px}.pet-adopt-form{display:flex;gap:17px;align-items:end;flex-wrap:wrap}.pet-options{display:flex;gap:10px;flex:1;flex-wrap:wrap}.pet-choice{position:relative;min-width:90px;cursor:pointer;text-align:center;background:#fff;border:2px solid #e3ebe5;border-radius:16px;padding:11px 13px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#567067;font-weight:800;transition:transform .15s,border-color .15s,background .15s}.pet-choice:hover{transform:translateY(-2px);border-color:#8bbaa5}.pet-choice:has(input:checked){background:#e7f6eb;border-color:#4e9680;color:#205d4c}.pet-choice input{position:absolute;inset:0;opacity:0;cursor:pointer}.pet-choice:has(input:focus-visible){outline:3px solid #86bcb0;outline-offset:3px}.pet-choice-emoji{font-size:35px;line-height:1.2}.pet-name-field{font-size:12px;color:#5f7870;font-weight:800;display:grid;gap:6px;min-width:125px}.pet-name-field input{max-width:180px;padding:12px;border-radius:11px;border:1px solid #d1e4da;background:white;font:inherit;color:#335e52}.pet-adopt-form>.primary{align-self:end;min-height:42px}
.pet-owned{display:grid;grid-template-columns:minmax(190px,.78fr) minmax(0,2fr);min-height:234px}.pet-art{position:relative;min-height:220px;background:radial-gradient(ellipse at 50% 90%,#c7e9bc 0%,#e4f0d6 39%,#ebf7ef 71%);display:flex;align-items:center;justify-content:center;overflow:hidden}.pet-art-cloud{position:absolute;top:17px;left:24px;font-size:19px;color:#8fbeaf;letter-spacing:8px}.pet-art-grass{position:absolute;bottom:17px;color:#87b26e;font-size:24px;letter-spacing:5px}.pet-emoji{font-size:100px;filter:drop-shadow(0 17px 9px rgba(36,92,49,.15));transform-origin:center bottom;animation:petFloat 3s ease-in-out infinite}.pet-emoji.level-2{font-size:112px}.pet-emoji.level-3{font-size:125px}.pet-info{padding:24px 26px}.pet-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.pet-title-row h2{margin-bottom:0}.pet-stage{font-size:11px;border-radius:20px;background:#e5f3ea;color:#30775b;font-weight:800;padding:6px 11px}.pet-mood{margin:6px 0 10px!important}.pet-points{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#799588}.pet-points strong{color:#276c58;font-size:14px}.pet-progress{height:8px;border-radius:99px;background:#e4ede6;overflow:hidden;margin:7px 0 14px}.pet-progress span{display:block;background:linear-gradient(90deg,#7dca97,#388b70);height:100%;border-radius:inherit;transition:width .3s}.pet-stats{display:flex;gap:13px;flex-wrap:wrap}.pet-stats>div{display:flex;flex-direction:column;min-width:100px}.pet-stats strong{font-size:15px;color:#325b4e}.pet-stats small{font-size:10px;color:#97a69e;margin-top:3px}.pet-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px}.pet-actions .outline{min-height:38px;font-size:12px;padding:9px 12px}.pet-switch{border:0;background:transparent;color:#8ca297;font-weight:750;font-size:11px;padding:7px;cursor:pointer}
.time-picker{padding:13px 19px;background:white;border:1px solid #dbe8e1;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 20px}.time-picker>div{display:flex;flex-direction:column;gap:3px}.time-picker strong{font-size:14px;color:#335d53}.time-picker small{font-size:11px;color:#8a9b94}.time-picker select{min-height:39px;border-radius:11px;background:#f6faf7;border:1px solid #d4e5db;padding:8px 10px;color:#316853;font-size:13px;font-weight:800;max-width:170px}
.timer-widget{padding:16px 22px;background:linear-gradient(130deg,#f4fbf7,#fff);border:1px solid #dbece4;border-radius:17px;margin:17px 0}.timer-clock{display:flex;align-items:center;gap:12px}.timer-clock>span{font-size:26px}.timer-clock>div{display:flex;flex-direction:column}.timer-clock strong{font-size:clamp(24px,3vw,32px);letter-spacing:1px;font-variant-numeric:tabular-nums;color:#387a69}.timer-clock small{font-size:11px;color:#7f968b}.timer-guidance{font-size:11px;color:#8a9f95;margin:7px 0}.timer-progress{height:6px;background:#dcece5;border-radius:100px;overflow:hidden}.timer-progress span{display:block;height:100%;background:#5caa8a;transition:width .35s}.timer-widget.is-urgent{border-color:#edc6ad;background:#fff7ed}.timer-widget.is-urgent .timer-clock strong{color:#b76d3f}.timer-widget.is-urgent .timer-progress span{background:#e6a271}
.report-panel{padding:36px 27px}.report-icon{font-size:38px}.report-metrics{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:23px auto;max-width:610px}.report-metrics>div{background:#f4f9f6;border:1px solid #e4f0e7;border-radius:12px;padding:13px;flex:1;min-width:125px;display:flex;align-items:center;flex-direction:column;gap:5px}.report-metrics strong{font-size:20px;font-variant-numeric:tabular-nums;color:#286c58}.report-metrics small{font-size:11px;color:#7e968b}
@keyframes petFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(max-width:750px){.pet-owned{grid-template-columns:1fr}.pet-art{min-height:160px}.pet-emoji{font-size:86px}.pet-emoji.level-3{font-size:105px}.pet-info{padding:20px}.pet-adopt{padding:18px}.pet-options{width:100%;justify-content:center}.pet-choice{min-width:70px;padding:9px}.pet-choice-emoji{font-size:29px}.pet-adopt-form{gap:13px}.pet-points{flex-wrap:wrap}}
@media(max-width:430px){.time-picker{padding:12px;align-items:start}.time-picker select{max-width:135px;font-size:12px}.pet-stats>div{min-width:75px}.pet-stats strong{font-size:13px}.pet-options{gap:6px}.pet-choice{min-width:64px;padding:8px}.pet-art{min-height:145px}.pet-info{padding:18px}.pet-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.pet-emoji{animation:none!important}}

/* V7: dictée quick access / mobile nav */
.dictee-home-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;border:1px solid #d3e6de;border-radius:17px;padding:17px 21px;background:linear-gradient(100deg,#f1faf4,#f7faf8)}.dictee-home-cta strong{font-size:16px;color:#245d55}.dictee-home-cta p{font-size:12px;color:#6d897e;margin:6px 0 0}.dictee-shortcut{margin:12px 0 24px}@media(max-width:860px){.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr));}.mobile-nav .navbtn{font-size:9px;min-width:0}}@media(max-width:580px){.dictee-home-cta{flex-direction:column;align-items:stretch}.dictee-home-cta .primary{width:100%}}