/* Cove Learning / B direction: editorial hierarchy, restrained glass, open rhythm */
:root{
 color-scheme:light;
 --bg-a:#edf0f5;--bg-b:#d9dfe9;--bg-c:#d0d8e4;
 --ink:#313743;--body:#4c5360;--muted:#7e8491;
 --surface:rgba(255,255,255,.22);--surface-strong:rgba(255,255,255,.38);
 --rule:rgba(255,255,255,.63);--line:rgba(87,96,115,.17);
 --shadow:rgba(49,57,78,.085);--primary:#596071;--on-primary:#fff;
 --pink:#b7a2b6;--input:rgba(255,255,255,.38);
 --hero-a:#727b91;--hero-b:#454d61;--hero-text:#f8f8fc;--hero-sub:rgba(250,250,255,.72);
 --display:Didot,"Bodoni 72","Bodoni MT",Georgia,serif;
 --serif:"Noto Serif SC","Songti SC","Noto Serif CJK SC",STSong,Georgia,serif;
 --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);
}
:root[data-theme="dark"]{
 color-scheme:dark;
 --bg-a:#303341;--bg-b:#272b37;--bg-c:#202330;
 --ink:#f0edf2;--body:#d1ced8;--muted:#aaa9bb;
 --surface:rgba(255,255,255,.035);--surface-strong:rgba(255,255,255,.09);
 --rule:rgba(255,255,255,.15);--line:rgba(255,255,255,.12);
 --shadow:rgba(0,0,0,.22);--primary:#dad7e3;--on-primary:#252733;
 --pink:#cbb5c9;--input:rgba(255,255,255,.06);
 --hero-a:#555a72;--hero-b:#34374d;--hero-text:#f4f1fb;--hero-sub:rgba(250,250,255,.68);
}
*{box-sizing:border-box}
/* iOS 26 standalone + black-translucent shifts a 100% root behind the status bar
   without growing its height, leaving a native black "chin" below the dock.
   100vh anchors the root to the full CSS viewport instead of its shortened containing block. */
html,body{height:100vh;width:100%;max-width:100%;margin:0;overflow:hidden;overscroll-behavior:none}
html{
 background-color:var(--bg-c);
 background-image:radial-gradient(ellipse at 16% 2%,rgba(255,255,255,.50),transparent 48%),linear-gradient(156deg,var(--bg-a),var(--bg-b) 55%,var(--bg-c));
 font-family:var(--serif);-webkit-text-size-adjust:100%
}
body{color:var(--body);font-size:13px;line-height:1.6;background-color:var(--bg-c);
 background-image:radial-gradient(ellipse at 16% 2%,rgba(255,255,255,.50),transparent 48%),linear-gradient(156deg,var(--bg-a),var(--bg-b) 55%,var(--bg-c))
}
body,button,input,select{font-family:var(--serif)}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}a{text-decoration:none;color:inherit}
button,input,select{color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8b8da2;outline-offset:3px}
button:disabled{opacity:.45;cursor:not-allowed}
[hidden]{display:none!important}
.wallpaper{position:fixed;top:var(--app-top,0px);left:0;right:0;height:var(--app-height,100dvh);
 background-color:var(--bg-c);background-image:radial-gradient(ellipse at 16% 2%,rgba(255,255,255,.50),transparent 48%),linear-gradient(156deg,var(--bg-a),var(--bg-b) 55%,var(--bg-c));
 z-index:0;pointer-events:none}
.wallpaper.custom{background-position:center;background-size:cover;background-repeat:no-repeat}
.wallpaper.custom:after{content:"";position:absolute;inset:0;background:rgba(226,229,238,.43)}
:root[data-theme="dark"] .wallpaper.custom:after{background:rgba(15,17,28,.52)}
.shell{position:fixed;left:0;right:0;top:var(--app-top,0px);width:min(100%,920px);height:var(--app-height,100dvh);
 padding:calc(max(12px,var(--safe-top)) + 4px) clamp(14px,3vw,34px) 8px;
 margin:auto;z-index:1;display:flex;flex-direction:column;gap:clamp(7px,1.45vh,13px);overflow:hidden}
.topbar{height:34px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-width:0}
.brand{font:400 13px/1.3 var(--display);letter-spacing:.10em;color:var(--ink);white-space:nowrap}
.brand span{color:var(--muted);padding:0 5px}
.top-actions{display:flex;align-items:center;gap:8px}
.top-link{border:0;background:transparent;padding:7px 3px;color:var(--muted);font-size:12px}
.dot{width:5px;height:5px;flex:none;border-radius:50%;background:#b9adb8}
.dot.connected{background:#648d7e}
.screen{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}
.view{height:100%;display:flex;flex-direction:column;min-height:0;gap:clamp(15px,2.5vh,23px);animation:enter .22s ease}
@keyframes enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-shrink:0;min-height:0}
.head h1{margin:0;color:var(--ink);font:400 clamp(43px,8.8vw,67px)/.94 var(--display);letter-spacing:-.055em}
.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.20em;font:400 10px/1.5 var(--display);margin:0 0 9px}
.quiet{font-size:11px;color:var(--muted);padding-bottom:4px}
.workarea{display:flex;flex-direction:column;gap:22px;overflow:auto;overscroll-behavior:contain;min-height:0;
 padding:1px 3px 18px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;
 -webkit-overflow-scrolling:touch}
.daily-flow{width:min(100%,730px);gap:24px}
.spacious-flow{width:min(100%,720px);gap:28px}
.library-flow{width:min(100%,760px);gap:40px;padding-bottom:28px}
.muted-line{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.text-action{font-size:11px;color:var(--body);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.text-action:hover,.inner-link:hover{text-decoration:underline}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px}
.section-heading>div{min-width:0}
.section-eyebrow{display:block;color:var(--muted);font:400 10px/1.6 var(--display);letter-spacing:.17em;margin-bottom:5px}
.section-heading h2{margin:0;color:var(--ink);font:400 19px/1.4 var(--serif);letter-spacing:.025em}
.count-caption{font:400 11px var(--serif);color:var(--muted);white-space:nowrap}
.feature{position:relative;isolation:isolate;overflow:hidden;
 border:1px solid rgba(255,255,255,.24);border-radius:27px;
 background:linear-gradient(125deg,var(--hero-a),var(--hero-b));box-shadow:0 22px 45px var(--shadow);
 color:var(--hero-text);padding:22px 25px}
.feature:before{content:"";position:absolute;inset:0;z-index:-1;
 background:radial-gradient(circle at 94% 5%,rgba(255,255,255,.14),transparent 48%),
 linear-gradient(160deg,rgba(255,255,255,.12),transparent 63%);pointer-events:none}
.feature:after{content:"";position:absolute;right:-74px;top:-79px;width:205px;height:205px;border-radius:50%;
 border:1px solid rgba(255,255,255,.16);pointer-events:none}
.feature-today{min-height:228px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.feature-top{display:flex;justify-content:space-between;align-items:center}
.feature-index{color:var(--hero-sub);font:400 10px/1.4 var(--display);letter-spacing:.20em}
.feature-symbol{opacity:.68;line-height:1;display:flex;align-items:center}
.feature-bottom{max-width:480px;width:100%;margin-inline:auto;text-align:center}
.feature-overline{margin:0 0 5px!important;font-size:11px!important;color:var(--hero-sub)!important;letter-spacing:.05em}
.feature h2{color:var(--hero-text);font:400 clamp(23px,5.7vw,34px)/1.35 var(--serif);margin:0 0 8px;letter-spacing:-.015em}
.feature p{color:var(--hero-sub);margin:0;font-size:12px;line-height:1.7}
.feature-action{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;color:#343a48;background:rgba(255,255,255,.9);
 font-size:12px;padding:10px 16px;border-radius:100px;margin-top:19px;min-height:40px;font-weight:600;transition:transform .16s ease}
.feature-action:active{transform:scale(.97)}
.feature-action .micro-icon{width:15px;height:15px}
.task-overview{padding:0 2px 19px;border-bottom:1px solid var(--line)}
.task-countline{display:flex;align-items:baseline;gap:11px;margin:3px 0 6px}
.task-countline strong{font:400 45px/.95 var(--display);letter-spacing:-.06em;color:var(--ink);font-variant-numeric:tabular-nums}
.task-countline>span{color:var(--muted);font-size:12px}
.compact-list{display:flex;flex-direction:column;gap:0;margin-top:9px;max-width:640px}
.compact-item{display:flex;align-items:center;gap:12px;min-width:0;padding:7px 0;font-size:12px;color:var(--body)}
.compact-item>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-indicator{flex:none;width:6px;height:6px;border-radius:50%;border:1px solid var(--muted)}
.history-block{padding:0 2px}
.activity-list{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:15px}
.activity-item{display:flex;align-items:center;gap:13px;min-width:0;padding:13px 1px;border-bottom:1px solid var(--line)}
.activity-mark{flex:none;width:7px;height:7px;border:1.5px solid var(--muted);border-radius:50%}
.activity-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.activity-copy strong{font-weight:500;font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-copy span{font-size:10px;color:var(--muted)}
.activity-duration{white-space:nowrap;font:400 23px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.activity-duration small{font:400 10px var(--display);color:var(--muted);margin-left:3px}
.composer-pane{background:linear-gradient(120deg,var(--surface-strong),var(--surface));border:1px solid var(--rule);
 border-radius:25px;padding:24px 24px 21px;box-shadow:0 16px 39px var(--shadow);
 -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.composer-pane h2{font:400 clamp(24px,6vw,31px)/1.35 var(--serif);color:var(--ink);margin:4px auto 7px;text-align:center}
.form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.form input,.form select,.focus-form select{background:var(--input);border:1px solid var(--line);border-radius:11px;
 min-width:0;min-height:44px;width:100%;padding:8px 12px;font-size:13px}
.form select{font-size:12px}
.form .wide{grid-column:1/-1}
.task-composer{margin-top:18px}
.button{border-radius:100px;min-height:42px;padding:9px 17px;font-size:12px;border:1px solid var(--line);
 white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:transform .12s ease}
.button:active{transform:scale(.97)}
.button.primary{background:var(--primary);color:var(--on-primary);border-color:transparent}
.button.secondary{background:var(--surface);color:var(--ink)}
.button.sm{min-height:32px;padding:5px 13px;font-size:11px}
.button.quiet-button{background:transparent;color:var(--muted);border-color:var(--line)}
.open-section{padding:0 1px}
.simple-list{border-top:1px solid var(--line);margin-top:15px}
.simple-list .row{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;min-width:0}
.row-body{min-width:0;flex:1}
.row-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.row-sub{font-size:10px;color:var(--muted);margin-top:4px}
.row-trailing{flex:none;font-size:11px;color:var(--muted)}
.task-item{display:flex;align-items:center;gap:13px;min-width:0;min-height:54px;padding:9px 1px;border-bottom:1px solid var(--line)}
.task-check{width:19px;height:19px;border-radius:50%;border:1px solid var(--muted);flex:none;
 display:flex;justify-content:center;align-items:center;color:var(--muted);font-size:11px}
.task-check.complete{border-color:var(--line)}
.task-description{flex:1;min-width:0;color:var(--ink);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-description.complete{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line)}
.focus-stage{position:relative;overflow:hidden;border-radius:26px;text-align:center;
 background:linear-gradient(155deg,var(--surface-strong),var(--surface) 88%);border:1px solid var(--rule);
 box-shadow:0 18px 38px var(--shadow);padding:27px clamp(20px,5vw,34px) 31px;
 -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.focus-eyebrow{color:var(--muted);font:400 10px var(--display);letter-spacing:.22em;margin:0 0 25px;text-align:left}
.focus-decoration{position:absolute;top:-41px;right:-22px;color:var(--pink);opacity:.20;pointer-events:none}
.focus-prompt{font:400 clamp(22px,5.6vw,30px)/1.5 var(--serif);color:var(--ink);max-width:360px;margin:11px auto 29px}
.focus-form{display:flex;flex-direction:column;gap:14px;max-width:440px;margin-inline:auto;align-items:center}
.focus-form select{width:100%;background:var(--surface);text-align:center;text-align-last:center}
.focus-main{background:var(--primary);color:var(--on-primary);border-color:transparent;align-self:center;min-width:135px;min-height:45px}
.focus-outline{background:transparent;color:var(--muted);border-color:var(--line);min-height:45px}
.focus-time{font:400 clamp(46px,10vw,65px)/1.1 var(--display);font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.03em;margin:5px 0 0}
.focus-caption{color:var(--muted);margin:5px 0 25px;font-size:12px}
.focus-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.notice{color:var(--muted);font-size:10px;margin:0}
.library-objects,.library-materials{min-width:0;flex:0 0 auto}
.library-materials{padding-top:23px;border-top:1px solid var(--line)}
.object-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:580px;margin:14px 0 21px}
.object-overview>div{padding:4px clamp(12px,3vw,24px);display:flex;align-items:center;text-align:center;flex-direction:column;gap:5px;border-left:1px solid var(--line)}
.object-overview>div:first-child{border-left:0;padding-left:2px}
.object-overview strong{font:400 clamp(33px,7.5vw,47px)/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.object-overview span{font-size:11px;color:var(--muted)}
.object-composer{max-width:580px;margin:0 0 14px}
.object-list{margin-top:15px}
.upload-strip{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;padding:19px 20px;
 border:1px dashed var(--line);border-radius:20px;margin-top:19px;background:var(--surface)}
.upload-copy{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.upload-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--muted);margin-bottom:4px}
.upload-copy label{font-size:13px;color:var(--ink)}
.upload-copy small{font-size:10px;color:var(--muted);line-height:1.6}
.upload-strip input[type=file]{font-size:11px;max-width:100%;min-width:0;color:var(--muted)}
.upload-strip input::file-selector-button{background:var(--surface-strong);color:var(--ink);padding:7px 11px;border-radius:100px;border:1px solid var(--line);margin-right:12px;font-size:11px}
.upload-strip .button{align-self:center}
.resource-list{margin-top:18px}
/* iOS standalone: dock sits lower, but its touch surface remains in the visible viewport. */
.dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;align-items:stretch;
 width:min(100%,390px);height:50px;padding:2px;flex:none;margin:0 auto;
 border:1px solid var(--rule);border-radius:24px;background:linear-gradient(130deg,var(--surface-strong),var(--surface));
 box-shadow:0 10px 29px var(--shadow);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}
.dock a{border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;
 gap:0;min-width:0;color:var(--muted);font-size:10px;min-height:44px}
.dock a[aria-current="page"]{color:var(--ink);background:var(--surface-strong);box-shadow:inset 0 1px var(--rule)}
.dock svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.toast{position:absolute;bottom:calc(70px + max(0px,var(--safe-bottom)));left:50%;transform:translateX(-50%);
 background:var(--ink);color:var(--bg-a);font-size:11px;border-radius:100px;padding:8px 15px;
 max-width:85%;text-align:center;z-index:8;pointer-events:none;opacity:0;transition:opacity .2s ease}
.toast.on{opacity:1}
@media(min-width:760px){
 .workarea{width:100%}
 .feature-today{min-height:242px}
 .library-flow{gap:45px}
 .upload-strip{flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap}
 .upload-strip .button{margin-left:0}
}
@media(max-width:390px){
 .shell{padding-inline:14px}
 .head h1{font-size:42px}
 .feature{padding:21px}
 .composer-pane{padding:19px}
 .section-heading h2{font-size:18px}
 .upload-strip{padding:16px}
}
@media(max-height:700px){
 .shell{gap:7px}
 .view{gap:12px}
 .feature-today{min-height:198px}
 .workarea{gap:19px}
}
@media(prefers-reduced-motion:reduce){.view{animation:none}*{scroll-behavior:auto!important;transition-duration:0s!important}}

/* B2 — compact vector ornament language and intentional changes of alignment */
.micro-icon{display:inline-block;vertical-align:middle;width:14px;height:14px;flex:none;stroke:currentColor;fill:none}
.feature-symbol .micro-icon{width:21px;height:21px;stroke-width:1.15}
.focus-decoration .micro-icon{width:170px;height:170px;stroke-width:.5}
.upload-mark .micro-icon{width:15px;height:15px}
.task-check .micro-icon{width:12px;height:12px}
.button .micro-icon{width:13px;height:13px}
.text-action .micro-icon{width:12px;height:12px;stroke-width:1.25}
.feature-bottom .feature-overline{text-align:center;letter-spacing:.16em}
.feature-bottom h2{max-width:430px;margin-inline:auto;line-height:1.5}
.feature-bottom>p:not(.feature-overline){max-width:410px;margin-inline:auto}
.task-overview .task-countline{justify-content:flex-start}
.composer-pane>.muted-line{text-align:center;max-width:420px;margin:7px auto 0}
.composer-pane>.section-eyebrow{margin-bottom:8px}
.focus-time{text-align:center}
.focus-caption{text-align:center}
.focus-stage .focus-eyebrow{position:relative;z-index:1}
.object-overview>div:first-child{padding-left:clamp(12px,3vw,24px)}
.upload-copy small{max-width:270px}
.upload-strip input[type=file]{max-width:285px}
.dock a:focus-visible{outline-offset:-3px}
@media(max-width:390px){
 .feature-bottom h2{font-size:23px}
 .feature-today{min-height:220px}
 .composer-pane>.muted-line{font-size:11px}
}

/* Custom file picker avoids native iOS/Chromium chooser text crowding the submit control. */
.file-picker{width:min(100%,290px);display:flex;align-items:center;gap:10px;justify-content:center;
 min-height:42px;border:1px solid var(--line);border-radius:100px;position:relative;
 padding:7px 13px;background:var(--input);cursor:pointer}
.file-picker-label{color:var(--ink);font-size:11px;white-space:nowrap}
.file-picker-name{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:146px}
.file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;
 opacity:0;cursor:pointer;max-width:none;margin:0;padding:0}
.file-picker:focus-within{outline:2px solid var(--ink);outline-offset:2px}
.upload-strip{padding-bottom:23px}
.library-flow{scroll-padding-bottom:90px;padding-bottom:112px}

.viewport-debug{position:fixed;top:calc(max(12px,var(--safe-top)) + 56px);left:16px;right:16px;z-index:30;max-width:360px;
 white-space:pre-wrap;background:rgba(17,22,33,.95);color:white;font:12px/1.65 ui-monospace,Menlo,monospace;
 padding:13px 15px;border:1px solid rgba(255,255,255,.25);border-radius:12px;pointer-events:none;
 box-shadow:0 15px 40px rgba(0,0,0,.25)}
/* BEGIN OPT-IN LEARNING LIQUID GLASS UI */
/* Cove Learning · Liquid Glass V5 default UI.
   Live on /; ?ui=classic retains the previous look as a recovery option.
   The actual refractive material is the Home V5 fragment shader;
   CSS provides typography, spacing and accessible foreground contrast. */
html[data-learning-ui="glass"]{
 color-scheme:dark;
 --bg-a:#101526;--bg-b:#141b2e;--bg-c:#0b1020;
 --ink:#f5f0f8;--body:#e3dfed;--muted:#b9b7cb;
 --surface:rgba(20,25,46,.28);--surface-strong:rgba(37,43,65,.28);
 --rule:rgba(245,241,255,.28);--line:rgba(238,231,252,.18);
 --shadow:rgba(1,4,15,.30);--primary:#eee2ee;--on-primary:#282237;
 --pink:#ebc3dc;--input:rgba(9,12,25,.36);
 --hero-a:#1a2238;--hero-b:#1c2137;
 --hero-text:#fff9ff;--hero-sub:rgba(246,236,251,.86);
 --display:Didot,"Bodoni 72","Times New Roman",Georgia,serif;
 --serif:"Noto Serif SC","Songti SC","Noto Serif CJK SC",STSong,Georgia,serif;
 background:#0b1020!important;
}
html[data-learning-ui="glass"] body{
 background:#0b1020!important;color:var(--body);
 -webkit-font-smoothing:antialiased;
}
html[data-learning-ui="glass"] .wallpaper{
 background-color:#0b1020!important;
 background-position:center!important;
 background-size:100% 100%!important;
 background-repeat:no-repeat!important;
}
html[data-learning-ui="glass"] .wallpaper::after{content:none!important;display:none!important}
html[data-learning-ui="glass"] .shell{
 padding-inline:clamp(18px,4.4vw,38px);
 gap:clamp(12px,2.4vh,22px);
}
html[data-learning-ui="glass"] .topbar{
 height:36px;
}
html[data-learning-ui="glass"] .brand{
 font:400 12px/1.4 var(--display);letter-spacing:.19em;color:#f0e7f1;
}
html[data-learning-ui="glass"] .brand span{color:#a49caf}
html[data-learning-ui="glass"] .top-actions{gap:13px}
/* V5 preview is intentionally a single dark optical art direction. */
html[data-learning-ui="glass"] #appearance{display:none}
html[data-learning-ui="glass"] .top-link{
 color:#e3dbe8;font-size:14px;padding:7px 5px;min-width:30px;
}
html[data-learning-ui="glass"] .wallpaper-picker{
 font:400 10px/1.4 var(--serif);letter-spacing:.10em;
 color:#e6d9e9;border:0;background:transparent;
 padding:9px 4px;cursor:pointer;
}
html[data-learning-ui="glass"] .view{gap:clamp(17px,3vh,28px)}
html[data-learning-ui="glass"] .head{
 align-items:flex-end;padding:3px 1px 2px;
}
html[data-learning-ui="glass"] .head h1{
 color:#fff8ff;font:400 clamp(62px,14.8vw,92px)/.92 var(--display);
 letter-spacing:-.075em;
 text-shadow:0 2px 28px rgba(0,0,0,.16);
}
html[data-learning-ui="glass"] .head .kicker{
 font:400 11px/1.6 var(--display);letter-spacing:.31em;
 color:#d2c2d9;margin-bottom:13px;
}
html[data-learning-ui="glass"] .head .quiet{
 color:#c7bdd0;font:400 11px/1.6 var(--serif);padding-bottom:4px;
}
html[data-learning-ui="glass"] .workarea{
 gap:clamp(25px,4vh,40px);
 padding:1px 2px 34px;
 scrollbar-color:rgba(233,217,248,.26) transparent;
}
html[data-learning-ui="glass"] .daily-flow,
html[data-learning-ui="glass"] .spacious-flow,
html[data-learning-ui="glass"] .library-flow{width:min(100%,780px)}
html[data-learning-ui="glass"] .section-eyebrow,
html[data-learning-ui="glass"] .feature-index,
html[data-learning-ui="glass"] .focus-eyebrow{
 font:400 11px/1.55 var(--display);letter-spacing:.24em;
 color:#d3c5db;
}
html[data-learning-ui="glass"] .section-heading h2{
 font:400 clamp(20px,5vw,26px)/1.4 var(--serif);
 color:#f9f3fb;
}
html[data-learning-ui="glass"] .muted-line,
html[data-learning-ui="glass"] .quiet,
html[data-learning-ui="glass"] .notice{color:#c3bdcf}
html[data-learning-ui="glass"] .text-action{color:#e9d5eb}
html[data-learning-ui="glass"] .count-caption{color:#bcb3c8}
html[data-learning-ui="glass"] .learning-liquid{
 position:relative;isolation:isolate;overflow:hidden;
 background:transparent!important;
 border:0!important;
 box-shadow:0 16px 42px rgba(2,4,16,.22)!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 transition:transform .23s cubic-bezier(.2,.8,.35,1.1);
}
html[data-learning-ui="glass"] .learning-liquid::before,
html[data-learning-ui="glass"] .learning-liquid::after{
 content:none!important;display:none!important;
}
html[data-learning-ui="glass"] .learning-liquid > canvas.learning-liquid-optics{
 position:absolute;inset:0;width:100%;height:100%;z-index:0;
 border-radius:inherit;display:block;pointer-events:none;
}
html[data-learning-ui="glass"] .learning-liquid > :not(canvas.learning-liquid-optics):not(.focus-decoration){
 position:relative;z-index:1;
}
html[data-learning-ui="glass"] .learning-liquid.liquid-fallback{
 background:rgba(24,29,47,.54)!important;
 border:1px solid rgba(244,235,255,.24)!important;
 -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;
}
html[data-learning-ui="glass"] .learning-liquid:active{transform:scale(.994)}
html[data-learning-ui="glass"] .feature-today{
 min-height:clamp(240px,34vh,320px);
 padding:25px clamp(23px,5vw,38px) 30px;
 justify-content:space-between;
}
html[data-learning-ui="glass"] .feature-symbol{color:#e6c5df;opacity:.9}
html[data-learning-ui="glass"] .feature-bottom{
 max-width:530px;text-shadow:0 1px 10px rgba(4,6,19,.68);
}
html[data-learning-ui="glass"] .feature h2{
 font:400 clamp(24px,6.1vw,36px)/1.5 var(--serif);
 color:#fffaff;
}
html[data-learning-ui="glass"] .feature p{color:rgba(255,250,255,.91)}
html[data-learning-ui="glass"] .feature-action{
 background:rgba(247,234,246,.93);color:#282133;
 box-shadow:0 8px 25px rgba(0,0,0,.15);
 padding:11px 19px;
}
html[data-learning-ui="glass"] .task-overview,
html[data-learning-ui="glass"] .history-block{
 padding-inline:5px;
}
html[data-learning-ui="glass"] .task-countline strong{
 color:#fff7ff;font-size:50px;
}
html[data-learning-ui="glass"] .compact-item,
html[data-learning-ui="glass"] .row-title,
html[data-learning-ui="glass"] .task-description,
html[data-learning-ui="glass"] .activity-copy strong{color:#f5eef9}
html[data-learning-ui="glass"] .activity-duration{color:#fff5ff}
html[data-learning-ui="glass"] .composer-pane{
 padding:clamp(22px,5vw,36px) clamp(20px,5vw,36px) 29px;
}
html[data-learning-ui="glass"] .composer-pane h2{
 font-size:clamp(26px,6vw,34px);color:#fff6ff;
 text-shadow:0 1px 12px rgba(2,3,11,.4);
}
html[data-learning-ui="glass"] .composer-pane .muted-line{
 color:#e2d6e7;
}
html[data-learning-ui="glass"] .form input,
html[data-learning-ui="glass"] .form select,
html[data-learning-ui="glass"] .focus-form select{
 background:rgba(9,12,26,.44);color:#fff9ff;
 border:1px solid rgba(243,233,255,.29);
}
html[data-learning-ui="glass"] .form input::placeholder{color:#c1b8cd}
html[data-learning-ui="glass"] select option{background:#1a2033;color:#f4eefa}
html[data-learning-ui="glass"] .button.primary,
html[data-learning-ui="glass"] .focus-main{
 background:#eee1ed;color:#302739;
}
html[data-learning-ui="glass"] .button.secondary{
 background:rgba(240,231,248,.15);color:#fff6ff;
 border-color:rgba(248,239,255,.32);
}
html[data-learning-ui="glass"] .focus-stage{
 min-height:clamp(260px,37vh,360px);
 padding:27px 24px 33px;
}
html[data-learning-ui="glass"] .focus-prompt{
 color:#fff6ff;text-shadow:0 2px 14px rgba(2,4,15,.5);
 margin-top:26px;
}
html[data-learning-ui="glass"] .focus-stage > .focus-decoration{
 position:absolute;top:-41px;right:-22px;z-index:1;
 color:#d7c1ec;opacity:.25;pointer-events:none;
}
html[data-learning-ui="glass"] .focus-time{color:#fffaff}
html[data-learning-ui="glass"] .focus-caption{color:#e2d6eb}
html[data-learning-ui="glass"] .focus-outline,
html[data-learning-ui="glass"] .button.quiet-button{
 color:#f1e6f2;border-color:rgba(248,239,255,.26);
}
html[data-learning-ui="glass"] .object-overview{
 border-radius:25px;padding:23px 12px 20px;
 max-width:100%;margin:15px 0 22px;
}
html[data-learning-ui="glass"] .object-overview strong{color:#fff7ff}
html[data-learning-ui="glass"] .object-overview span{color:#d5cbdc}
html[data-learning-ui="glass"] .library-materials{border-color:var(--line)}
html[data-learning-ui="glass"] .upload-strip{
 background:rgba(18,23,41,.32);
 border:1px solid rgba(247,237,255,.21);
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
html[data-learning-ui="glass"] .file-picker{
 background:rgba(16,19,35,.40);border-color:rgba(250,240,255,.25);
}
html[data-learning-ui="glass"] .file-picker-label{color:#f8f0fa}
html[data-learning-ui="glass"] .dock{
 width:min(100%,430px);height:65px;
 border-radius:30px;padding:4px;
 border:1px solid rgba(255,255,255,.42);
 background:rgba(235,225,245,.12);
 box-shadow:0 10px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.18);
 -webkit-backdrop-filter:blur(19px) saturate(1.12);
 backdrop-filter:blur(19px) saturate(1.12);
}
html[data-learning-ui="glass"] .dock a{
 border-radius:24px;min-height:54px;
 color:#d6cbdc;font-size:10px;
}
html[data-learning-ui="glass"] .dock a[aria-current="page"]{
 color:#fffaff;background:rgba(240,230,248,.20);
 box-shadow:inset 0 1px rgba(255,255,255,.24),0 2px 9px rgba(0,0,0,.12);
}
html[data-learning-ui="glass"] .dock svg{width:19px;height:19px;stroke-width:1.35}
html[data-learning-ui="glass"] .toast{color:#fffaff;background:#332a44}
@media(max-width:390px){
 html[data-learning-ui="glass"] .shell{padding-inline:17px}
 html[data-learning-ui="glass"] .head h1{font-size:61px}
 html[data-learning-ui="glass"] .feature-today{min-height:240px}
}
@media(max-height:700px){
 html[data-learning-ui="glass"] .feature-today{min-height:212px}
 html[data-learning-ui="glass"] .focus-stage{min-height:235px}
 html[data-learning-ui="glass"] .dock{height:59px}
 html[data-learning-ui="glass"] .dock a{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
 html[data-learning-ui="glass"] .learning-liquid{transition:none}
}

/* END OPT-IN LEARNING LIQUID GLASS UI */