.dark .clay{--clay-board:#111c30}.clay{font-size:calc(1 * var(--u))}:where(.clay) svg.ic{display:inline-block}.clay{--u:19px;--r-sm:10px;--r:14px;--r-md:18px;--r-lg:24px;--pill:999px;--approve-h:calc(6.5 * var(--u));--nav-h:calc(3.7 * var(--u));--clay-board:#fff;background:rgb(var(--canvas));color:rgb(var(--ink));font-family:var(--font-nunito), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}:where(.clay) h1,:where(.clay) h2,:where(.clay) h3,:where(.clay) h4,:where(.clay) .fd{font-family:var(--font-fredoka), system-ui, sans-serif;letter-spacing:-.01em;margin:0;font-weight:600}:where(.clay) h1{font-size:calc(1.65 * var(--u));line-height:1.15}:where(.clay) h2{font-size:calc(1.1 * var(--u))}:where(.clay) h3{font-size:calc(.95 * var(--u))}:where(.clay) :focus-visible{outline:3px solid rgb(var(--info));outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){:where(.clay) *{transition:none!important;animation:none!important}}:where(.clay) .ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.24em;flex:none;width:1.2em;height:1.2em}:where(.clay) .ic--f{fill:currentColor;stroke:none}:where(.clay) .ic--lg{width:1.5em;height:1.5em}:where(.clay) .card{background:rgb(var(--surface));border:3px solid rgb(var(--outline));border-radius:var(--r-lg);box-shadow:var(--elevation-3)}:where(.clay) .panel{background:rgb(var(--surface));border:2px solid rgb(var(--outline));border-radius:var(--r-md);box-shadow:var(--elevation-1)}:where(.clay) .btn{padding:calc(.5 * var(--u)) calc(1 * var(--u));font-family:var(--font-fredoka), sans-serif;font-weight:500;font-size:calc(.85 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--pill);box-shadow:var(--elevation-2);justify-content:center;align-items:center;gap:.45em;transition:transform 80ms,box-shadow 80ms,background .12s;display:inline-flex}:where(.clay) .btn:hover:not(:disabled){background:rgb(var(--surface-2))}:where(.clay) .btn:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}:where(.clay) .btn:disabled{opacity:.4;box-shadow:var(--elevation-1);cursor:not-allowed}:where(.clay) .btn--go{background:rgb(var(--brand-primary));color:#fff;border-color:rgb(var(--brand-primary))}:where(.clay) .btn--go:hover:not(:disabled){background:rgb(var(--brand-primary-hover))}:where(.clay) .btn--big{padding:calc(.7 * var(--u)) calc(1.4 * var(--u));font-size:calc(1 * var(--u));border-width:3px}:where(.clay) .btn--sm{padding:calc(.3 * var(--u)) calc(.7 * var(--u));font-size:calc(.78 * var(--u));box-shadow:var(--elevation-1);border-width:2px}:where(.clay) .btn--sm:active:not(:disabled){transform:translate(2px,2px)}:where(.clay) .btn--quiet{box-shadow:none;background:0 0;border-color:#0000}:where(.clay) .btn--quiet:hover:not(:disabled){background:rgb(var(--surface-2));border-color:rgb(var(--outline))}:where(.clay) .btn--warn{color:rgb(var(--error));border-color:rgb(var(--error))}:where(.clay) .btn--stack{text-align:left;flex-direction:column;align-items:flex-start;gap:0;line-height:1.2}:where(.clay) .btn--stack small{font-weight:400;font-size:calc(.7 * var(--u));opacity:.75;max-width:calc(12 * var(--u));white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}:where(.clay) .lgroup-tools{opacity:.35;align-items:center;gap:2px;margin-left:auto;transition:opacity .12s ease-out;display:inline-flex}:where(.clay) .lgroup-head:hover .lgroup-tools,:where(.clay) .lgroup-tools:focus-within{opacity:1}:where(.clay) .lgroup-tools .iconbtn{width:calc(1.55 * var(--u));height:calc(1.55 * var(--u));border-width:2px}:where(.clay) .iconbtn{width:calc(2.3 * var(--u));height:calc(2.3 * var(--u));background:rgb(var(--surface));border:2px solid rgb(var(--outline));border-radius:var(--r-sm);box-shadow:var(--elevation-1);flex:none;place-items:center;display:inline-grid}:where(.clay) .iconbtn:hover:not(:disabled){background:rgb(var(--surface-2))}:where(.clay) .iconbtn:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}:where(.clay) .iconbtn:disabled{opacity:.3;cursor:not-allowed}:where(.clay) .iconbtn--danger{color:rgb(var(--error));border-color:rgb(var(--error))}:where(.clay) .iconbtn--bare{box-shadow:none;background:0 0;border-color:#0000}:where(.clay) .iconbtn--bare:hover{background:rgb(var(--surface-2));border-color:rgb(var(--outline))}:where(.clay) .namechip{text-overflow:ellipsis;white-space:nowrap;border:2px solid rgb(var(--outline));background:rgb(var(--surface-2));max-width:14em;font-size:calc(.72 * var(--u));color:rgb(var(--ink-muted));border-radius:999px;align-items:center;padding:.1em .5em;font-weight:700;display:inline-flex;overflow:hidden}:where(.clay) .namechip--unset{opacity:.55;font-style:italic}:where(.clay) .seg{border:2px solid rgb(var(--outline));border-radius:var(--r-sm);background:rgb(var(--surface));box-shadow:var(--elevation-1);display:inline-flex;overflow:hidden}:where(.clay) .seg button{font-size:calc(.78 * var(--u));color:rgb(var(--ink-muted));cursor:pointer;background:0 0;border:0;padding:.25em .7em;font-weight:700}:where(.clay) .seg button+button{border-left:2px solid rgb(var(--outline))}:where(.clay) .seg button:hover:not(.on){background:rgb(var(--surface-2))}:where(.clay) .seg button.on{background:rgb(var(--ink));color:rgb(var(--surface))}:where(.clay) .back{font-size:calc(.82 * var(--u));color:rgb(var(--ink-muted));align-items:center;gap:.3em;font-weight:700;text-decoration:none;display:inline-flex}:where(.clay) .back:hover{color:rgb(var(--ink))}:where(.clay) .status{font-size:calc(.78 * var(--u));padding:calc(.05 * var(--u)) calc(.55 * var(--u)) calc(.05 * var(--u)) calc(.4 * var(--u));border-radius:var(--pill);border:2px solid rgb(var(--outline));background:rgb(var(--surface));align-items:center;gap:.3em;font-weight:700;display:inline-flex}:where(.clay) .s-ready{background:rgb(var(--train-soft));border-color:rgb(var(--train-strong));color:rgb(var(--train-strong))}:where(.clay) .s-check{background:rgb(var(--warning-soft));border-color:rgb(var(--warning));color:rgb(var(--warning))}:where(.clay) .s-board{background:rgb(var(--info-soft));border-color:rgb(var(--info));color:rgb(var(--info))}:where(.clay) .s-write{background:rgb(var(--surface-2));color:rgb(var(--muted))}:where(.clay) .flag{width:calc(1.5 * var(--u));height:calc(1.5 * var(--u));border:2px solid rgb(var(--outline));background:rgb(var(--surface-2));color:rgb(var(--muted));border-radius:50%;place-items:center;display:inline-grid}:where(.clay) .flag--ai{background:rgb(var(--warning-soft));border-color:rgb(var(--warning));color:rgb(var(--warning))}:where(.clay) .flag--src{background:rgb(var(--success-soft));border-color:rgb(var(--success));color:rgb(var(--success))}:where(.clay) .flag--ch{background:rgb(var(--info-soft));border-color:rgb(var(--info));color:rgb(var(--info))}:where(.clay) .note{gap:calc(.55 * var(--u));border:2px solid rgb(var(--outline));border-radius:var(--r);padding:calc(.55 * var(--u)) calc(.7 * var(--u));font-size:calc(.84 * var(--u));line-height:1.4;display:flex}:where(.clay) .note--amber{background:rgb(var(--warning-soft));border-color:rgb(var(--warning));color:rgb(var(--warning))}:where(.clay) .note--calm{background:rgb(var(--surface-2))}:where(.clay) textarea,:where(.clay) .tin,:where(.clay) .input{background:rgb(var(--canvas));border:2.5px solid rgb(var(--outline));border-radius:var(--r);width:100%;min-width:0;padding:calc(.6 * var(--u)) calc(.75 * var(--u));font-size:calc(.92 * var(--u));resize:vertical;line-height:1.5}:where(.clay) textarea:focus,:where(.clay) .tin:focus,:where(.clay) .input:focus{background:rgb(var(--surface))}:where(.clay) select{background:rgb(var(--canvas));border:2.5px solid rgb(var(--outline));border-radius:var(--r);width:100%;max-width:100%;padding:calc(.5 * var(--u)) calc(.7 * var(--u));font-size:calc(.88 * var(--u))}:where(.clay) label.fieldlabel{font-weight:700;font-size:calc(.85 * var(--u));margin-bottom:calc(.3 * var(--u));align-items:center;gap:.35em;display:flex}:where(.clay) .help{font-size:calc(.78 * var(--u));color:rgb(var(--muted))}:where(.clay) .sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:where(.clay) .shell{max-width:1440px;padding:calc(1.4 * var(--u)) calc(1.4 * var(--u)) calc(5.5 * var(--u));margin:0 auto}:where(.clay) .shell--wide{max-width:min(3200px,100%)}@media (min-width:1024px){:where(.clay) .shell--dense{--page-zoom:.75;zoom:var(--page-zoom)}:where(.clay) .boardfit{container-type:size}:where(.clay) .boardfit__canvas{width:min(100cqw, calc(100cqh * var(--board-w) / var(--board-h)))}}:where(.clay) .a-head{gap:calc(1 * var(--u)) calc(2 * var(--u));margin-bottom:calc(1 * var(--u));flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}:where(.clay) .tally{border:3px solid rgb(var(--outline));border-radius:var(--r-lg);box-shadow:var(--elevation-2);background:rgb(var(--surface));display:flex;overflow:hidden}:where(.clay) .tally div{align-items:center;gap:calc(.5 * var(--u));padding:calc(.5 * var(--u)) calc(1 * var(--u));border-right:2px solid rgb(var(--outline));display:flex}:where(.clay) .tally div:last-child{border-right:0}:where(.clay) .tally b{font-family:var(--font-fredoka), sans-serif;font-size:calc(1.4 * var(--u));line-height:1}:where(.clay) .tally span{font-size:calc(.75 * var(--u));color:rgb(var(--muted));font-weight:700}:where(.clay) .tally .ok{color:rgb(var(--train-strong))}:where(.clay) details.fold>summary{font-family:var(--font-fredoka), sans-serif;font-weight:500;font-size:calc(.85 * var(--u));padding:calc(.4 * var(--u)) calc(.85 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--pill);box-shadow:var(--elevation-1);align-items:center;gap:.4em;list-style:none;display:inline-flex}:where(.clay) details.fold>summary::-webkit-details-marker{display:none}:where(.clay) .journey-body{margin-top:calc(.7 * var(--u));padding:calc(1 * var(--u));gap:calc(1 * var(--u));grid-template-columns:1fr calc(18 * var(--u));display:grid}:where(.clay) .journey-body>*{min-width:0}@media (max-width:820px){:where(.clay) .journey-body{grid-template-columns:1fr}}:where(.clay) .a-grid{grid-template-columns:clamp(calc(24 * var(--u)), 30%, calc(30 * var(--u))) 1fr;gap:calc(1.1 * var(--u));align-items:start;display:grid}:where(.clay) .a-grid>*{min-width:0}@media (max-width:1020px){:where(.clay) .a-grid{grid-template-columns:1fr}}:where(.clay) .lessons{padding:calc(.8 * var(--u))}:where(.clay) .lessons-top{padding:0 calc(.2 * var(--u)) calc(.55 * var(--u));justify-content:space-between;align-items:center;display:flex}:where(.clay) .bulk{gap:calc(.4 * var(--u));margin:0 calc(.2 * var(--u)) calc(.6 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) #bulk-out{margin:0 calc(.2 * var(--u)) calc(.6 * var(--u));display:none}:where(.clay) ol.lesson-list{margin:0;padding:0;list-style:none}:where(.clay) .lesson-li{border-radius:var(--r-md);margin-bottom:calc(.3 * var(--u))}:where(.clay) .lesson-li.dragging{opacity:.35}:where(.clay) .lesson-li.over{box-shadow:0 -3px 0 0 rgb(var(--info))}:where(.clay) .lesson-row{align-items:center;gap:calc(.35 * var(--u));padding:calc(.3 * var(--u)) calc(.35 * var(--u));border-radius:var(--r-md);border:2.5px solid #0000;display:flex}:where(.clay) .lesson-row:hover{background:rgb(var(--surface-2))}:where(.clay) .lesson-li.sel .lesson-row{background:rgb(var(--surface-2));border-color:rgb(var(--outline));box-shadow:var(--elevation-1)}:where(.clay) .libpane{margin-top:calc(.45 * var(--u));padding:calc(.5 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);background:rgb(var(--canvas));gap:calc(.4 * var(--u));flex-basis:100%;display:grid}:where(.clay) .libgrid{gap:calc(.3 * var(--u));max-height:calc(11 * var(--u));flex-wrap:wrap;display:flex;overflow-y:auto}:where(.clay) .libitem{border:2px solid rgb(var(--outline));border-radius:var(--pill);background:rgb(var(--surface));padding:calc(.22 * var(--u)) calc(.5 * var(--u));font-size:calc(.76 * var(--u));cursor:pointer}:where(.clay) .libitem:hover:not(:disabled){background:rgb(var(--surface-2))}:where(.clay) .savechip{align-items:center;gap:calc(.35 * var(--u));padding:calc(.25 * var(--u)) calc(.4 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--pill);background:rgb(var(--surface));align-self:center;display:inline-flex}:where(.clay) .savechip__n{font-size:calc(.78 * var(--u));white-space:nowrap;padding-left:calc(.25 * var(--u));align-items:center;gap:.25em;font-weight:700;display:inline-flex}:where(.clay) .sayline{align-items:center;gap:calc(.35 * var(--u));margin-top:calc(.28 * var(--u));font-size:calc(.75 * var(--u));color:rgb(var(--muted));line-height:1.3;display:flex}:where(.clay) .sayline__what{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}:where(.clay) .sayline__n{font-variant-numeric:tabular-nums;opacity:.7}:where(.clay) .sayline__pending{opacity:.5;display:inline-flex}:where(.clay) .iconbtn--tiny{width:calc(1.5 * var(--u));height:calc(1.5 * var(--u));border-width:2px}:where(.clay) .addbar{z-index:20;background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);padding:calc(.45 * var(--u)) calc(.55 * var(--u));margin-bottom:calc(.55 * var(--u));position:sticky;top:0;box-shadow:0 6px 14px #0000002e}:where(.clay) .cardtools{gap:calc(.35 * var(--u));flex-wrap:wrap;align-items:center;display:flex}:where(.clay) .pop{position:relative}:where(.clay) .pop__menu{z-index:40;top:calc(100% + .25 * var(--u));gap:calc(.3 * var(--u));padding:calc(.45 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);box-shadow:var(--elevation-2,0 10px 28px #00000059);min-width:calc(9 * var(--u));flex-wrap:wrap;display:flex;position:absolute;left:0}:where(.clay) .pop__menu--list{min-width:calc(8 * var(--u));flex-flow:column}:where(.clay) .pop__sheet{z-index:45;left:calc(.5 * var(--u));right:calc(.5 * var(--u));margin-top:calc(.35 * var(--u));padding:calc(.6 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);overscroll-behavior:contain;max-height:min(56vh,430px);position:absolute;overflow-y:auto;box-shadow:0 14px 34px #00000073}:where(.clay) .pop__sheethead{align-items:center;gap:calc(.4 * var(--u));margin-bottom:calc(.4 * var(--u));font-size:calc(.86 * var(--u));display:flex}:where(.clay) .pop__sheethead .help{margin-left:auto;font-weight:400}:where(.clay) .pop__wide{justify-content:flex-start;width:100%}:where(.clay) .pen--now{width:calc(.9 * var(--u));height:calc(.9 * var(--u));margin-right:calc(.15 * var(--u));border-width:2px}:where(.clay) .layer-edit{min-width:0;font:inherit;font-size:calc(.82 * var(--u));padding:2px calc(.3 * var(--u));border:2px solid rgb(var(--gblue-500,79 132 255));border-radius:calc(.3 * var(--u));background:rgb(var(--surface));color:rgb(var(--ink));flex:1}:where(.clay) .grip{width:calc(1.8 * var(--u));height:calc(2.3 * var(--u));color:rgb(var(--muted));cursor:grab;border-radius:var(--r-sm);background:0 0;border:0;flex:none;place-items:center;display:grid}:where(.clay) .grip:hover{background:rgb(var(--surface));color:rgb(var(--ink))}:where(.clay) .grip:active{cursor:grabbing}:where(.clay) .lesson-no{font-family:var(--font-fredoka), sans-serif;font-size:calc(.95 * var(--u));color:rgb(var(--muted));width:calc(1.1 * var(--u));text-align:right;flex:none}:where(.clay) .lesson-main{text-align:left;min-width:0;padding:calc(.3 * var(--u)) calc(.2 * var(--u));background:0 0;border:0;flex:1}:where(.clay) .lesson-name{font-weight:700;font-size:calc(.92 * var(--u));line-height:1.25;display:block}:where(.clay) .lesson-meta{align-items:center;gap:calc(.35 * var(--u));margin-top:calc(.25 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .confirm{align-items:center;gap:calc(.4 * var(--u));margin:calc(.25 * var(--u)) calc(.35 * var(--u)) calc(.4 * var(--u)) calc(2.2 * var(--u));padding:calc(.45 * var(--u)) calc(.6 * var(--u));background:rgb(var(--error-soft));border:2px solid rgb(var(--error));border-radius:var(--r);font-size:calc(.82 * var(--u));color:rgb(var(--error));font-weight:700;display:flex}:where(.clay) .composer{margin:calc(.4 * var(--u)) calc(.2 * var(--u));padding:calc(.6 * var(--u));background:rgb(var(--surface-2));border:2px dashed rgb(var(--outline));border-radius:var(--r)}:where(.clay) .work{padding:0;overflow:hidden}:where(.clay) .work-head{padding:calc(1 * var(--u)) calc(1.15 * var(--u));border-bottom:3px solid rgb(var(--outline));background:rgb(var(--surface-2))}:where(.clay) .step{grid-template-columns:calc(2.4 * var(--u)) 1fr;gap:calc(.85 * var(--u));padding:calc(1.05 * var(--u)) calc(1.15 * var(--u));border-bottom:3px solid rgb(var(--outline));display:grid}:where(.clay) .step>*{min-width:0}:where(.clay) .step:last-child{border-bottom:0}:where(.clay) .step-n{width:calc(2.4 * var(--u));height:calc(2.4 * var(--u));background:rgb(var(--canvas));border:2.5px solid rgb(var(--outline));box-shadow:var(--elevation-1);border-radius:50%;place-items:center;display:grid}:where(.clay) .step--done .step-n{background:rgb(var(--train))}:where(.clay) .step-title{justify-content:space-between;align-items:center;gap:calc(.5 * var(--u));margin-bottom:calc(.5 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .savenote{font-size:calc(.78 * var(--u));align-items:center;gap:.3em;font-weight:700;display:inline-flex}:where(.clay) .steps{margin:calc(.45 * var(--u)) 0 0;padding:0;list-style:none}:where(.clay) .stp-li{align-items:center;gap:calc(.3 * var(--u));margin-bottom:calc(.3 * var(--u));border-radius:var(--r);display:flex}:where(.clay) .stp-li.dragging{opacity:.35}:where(.clay) .stp-li.over{box-shadow:0 -3px 0 0 rgb(var(--info))}:where(.clay) .stp-no{width:calc(1.2 * var(--u));text-align:right;font-family:var(--font-fredoka), sans-serif;font-size:calc(.85 * var(--u));color:rgb(var(--muted));flex:none}:where(.clay) .stp-li .tin{padding:calc(.42 * var(--u)) calc(.6 * var(--u));font-size:calc(.88 * var(--u))}:where(.clay) .stp-empty{padding:calc(.6 * var(--u)) calc(.7 * var(--u));border:2px dashed rgb(var(--outline));border-radius:var(--r);background:rgb(var(--canvas));font-size:calc(.82 * var(--u));color:rgb(var(--muted))}:where(.clay) .subhead{justify-content:space-between;align-items:center;gap:calc(.5 * var(--u));margin-top:calc(.9 * var(--u));display:flex}:where(.clay) .example{margin-top:calc(.6 * var(--u));padding:calc(.7 * var(--u)) calc(.8 * var(--u));background:rgb(var(--info-soft));border:2px solid rgb(var(--info));border-radius:var(--r);font-size:calc(.85 * var(--u))}:where(.clay) .example ol{margin:calc(.35 * var(--u)) 0 0;padding-left:calc(1.2 * var(--u))}:where(.clay) .example li{margin-bottom:calc(.15 * var(--u))}:where(.clay) .savenote--ok{color:rgb(var(--train-strong))}:where(.clay) .savenote--busy{color:rgb(var(--muted))}:where(.clay) .boardstate{align-items:center;gap:calc(.6 * var(--u));padding:calc(.65 * var(--u)) calc(.8 * var(--u));background:rgb(var(--canvas));border:2.5px solid rgb(var(--outline));border-radius:var(--r);flex-wrap:wrap;justify-content:space-between;display:flex}:where(.clay) details.stored>summary{font-size:calc(.78 * var(--u));color:rgb(var(--muted));margin-top:calc(.55 * var(--u));align-items:center;gap:.3em;font-weight:700;list-style:none;display:inline-flex}:where(.clay) details.stored>summary::-webkit-details-marker{display:none}:where(.clay) pre.stored-body{margin:calc(.45 * var(--u)) 0 0;padding:calc(.65 * var(--u)) calc(.75 * var(--u));background:rgb(var(--canvas));border:2px solid rgb(var(--outline));border-radius:var(--r);font-family:ui-monospace,Menlo,monospace;font-size:calc(.74 * var(--u));white-space:pre-wrap;max-height:calc(10 * var(--u));color:rgb(var(--ink-muted));overflow:auto}:where(.clay) .b-head{gap:calc(.8 * var(--u)) calc(2 * var(--u));margin-bottom:calc(.9 * var(--u));flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}:where(.clay) .modio{gap:calc(.4 * var(--u));flex-wrap:wrap;align-items:center;display:flex}:where(.clay) .pager{align-items:center;gap:calc(.4 * var(--u));margin-top:calc(.45 * var(--u));display:flex}:where(.clay) .pager span{font-size:calc(.8 * var(--u));color:rgb(var(--ink-muted));min-width:calc(3.5 * var(--u));text-align:center;font-weight:700}:where(.clay) .b-head .spine{max-width:calc(26 * var(--u));border-width:2.5px;flex:0 auto;align-self:center;margin:0}:where(.clay) .b-head .spine-step{padding:calc(.3 * var(--u)) calc(.6 * var(--u));gap:calc(.35 * var(--u))}:where(.clay) .b-head .spine-badge{width:calc(1.4 * var(--u));height:calc(1.4 * var(--u))}:where(.clay) .b-head .spine-t{font-size:calc(.78 * var(--u))}:where(.clay) .b-head .spine-s{display:none}:where(.clay) .spine{border:3px solid rgb(var(--outline));border-radius:var(--pill);background:rgb(var(--surface));box-shadow:var(--elevation-2);margin-bottom:calc(1 * var(--u));display:flex;overflow:hidden}:where(.clay) .spine-step{align-items:center;gap:calc(.55 * var(--u));padding:calc(.55 * var(--u)) calc(1 * var(--u));border-right:2px solid rgb(var(--outline));flex:1;min-width:0;display:flex}:where(.clay) .spine-step:last-child{border-right:0}:where(.clay) .spine-badge{width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));border:2.5px solid rgb(var(--outline));background:rgb(var(--canvas));border-radius:50%;flex:none;place-items:center;display:grid}:where(.clay) .spine-step.done .spine-badge{background:rgb(var(--train))}:where(.clay) .spine-step.now{background:rgb(var(--train-soft))}:where(.clay) .spine-step.now .spine-badge{background:rgb(var(--surface))}:where(.clay) .spine-t{font-family:var(--font-fredoka), sans-serif;font-weight:500;font-size:calc(.92 * var(--u));line-height:1.15;display:block}:where(.clay) .spine-s{font-size:calc(.74 * var(--u));color:rgb(var(--muted));font-weight:700;display:block}@media (max-width:780px){:where(.clay) .spine{border-radius:var(--r-lg);flex-direction:column}:where(.clay) .spine-step{border-right:0;border-bottom:2px solid rgb(var(--outline))}:where(.clay) .spine-step:last-child{border-bottom:0}}:where(.clay) .b-grid{grid-template-columns:1fr calc(25 * var(--u));gap:calc(1.1 * var(--u));align-items:start;display:grid}:where(.clay) .b-grid>*{min-width:0}:where(.clay) .boardwrap{top:calc(1 * var(--u));position:sticky}@media (min-width:1024px){:where(.clay) .boardframe{aspect-ratio:var(--board-w) / var(--board-h);width:min(100%, calc(var(--board-room,100dvh) / var(--page-zoom,1) * var(--board-w) / var(--board-h)))}}:where(.clay) .boardframe{border:3px solid rgb(var(--outline));border-radius:var(--r-lg);box-shadow:var(--elevation-3);background:var(--clay-board);position:relative;overflow:hidden}:where(.clay) #whiteboard{width:100%;height:auto;display:block}:where(.clay) #boardempty{text-align:center;padding:calc(2 * var(--u));font-size:calc(.9 * var(--u));color:rgb(var(--muted));pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}:where(.clay) .transport{align-items:center;gap:calc(.5 * var(--u));margin-top:calc(.75 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .speed{gap:calc(.15 * var(--u));padding:calc(.18 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--pill);background:rgb(var(--surface));box-shadow:var(--elevation-1);display:inline-flex}:where(.clay) .speed button{border-radius:var(--pill);padding:calc(.24 * var(--u)) calc(.6 * var(--u));font-size:calc(.78 * var(--u));color:rgb(var(--muted));background:0 0;border:0;font-weight:700}:where(.clay) .speed button[aria-pressed=true]{background:rgb(var(--ink));color:rgb(var(--canvas))}:where(.clay) .hears{gap:calc(.6 * var(--u));margin-top:calc(.7 * var(--u));padding:calc(.65 * var(--u)) calc(.85 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);box-shadow:var(--elevation-1);font-size:calc(.9 * var(--u));display:flex}:where(.clay) .b-col{top:calc(1 * var(--u));flex-direction:column;min-height:0;display:flex;position:sticky}:where(.clay) .pop__sheet--prompt{min-width:min(22rem,70vw);max-height:min(60vh,26rem);overflow-y:auto}:where(.clay) .pop__sheet--prompt textarea{resize:vertical;max-height:38vh}:where(.clay) .toolbar{z-index:25;align-items:center;gap:calc(.35 * var(--u));margin-bottom:calc(.6 * var(--u));padding:calc(.35 * var(--u)) calc(.45 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);box-shadow:var(--elevation-1);flex-wrap:nowrap;flex:none;display:flex;position:sticky;top:0}:where(.clay) .toolbar__who{font-size:calc(.8 * var(--u));white-space:nowrap;padding-right:calc(.2 * var(--u));text-overflow:ellipsis;flex:0 auto;align-items:center;gap:.35em;min-width:0;display:inline-flex;overflow:hidden}:where(.clay) .toolbar__who b{text-overflow:ellipsis;overflow:hidden}:where(.clay) .toolbar>button{white-space:nowrap;flex:none}:where(.clay) .toolbar .btn{white-space:nowrap}:where(.clay) .toolbar .cardtools{display:contents}:where(.clay) .toolbar__who svg{width:calc(.95 * var(--u));height:calc(.95 * var(--u));opacity:.8}:where(.clay) .toolbar__hint{font-size:calc(.78 * var(--u));color:rgb(var(--muted))}:where(.clay) .toolbar .count{border-radius:var(--pill);background:rgb(var(--warning-soft));min-width:1.25em;color:rgb(var(--warning));font-size:calc(.72 * var(--u));border:1.5px solid rgb(var(--warning));padding:0 .3em}:where(.clay) .tabs{gap:calc(.3 * var(--u));margin-bottom:calc(.6 * var(--u));flex:none;display:flex}:where(.clay) .tab{padding:calc(.5 * var(--u)) calc(.4 * var(--u));font-family:var(--font-fredoka), sans-serif;font-weight:500;font-size:calc(.85 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);box-shadow:var(--elevation-1);flex:1;justify-content:center;align-items:center;gap:.35em;display:flex}:where(.clay) .tab[aria-selected=true]{background:rgb(var(--brand-primary));color:#fff;border-color:rgb(var(--brand-primary))}:where(.clay) .tab .count{border-radius:var(--pill);background:rgb(var(--warning-soft));min-width:1.25em;color:rgb(var(--warning));font-size:calc(.72 * var(--u));border:1.5px solid rgb(var(--warning));padding:0 .3em}:where(.clay) .tab[aria-selected=true] .count{background:rgb(var(--surface));border-color:rgb(var(--surface))}:where(.clay) .panels{min-height:0;padding:calc(.2 * var(--u)) calc(.5 * var(--u)) calc(.6 * var(--u)) calc(.2 * var(--u));margin:calc(-.2 * var(--u)) calc(-.5 * var(--u)) calc(-.6 * var(--u)) calc(-.2 * var(--u));scrollbar-width:thin;scrollbar-color:rgb(var(--outline)) transparent;flex:1}:where(.clay) .panels::-webkit-scrollbar{width:10px}:where(.clay) .panels::-webkit-scrollbar-thumb{background:rgb(var(--outline));border-radius:var(--pill);border:3px solid rgb(var(--canvas))}:where(.clay) .tabpanel{display:none}:where(.clay) .tabpanel.on{display:block}@media (max-width:1060px){:where(.clay) .b-grid{grid-template-columns:1fr}:where(.clay) .boardwrap,:where(.clay) .b-col{max-height:none;position:static}:where(.clay) .panels{margin:0;padding:0;overflow:visible}}@media (max-height:640px){:where(.clay) .boardwrap,:where(.clay) .b-col{max-height:none;position:static}:where(.clay) .panels{margin:0;padding:0;overflow:visible}}:where(.clay) .layers{border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);background:rgb(var(--surface));box-shadow:var(--elevation-1);overflow:hidden}:where(.clay) .lgroup{border-bottom:2px solid rgb(var(--outline))}:where(.clay) .lgroup:last-child{border-bottom:0}:where(.clay) .lgroup.played .lgroup-head{background:rgb(var(--train-soft))}:where(.clay) .lgroup-head{align-items:center;gap:calc(.35 * var(--u));padding:calc(.3 * var(--u)) calc(.45 * var(--u));background:rgb(var(--surface-2));border-bottom:2px solid rgb(var(--outline));display:flex}:where(.clay) .lgroup-toggle{align-items:center;gap:calc(.4 * var(--u));min-width:0;padding:calc(.15 * var(--u)) 0;text-align:left;background:0 0;border:0;flex:1;display:flex}:where(.clay) .tri{transition:transform .15s}:where(.clay) .lgroup.shut .tri{transform:rotate(-90deg)}:where(.clay) .lgroup.shut .lgroup-body{display:none}:where(.clay) .lgroup-name{font-family:var(--font-fredoka), sans-serif;font-weight:500;font-size:calc(.84 * var(--u));white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}:where(.clay) .layer{align-items:center;gap:calc(.35 * var(--u));padding:0 calc(.35 * var(--u)) 0 calc(.2 * var(--u));border-bottom:1px solid #2d374829;display:flex}:where(.clay) .layer:last-child{border-bottom:0}:where(.clay) .layer:hover{background:rgb(var(--surface-2))}:where(.clay) .layer.sel{background:rgb(var(--info-soft));box-shadow:inset 4px 0 0 0 rgb(var(--info))}:where(.clay) .layer.off .layer-main{opacity:.4}:where(.clay) .eye{width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));border-radius:var(--r-sm);color:rgb(var(--ink));background:0 0;border:0;flex:none;place-items:center;display:grid}:where(.clay) .eye:hover{background:rgb(var(--surface))}:where(.clay) .eye[aria-pressed=true]{color:rgb(var(--muted))}:where(.clay) .swatch{width:calc(.7 * var(--u));height:calc(.7 * var(--u));border:1.5px solid rgb(var(--outline));border-radius:3px;flex:none}:where(.clay) .layer-main{align-items:center;gap:calc(.4 * var(--u));min-width:0;padding:calc(.42 * var(--u)) 0;text-align:left;background:0 0;border:0;flex:1;display:flex}:where(.clay) .layer-kind{opacity:.75;margin-right:calc(.1 * var(--u));flex:none;align-items:center;display:inline-flex}:where(.clay) .layer-kind svg{width:calc(.95 * var(--u));height:calc(.95 * var(--u))}:where(.clay) .layer-name{font-weight:700;font-size:calc(.82 * var(--u));flex:none}:where(.clay) .layer-what{font-size:calc(.76 * var(--u));color:rgb(var(--muted));white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}:where(.clay) .layer-mark{color:rgb(var(--warning));flex:none}:where(.clay) .layer.child{padding-left:calc(1.3 * var(--u));position:relative}:where(.clay) .layer.child:before{content:"";left:calc(.7 * var(--u));background:rgb(var(--info));width:3px;position:absolute;top:0;bottom:0}:where(.clay) .inspect{padding:calc(.55 * var(--u)) calc(.7 * var(--u));background:rgb(var(--canvas));border-top:2px solid rgb(var(--outline));border-bottom:2px solid rgb(var(--outline))}:where(.clay) .inspect h3{font-size:calc(.92 * var(--u));margin:0}:where(.clay) .inspect>.help{margin:calc(.15 * var(--u)) 0 0}:where(.clay) .irow-lab{white-space:nowrap;width:auto;margin-bottom:0}:where(.clay) .irow{margin-top:calc(.4 * var(--u))}:where(.clay) .speechfoot{margin-top:calc(.22 * var(--u))}:where(.clay) .check{margin-top:calc(.22 * var(--u));align-items:center;line-height:1.25}:where(.clay) .inspect textarea{min-height:calc(3.4 * var(--u))}:where(.clay) .inspect .note{padding:calc(.4 * var(--u)) calc(.55 * var(--u));margin-top:calc(.45 * var(--u));font-size:calc(.8 * var(--u));line-height:1.35}:where(.clay) .inspect label.fieldlabel{margin-bottom:calc(.18 * var(--u));font-size:calc(.8 * var(--u))}:where(.clay) .inspect>div{margin-top:calc(.45 * var(--u))!important}:where(.clay) .inspect textarea{padding:calc(.4 * var(--u)) calc(.5 * var(--u));line-height:1.4}:where(.clay) .inspect .pen{width:calc(1.35 * var(--u));height:calc(1.35 * var(--u));border-width:2px}:where(.clay) .inspect .btn--sm{padding:calc(.22 * var(--u)) calc(.5 * var(--u));font-size:calc(.78 * var(--u))}:where(.clay) .irow{align-items:center;gap:calc(.4 * var(--u));margin-top:calc(.6 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .irow-lab{font-size:calc(.76 * var(--u));color:rgb(var(--muted));width:100%;margin-bottom:calc(-.2 * var(--u));align-items:center;gap:.3em;font-weight:700;display:flex}:where(.clay) .pen{width:calc(1.6 * var(--u));height:calc(1.6 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:50%;padding:0}:where(.clay) .pen[aria-pressed=true]{box-shadow:0 0 0 3px #2d374866}:where(.clay) .speechfoot{justify-content:space-between;align-items:center;gap:calc(.5 * var(--u));margin-top:calc(.3 * var(--u));font-size:calc(.74 * var(--u));color:rgb(var(--muted));display:flex}:where(.clay) .picchip{align-items:center;gap:calc(.5 * var(--u));width:100%;padding:calc(.4 * var(--u)) calc(.5 * var(--u));background:rgb(var(--surface));border:2px solid rgb(var(--outline));border-radius:var(--r);display:flex}:where(.clay) .pic-thumb{width:calc(2.8 * var(--u));height:calc(2.1 * var(--u));border:2px solid rgb(var(--outline));background:linear-gradient(135deg,rgb(var(--info-soft)) 0 50%,rgb(var(--train-soft)) 50% 100%);border-radius:5px;flex:none}:where(.clay) .approvebar{z-index:40;margin-top:calc(1.1 * var(--u));justify-content:space-between;align-items:center;gap:calc(.8 * var(--u));padding:calc(.8 * var(--u)) calc(1 * var(--u));background:rgb(var(--surface));border:3px solid rgb(var(--outline));border-radius:var(--r-lg);box-shadow:var(--elevation-3);flex-wrap:wrap;display:flex;position:sticky;bottom:0}:where(.clay) .approvebar.ready{background:rgb(var(--train-soft))}:where(.clay) .approvebar.done{background:rgb(var(--success-soft))}:where(.clay) .gate{align-items:center;gap:calc(.6 * var(--u));min-width:0;display:flex}:where(.clay) .gate-icon{width:calc(2.2 * var(--u));height:calc(2.2 * var(--u));border:2.5px solid rgb(var(--outline));background:rgb(var(--surface));border-radius:50%;flex:none;place-items:center;display:grid}:where(.clay) .gate-t{font-weight:700;font-size:calc(.95 * var(--u));line-height:1.2;display:block}:where(.clay) .gate-s{font-size:calc(.78 * var(--u));color:rgb(var(--ink-muted));display:block}:where(.clay) .figure{margin-top:calc(.5 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--r);background:rgb(var(--surface));overflow:hidden}:where(.clay) .figure .ph{height:calc(6.5 * var(--u));background:repeating-linear-gradient(45deg,rgb(var(--info-soft)) 0 12px,rgb(var(--surface-2)) 12px 24px);color:rgb(var(--muted));border-bottom:2px solid rgb(var(--outline));place-items:center;display:grid}:where(.clay) .figure .cap{padding:calc(.45 * var(--u)) calc(.6 * var(--u));font-size:calc(.8 * var(--u))}:where(.clay) .navbar{z-index:70;justify-content:space-between;align-items:center;gap:calc(1 * var(--u));height:var(--nav-h);padding:0 calc(1.1 * var(--u));background:rgb(var(--surface));border-bottom:3px solid rgb(var(--outline));display:flex;position:sticky;top:0}:where(.clay) .brand{align-items:center;gap:calc(.5 * var(--u));font-family:var(--font-fredoka), sans-serif;font-weight:600;font-size:calc(1.05 * var(--u));display:flex}:where(.clay) .brand .mark{width:calc(2 * var(--u));height:calc(2 * var(--u));border-radius:var(--r-sm);background:rgb(var(--brand-primary));color:#fff;border:2.5px solid rgb(var(--outline));place-items:center;display:grid}:where(.clay) .nav-right{align-items:center;gap:calc(.5 * var(--u));display:flex}:where(.clay) .navbtn{align-items:center;gap:calc(.5 * var(--u));padding:calc(.35 * var(--u)) calc(.6 * var(--u));border-radius:var(--pill);font-size:calc(.85 * var(--u));background:0 0;border:2px solid #0000;font-weight:700;display:flex;position:relative}:where(.clay) .navbtn:hover{background:rgb(var(--surface-2));border-color:rgb(var(--outline))}:where(.clay) .badge{top:calc(.05 * var(--u));right:calc(.15 * var(--u));min-width:calc(1.1 * var(--u));height:calc(1.1 * var(--u));padding:0 calc(.2 * var(--u));border-radius:var(--pill);background:rgb(var(--error));color:#fff;border:2px solid rgb(var(--surface));font-size:calc(.65 * var(--u));font-family:var(--font-fredoka), sans-serif;place-items:center;display:grid;position:absolute}:where(.clay) .avatar{width:calc(2 * var(--u));height:calc(2 * var(--u));background:rgb(var(--train-soft));border:2.5px solid rgb(var(--outline));font-size:calc(.78 * var(--u));font-family:var(--font-fredoka), sans-serif;border-radius:50%;flex:none;place-items:center;display:grid}:where(.clay) .app{grid-template-columns:auto minmax(0,1fr);display:grid}:where(.clay) .sidebar{top:var(--nav-h);height:calc(100vh - var(--nav-h));width:calc(15 * var(--u));gap:calc(.1 * var(--u));padding:calc(.7 * var(--u)) calc(.55 * var(--u));background:rgb(var(--surface));border-right:3px solid rgb(var(--outline));flex-direction:column;flex:none;transition:width .15s;display:flex;position:sticky;overflow-y:auto}:where(.clay) .sidebar.mini{width:calc(4.4 * var(--u))}:where(.clay) .sgroup{padding:calc(.85 * var(--u)) calc(.7 * var(--u)) calc(.25 * var(--u));font-size:calc(.68 * var(--u));letter-spacing:.09em;text-transform:uppercase;color:rgb(var(--muted));font-weight:700}:where(.clay) .snav{align-items:center;gap:calc(.7 * var(--u));width:100%;padding:calc(.6 * var(--u)) calc(.7 * var(--u));text-align:left;border-radius:var(--r);font-size:calc(.88 * var(--u));color:rgb(var(--ink-muted));background:0 0;border:2px solid #0000;font-weight:700;display:flex}:where(.clay) .snav:hover{background:rgb(var(--surface-2));color:rgb(var(--ink))}:where(.clay) .snav[aria-current=page]{background:rgb(var(--brand-primary));color:#fff;border-color:rgb(var(--brand-primary));box-shadow:var(--elevation-1)}:where(.clay) .snav .ic{width:1.35em;height:1.35em}:where(.clay) .side-foot{padding-top:calc(.6 * var(--u));border-top:2px solid rgb(var(--outline));margin-top:auto}:where(.clay) .sidebar.mini .snav>span,:where(.clay) .sidebar.mini .sgroup{display:none}:where(.clay) .sidebar.mini .snav{padding:calc(.6 * var(--u));justify-content:center}@media (max-width:900px){:where(.clay) .app{grid-template-columns:1fr}:where(.clay) .sidebar{border-right:0;border-bottom:3px solid rgb(var(--outline));height:auto;padding:calc(.5 * var(--u));flex-direction:row;position:static;overflow-x:auto;width:auto!important}:where(.clay) .sgroup,:where(.clay) .side-foot{display:none}:where(.clay) .sidebar .snav>span{display:inline}:where(.clay) .snav{white-space:nowrap;width:auto}}:where(.clay) .sechead{align-items:center;gap:calc(.5 * var(--u));margin:0 0 calc(.25 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .sechead h2{align-items:center;gap:calc(.4 * var(--u));display:flex}:where(.clay) .pillcount{font-size:calc(.76 * var(--u));padding:calc(.05 * var(--u)) calc(.55 * var(--u));border-radius:var(--pill);border:2px solid rgb(var(--outline));background:rgb(var(--surface-2));font-weight:700}:where(.clay) .needs-row{align-items:center;gap:calc(.7 * var(--u));padding:calc(.7 * var(--u)) calc(.1 * var(--u));border-bottom:1px solid #2d37482e;flex-wrap:wrap;display:flex}:where(.clay) .needs-row:last-child{border-bottom:0}:where(.clay) .needs-ic{width:calc(2.5 * var(--u));height:calc(2.5 * var(--u));border:2.5px solid rgb(var(--outline));background:rgb(var(--surface-2));border-radius:50%;flex:none;place-items:center;display:grid}:where(.clay) .needs-ic.hand{background:rgb(var(--error-soft));border-color:rgb(var(--error));color:rgb(var(--error))}:where(.clay) .needs-ic.q{background:rgb(var(--info-soft));border-color:rgb(var(--info));color:rgb(var(--info))}:where(.clay) .needs-ic.sign{background:rgb(var(--warning-soft));border-color:rgb(var(--warning));color:rgb(var(--warning))}:where(.clay) .needs-body{min-width:calc(14 * var(--u));flex:1}:where(.clay) .needs-who{font-weight:700;font-size:calc(.92 * var(--u))}:where(.clay) .empty{padding:calc(1.4 * var(--u));text-align:center;border:2px dashed rgb(var(--outline));border-radius:var(--r);background:rgb(var(--canvas));color:rgb(var(--muted));font-size:calc(.88 * var(--u))}:where(.clay) .mod-grid{gap:calc(1 * var(--u));grid-template-columns:repeat(auto-fill,minmax(calc(22 * var(--u)),1fr));margin-top:calc(.7 * var(--u));display:grid}:where(.clay) .mod{padding:calc(.9 * var(--u)) calc(1 * var(--u));gap:calc(.5 * var(--u));flex-direction:column;display:flex}:where(.clay) .bar{height:calc(.6 * var(--u));border-radius:var(--pill);background:rgb(var(--surface-2));border:2px solid rgb(var(--outline));overflow:hidden}:where(.clay) .bar i{background:rgb(var(--train));height:100%;display:block}:where(.clay) .code{font-family:ui-monospace,Menlo,monospace;font-size:calc(1.1 * var(--u));letter-spacing:.14em;font-weight:700}:where(.clay) .s-stop{background:rgb(var(--error-soft));border-color:rgb(var(--error));color:rgb(var(--error))}:where(.clay) .m-grid{gap:calc(1.1 * var(--u));grid-template-columns:minmax(0,1fr) calc(23 * var(--u));align-items:start;display:grid}:where(.clay) .m-grid>*{min-width:0}@media (max-width:1100px){:where(.clay) .m-grid{grid-template-columns:1fr}}:where(.clay) .stu{align-items:center;gap:calc(.6 * var(--u));padding:calc(.75 * var(--u)) calc(.9 * var(--u));border-bottom:2px solid #2d37482e;flex-wrap:wrap;display:flex}:where(.clay) .stu:last-child{border-bottom:0}:where(.clay) .stu-body{min-width:calc(13 * var(--u));flex:1}:where(.clay) .stu-pct{font-family:var(--font-fredoka), sans-serif;font-size:calc(1.1 * var(--u));flex:none}:where(.clay) .attn{margin-top:calc(.3 * var(--u));font-size:calc(.78 * var(--u));color:rgb(var(--warning));background:rgb(var(--warning-soft));border:2px solid rgb(var(--warning));border-radius:var(--pill);padding:calc(.02 * var(--u)) calc(.55 * var(--u));align-items:center;gap:.3em;font-weight:700;display:inline-flex}:where(.clay) .aim{font-size:calc(.8 * var(--u));color:rgb(var(--info));margin-top:calc(.2 * var(--u))}:where(.clay) .grid2{gap:calc(1.1 * var(--u));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}:where(.clay) .grid2>*{min-width:0}@media (max-width:980px){:where(.clay) .grid2{grid-template-columns:1fr}}:where(.clay) .grid3{gap:calc(1 * var(--u));grid-template-columns:repeat(auto-fill,minmax(calc(17 * var(--u)),1fr));display:grid}:where(.clay) .grid3>*{min-width:0}:where(.clay) .stack{gap:calc(1.1 * var(--u));flex-direction:column;display:flex}:where(.clay) .rowgap{align-items:center;gap:calc(.5 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .pad{padding:calc(.9 * var(--u)) calc(1.1 * var(--u))}:where(.clay) .mt{margin-top:calc(.7 * var(--u))}:where(.clay) .sec{margin-bottom:calc(1.4 * var(--u))}:where(.clay) .lrow{align-items:center;gap:calc(.6 * var(--u));padding:calc(.7 * var(--u)) calc(.9 * var(--u));border-bottom:2px solid #2d37482e;flex-wrap:wrap;display:flex}:where(.clay) .lrow:last-child{border-bottom:0}:where(.clay) .lrow:hover{background:rgb(var(--surface-2))}:where(.clay) .lrow-body{min-width:calc(13 * var(--u));flex:1}:where(.clay) .lrow-t{font-weight:700;font-size:calc(.92 * var(--u));display:block}:where(.clay) .lrow-acts{gap:calc(.4 * var(--u));flex-wrap:wrap;flex:none;display:flex}:where(.clay) .s-hand{background:rgb(var(--error-soft));border-color:rgb(var(--error));color:rgb(var(--error))}:where(.clay) .s-quiz{background:rgb(var(--info-soft));border-color:rgb(var(--info));color:rgb(var(--info))}:where(.clay) .kv{justify-content:space-between;align-items:baseline;gap:calc(.6 * var(--u));padding:calc(.38 * var(--u)) 0;font-size:calc(.85 * var(--u));border-bottom:1px solid #2d374829;display:flex}:where(.clay) .kv:last-child{border-bottom:0}:where(.clay) .kv b{font-family:var(--font-fredoka), sans-serif;font-weight:500}:where(.clay) .kv .help{text-align:right}:where(.clay) .tblwrap{border-radius:var(--r-md);overflow-x:auto}:where(.clay) table.tbl{border-collapse:collapse;width:100%;font-size:calc(.85 * var(--u))}:where(.clay) .tbl th{text-align:left;font-size:calc(.74 * var(--u));color:rgb(var(--muted));padding:calc(.45 * var(--u)) calc(.7 * var(--u));border-bottom:2px solid rgb(var(--outline));white-space:nowrap;font-weight:700}:where(.clay) .tbl td{padding:calc(.55 * var(--u)) calc(.7 * var(--u));vertical-align:top;border-bottom:1px solid #2d374829}:where(.clay) .tbl tr:last-child td{border-bottom:0}:where(.clay) .tbl .num{font-family:ui-monospace,Menlo,monospace}:where(.clay) .talk{gap:calc(.55 * var(--u));padding:calc(.9 * var(--u));max-height:calc(26 * var(--u));background:rgb(var(--canvas));border-bottom:3px solid rgb(var(--outline));flex-direction:column;display:flex;overflow-y:auto}:where(.clay) .bub{max-width:82%;padding:calc(.55 * var(--u)) calc(.75 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);font-size:calc(.88 * var(--u));background:rgb(var(--surface));box-shadow:var(--elevation-1)}:where(.clay) .bub b{font-size:calc(.72 * var(--u));color:rgb(var(--muted));margin-bottom:calc(.15 * var(--u));display:block}:where(.clay) .bub--them{background:rgb(var(--surface));align-self:flex-start}:where(.clay) .bub--you{background:rgb(var(--train-soft));align-self:flex-end}:where(.clay) .bub--tutor{background:rgb(var(--info-soft));border-color:rgb(var(--info));align-self:flex-end}:where(.clay) .quad{gap:calc(.7 * var(--u));grid-template-columns:1fr 1fr;display:grid}@media (max-width:760px){:where(.clay) .quad{grid-template-columns:1fr}}:where(.clay) .quad section{padding:calc(.75 * var(--u)) calc(.85 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);background:rgb(var(--surface))}:where(.clay) .quad h3{margin-bottom:calc(.35 * var(--u));align-items:center;gap:.35em;display:flex}:where(.clay) .quad ul{padding-left:calc(1.1 * var(--u));font-size:calc(.84 * var(--u));margin:0}:where(.clay) .quad li{margin-bottom:calc(.2 * var(--u))}:where(.clay) .quad--s{background:rgb(var(--train-soft))}:where(.clay) .quad--w{background:rgb(var(--warning-soft))}:where(.clay) .quad--o{background:rgb(var(--info-soft))}:where(.clay) .quad--t{background:rgb(var(--error-soft))}:where(.clay) .meterbar{align-items:center;gap:calc(.6 * var(--u));padding:calc(.55 * var(--u)) calc(.8 * var(--u));background:rgb(var(--surface-2));border:2.5px solid rgb(var(--outline));border-radius:var(--r);font-size:calc(.82 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .meterbar b{font-family:ui-monospace,Menlo,monospace}:where(.clay) .slot{align-items:center;gap:calc(.5 * var(--u));padding:calc(.45 * var(--u)) calc(.6 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--r);background:rgb(var(--surface));box-shadow:var(--elevation-1);font-size:calc(.82 * var(--u));font-weight:700;display:flex}:where(.clay) .slot[aria-pressed=true]{background:rgb(var(--brand-primary));color:#fff;border-color:rgb(var(--brand-primary))}:where(.clay) .slot:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}:where(.clay) .slotgrid{gap:calc(.4 * var(--u));grid-template-columns:repeat(auto-fill,minmax(calc(8.5 * var(--u)),1fr));margin-top:calc(.5 * var(--u));display:grid}:where(.clay) .match{font-family:var(--font-fredoka), sans-serif;font-size:calc(1.05 * var(--u));flex:none}:where(.clay) .tagrow{gap:calc(.3 * var(--u));margin-top:calc(.35 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .tag{font-size:calc(.74 * var(--u));padding:calc(.05 * var(--u)) calc(.5 * var(--u));border-radius:var(--pill);border:2px solid rgb(var(--outline));background:rgb(var(--surface-2));font-weight:700}:where(.clay) .tag--have{background:rgb(var(--train-soft));border-color:rgb(var(--train-strong));color:rgb(var(--train-strong))}:where(.clay) .tag--gap{background:rgb(var(--warning-soft));border-color:rgb(var(--warning));color:rgb(var(--warning))}:where(.clay) .tag--dev{background:rgb(var(--info-soft));border-color:rgb(var(--info));color:rgb(var(--info))}:where(.clay) .ptabs{gap:calc(.3 * var(--u));margin-bottom:calc(1 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .ptab{padding:calc(.4 * var(--u)) calc(.9 * var(--u));font-family:var(--font-fredoka), sans-serif;font-weight:500;font-size:calc(.85 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--pill);box-shadow:var(--elevation-1);align-items:center;gap:.35em;display:inline-flex}:where(.clay) .ptab[aria-selected=true]{background:rgb(var(--brand-primary));color:#fff;border-color:rgb(var(--brand-primary))}:where(.clay) .psec{display:none}:where(.clay) .psec.on{display:block}:where(.clay) .evid{gap:calc(.55 * var(--u));padding:calc(.5 * var(--u)) calc(.65 * var(--u));background:rgb(var(--canvas));border:2px solid rgb(var(--outline));border-radius:var(--r);font-size:calc(.82 * var(--u));margin-top:calc(.4 * var(--u));align-items:flex-start;display:flex}:where(.clay) .dropzone{place-items:center;gap:calc(.3 * var(--u));padding:calc(1.1 * var(--u));text-align:center;border:2.5px dashed rgb(var(--outline));border-radius:var(--r-md);background:rgb(var(--canvas));color:rgb(var(--muted));font-size:calc(.84 * var(--u));display:grid}:where(.clay) .asset{gap:calc(.6 * var(--u));padding:calc(.55 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--r);background:rgb(var(--surface));box-shadow:var(--elevation-1);margin-bottom:calc(.5 * var(--u));align-items:flex-start;display:flex}:where(.clay) .asset .ph{width:calc(5.2 * var(--u));height:calc(3.6 * var(--u));border:2px solid rgb(var(--outline));background:repeating-linear-gradient(45deg,rgb(var(--info-soft)) 0 10px,rgb(var(--surface-2)) 10px 20px);color:rgb(var(--muted));border-radius:6px;flex:none;place-items:center;display:grid}:where(.clay) .big{font-family:var(--font-fredoka), sans-serif;font-size:calc(1.9 * var(--u));line-height:1;display:block}:where(.clay) .stat{padding:calc(.75 * var(--u)) calc(.9 * var(--u));border:3px solid rgb(var(--outline));border-radius:var(--r-lg);background:rgb(var(--surface));box-shadow:var(--elevation-2)}:where(.clay) .stat span.help{margin-top:calc(.2 * var(--u));display:block}:where(.clay) .timeline{margin:calc(.5 * var(--u)) 0 0;padding:0 0 0 calc(1.3 * var(--u));list-style:none;position:relative}:where(.clay) .timeline:before{content:"";left:calc(.32 * var(--u));top:calc(.4 * var(--u));bottom:calc(.4 * var(--u));background:rgb(var(--outline));width:3px;position:absolute}:where(.clay) .timeline li{padding:calc(.3 * var(--u)) 0;font-size:calc(.84 * var(--u));position:relative}:where(.clay) .timeline li:before{content:"";left:calc(-1.16 * var(--u));top:calc(.65 * var(--u));width:calc(.75 * var(--u));height:calc(.75 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:50%;position:absolute}:where(.clay) .timeline li.done:before{background:rgb(var(--train))}:where(.clay) .timeline li.now:before{background:rgb(var(--warning))}:where(.clay) .pagebreak{align-items:center;gap:calc(.5 * var(--u));margin:calc(.35 * var(--u)) 0;padding:calc(.25 * var(--u)) calc(.5 * var(--u));font-size:calc(.74 * var(--u));color:rgb(var(--muted));background:rgb(var(--surface-2));border:2px dashed rgb(var(--outline));border-radius:var(--r-sm);font-weight:700;display:flex}:where(.clay) .check{gap:calc(.45 * var(--u));font-size:calc(.78 * var(--u));margin-top:calc(.35 * var(--u));align-items:flex-start;display:flex}:where(.clay) .check--ok{color:rgb(var(--train-strong))}:where(.clay) .check--no{color:rgb(var(--error))}:where(.clay) label.tick{align-items:center;gap:calc(.4 * var(--u));font-size:calc(.82 * var(--u));font-weight:700;display:inline-flex}:where(.clay) input[type=checkbox]{width:calc(1.05 * var(--u));height:calc(1.05 * var(--u));accent-color:rgb(var(--brand-primary))}:where(.clay) .addbar{align-items:center;gap:calc(.35 * var(--u));margin-bottom:calc(.7 * var(--u));padding:calc(.4 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);background:rgb(var(--surface));box-shadow:var(--elevation-1);flex-wrap:wrap;display:flex}:where(.clay) .addbar__label{font-size:calc(.78 * var(--u));color:rgb(var(--muted));padding-inline:calc(.3 * var(--u));font-weight:800}:where(.clay) .addbar__busy{font-size:calc(.75 * var(--u));color:rgb(var(--muted))}:where(.clay) .vidpanel{margin-top:calc(.7 * var(--u));padding:calc(.7 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);background:rgb(var(--surface));box-shadow:var(--elevation-1);gap:calc(.45 * var(--u));display:grid}:where(.clay) .vidpanel__head{align-items:center;gap:calc(.4 * var(--u));font-size:calc(.86 * var(--u));display:flex}:where(.clay) .vidpanel__dot{width:calc(.5 * var(--u));height:calc(.5 * var(--u));background:rgb(var(--ok,34 160 90));border-radius:50%}:where(.clay) .vidpanel__note{font-size:calc(.78 * var(--u));color:rgb(var(--muted));margin:0}:where(.clay) .vidpanel__row{gap:calc(.4 * var(--u));display:flex}:where(.clay) .vidpanel__or{align-items:center;gap:calc(.5 * var(--u));color:rgb(var(--muted));font-size:calc(.74 * var(--u));display:flex}:where(.clay) .vidpanel__or:before,:where(.clay) .vidpanel__or:after{content:"";background:rgb(var(--outline) / .45);flex:1;height:1.5px}:where(.clay) .vidpanel__file{cursor:pointer;justify-content:center}:where(.clay) .vidpanel__progress{border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);padding:calc(.34 * var(--u)) calc(.6 * var(--u));font-size:calc(.78 * var(--u));background:rgb(var(--surface));font-weight:700;position:relative;overflow:hidden}:where(.clay) .vidpanel__bar{background:rgb(var(--accent,79 132 255) / .28);transition:width .2s ease-out;position:absolute;inset:0 auto 0 0}:where(.clay) .vidpanel__progress span{position:relative}:where(.clay) .vidpanel__soon{font-size:calc(.74 * var(--u));color:rgb(var(--muted));padding-top:calc(.3 * var(--u));border-top:1.5px dashed rgb(var(--outline) / .45);margin:0}.vidskip{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:2px solid #ffffff8c;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:700;line-height:1.2;position:absolute;top:14px;right:14px}.vidskip:hover{background:#000000c7;border-color:#fff}.vidbar{color:#fff;background:#0b0b0d;flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.vidbar__btn{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;min-width:38px;padding:5px 11px;font-size:14px;font-weight:700;line-height:1.2}.vidbar__btn:hover{background:#ffffff3d}.vidbar__time{color:#ffffffb8;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.vidbar__seek{appearance:none;cursor:pointer;background:linear-gradient(to right,#fff 0,#fff var(--pct,0%), #ffffff38 var(--pct,0%),#ffffff38 100%);border-radius:999px;flex:1;min-width:0;height:6px}.vidbar__seek::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:13px;height:13px}.vidbar__speed{position:relative}.vidbar__menu{z-index:3;background:#17171b;border-radius:10px;gap:2px;min-width:62px;margin:0;padding:4px;list-style:none;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000080}.vidbar__menu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:5px 9px;font-size:13px}.vidbar__menu button:hover{background:#ffffff24}:where(.clay) .vidbar__menu button[aria-checked=true]{background:#ffffff38;font-weight:800}:where(.clay) .lesson-tick{width:calc(.95 * var(--u));height:calc(.95 * var(--u));accent-color:rgb(var(--ink));cursor:pointer;flex:none}:where(.clay) .bulkbar{justify-content:space-between;align-items:center;gap:calc(.6 * var(--u));padding:calc(.5 * var(--u)) calc(.7 * var(--u));margin-bottom:calc(.4 * var(--u));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);background:rgb(var(--train-soft));font-size:calc(.85 * var(--u));list-style:none;display:flex}:where(.clay) .lesson-tools{align-items:center;gap:calc(.35 * var(--u));margin:0 calc(.2 * var(--u)) calc(.5 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .lesson-tools__pick{align-items:center;gap:calc(.3 * var(--u));padding:calc(.15 * var(--u)) calc(.35 * var(--u));font-size:calc(.8 * var(--u));color:rgb(var(--muted));cursor:pointer;white-space:nowrap;display:flex}:where(.clay) .lesson-tools__pick input{width:calc(.95 * var(--u));height:calc(.95 * var(--u));accent-color:rgb(var(--ink));cursor:pointer}:where(.clay) .lesson-tools__sep{width:2px;height:calc(1.1 * var(--u));background:rgb(var(--outline));opacity:.45;margin:0 calc(.15 * var(--u));border-radius:2px}:where(.clay) .lesson-tools .bulk{gap:calc(.35 * var(--u));margin:0}:where(.clay) .lesson-tools__more{margin-left:auto}:where(.clay) .lesson-tools__more>summary{cursor:pointer;list-style:none}:where(.clay) .lesson-tools__more>summary::-webkit-details-marker{display:none}:where(.clay) .pop__item{align-items:center;gap:calc(.4 * var(--u));width:100%;padding:calc(.45 * var(--u)) calc(.55 * var(--u));border-radius:var(--r);font-size:calc(.85 * var(--u));color:rgb(var(--ink));text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;display:flex}:where(.clay) .pop__item:hover:not(:disabled){background:rgb(var(--canvas))}:where(.clay) .pop__item:disabled{opacity:.45;cursor:not-allowed}:where(.clay) .lesson-tools__more .pop__sheet{left:auto;right:0}:where(.clay) .lesson-tools__count{align-items:center;gap:calc(.25 * var(--u));padding:calc(.15 * var(--u)) calc(.4 * var(--u));border:2px solid rgb(var(--outline));border-radius:var(--pill);font-size:calc(.78 * var(--u));color:rgb(var(--muted));cursor:pointer;white-space:nowrap;background:0 0;display:inline-flex}:where(.clay) .lesson-tools__count:hover{color:rgb(var(--ink));border-color:rgb(var(--ink))}:where(.clay) .lesson-tools__count b{color:rgb(var(--ink))}:where(.clay) .btn--danger{color:rgb(var(--error));border-color:rgb(var(--error))}:where(.clay) .btn--danger:hover:not(:disabled){background:rgb(var(--error) / .08)}:where(.clay) .boardframe:fullscreen{width:100vw;max-width:none;height:100vh;box-shadow:none;background:var(--clay-board);border:0;border-radius:0;justify-content:center;align-items:center;display:flex}:where(.clay) .boardframe:fullscreen .boardfit{width:100%;height:100%}
.app-sidebar-slot{height:100%;min-height:0}.app-sidebar-slot .sidebar{height:100%;position:relative;top:0}.app-content{scroll-padding-top:1rem}@media (max-width:900px){.app-frame{flex-direction:column}.app-sidebar-slot,.app-sidebar-slot .sidebar{height:auto}}.app-navbar .navbar{position:relative}.clay a.snav,.clay a.btn,.clay a.back{text-decoration:none}.clay a.btn{color:inherit}.clay a.btn.btn--go{color:#fff}.clay .b-col{max-height:none;overflow:visible}@media (min-width:1024px){.clay .boardwrap{align-self:start;position:sticky;top:1rem}.clay .boardwrap .boardframe{flex:none}}
.modal-back{z-index:60;-webkit-backdrop-filter:blur(6px)saturate(120%);background:#0a162873;place-items:center;padding:1.25rem;animation:.16s ease-out modal-fade;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:rgb(var(--surface));width:100%;max-width:40rem;max-height:min(88vh,54rem);color:rgb(var(--ink));border:2px solid rgb(var(--outline) / .9);box-shadow:0 24px 60px -20px #0a162873, 0 2px 0 0 rgb(var(--outline) / .08);overscroll-behavior:contain;text-align:left;border-radius:20px;flex-direction:column;gap:.95rem;padding:1.5rem 1.6rem 1.35rem;animation:.18s cubic-bezier(.2,.9,.3,1) modal-rise;display:flex;overflow:auto}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px)scale(.985)}}@media (prefers-reduced-motion:reduce){.modal-back,.modal{animation:none}}.modal-head{flex-direction:column;gap:.25rem;display:flex}.modal-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.95rem 1rem;display:grid}.modal>h3,.modal-head>h3{font-family:var(--font-fredoka), system-ui, sans-serif;letter-spacing:-.01em;font-size:1.22rem;font-weight:600;line-height:1.2}.modal .field,.field{flex-direction:column;gap:.35rem;display:flex}.field>span{letter-spacing:.005em;color:rgb(var(--ink-muted));font-size:.82rem;font-weight:700}.field>select,.field>input,.field>textarea{width:100%;min-width:0;font:inherit;color:rgb(var(--ink));background:rgb(var(--canvas));border:1.5px solid rgb(var(--outline) / .35);border-radius:12px;padding:.55rem .7rem;font-size:.93rem;transition:border-color .12s,box-shadow .12s,background .12s}.field>select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:1.05rem;padding-right:2.1rem}.field>textarea{resize:vertical;min-height:5.5rem;line-height:1.5}.field>select:hover,.field>textarea:hover{border-color:rgb(var(--outline) / .55)}.field>select:focus-visible,.field>input:focus-visible,.field>textarea:focus-visible{background:rgb(var(--surface));border-color:rgb(var(--brand-primary));box-shadow:0 0 0 3px rgb(var(--brand-primary) / .16);outline:none}.modal .help a{color:rgb(var(--info));font-weight:600}.modal .help{color:rgb(var(--muted));margin:0;font-size:.8rem;line-height:1.45}.modal>.modal-foot{background:rgb(var(--surface));border-top:1.5px solid rgb(var(--outline) / .15);justify-content:flex-end;align-items:center;gap:.5rem;margin:.25rem -1.6rem -1.35rem;padding:.9rem 1.6rem 1.1rem;display:flex;position:sticky;bottom:-1.35rem;box-shadow:0 -10px 16px -14px #0a162880}.modal :where(.btn){font:inherit;border:1.5px solid rgb(var(--outline) / .35);background:rgb(var(--surface-2));color:rgb(var(--ink));cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;display:inline-flex}.modal :where(.btn[data-testid=plan-settings-go]){background:rgb(var(--brand-primary));border-color:rgb(var(--brand-primary));color:rgb(var(--brand-primary-on))}.modal :where(.btn:disabled){opacity:.5;cursor:not-allowed}.modal .help--warn{border:1.5px solid rgb(var(--warning) / .5);background:rgb(var(--warning-soft));color:rgb(var(--ink));border-radius:12px;padding:.6rem .75rem}.modal .help--error{border:1.5px solid rgb(var(--error) / .5);background:rgb(var(--error-soft,var(--surface-2)));color:rgb(var(--error));border-radius:12px;padding:.6rem .75rem}
:where(.clay) .faq-head{justify-content:space-between;align-items:flex-end;gap:calc(.8 * var(--u));margin:calc(.5 * var(--u)) 0 calc(.9 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .faq-head__why{max-width:64ch;margin:calc(.25 * var(--u)) 0 0}:where(.clay) .faq-stats{gap:calc(.5 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .faq-stat{min-width:calc(5.6 * var(--u));padding:calc(.45 * var(--u)) calc(.8 * var(--u));background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);box-shadow:var(--elevation-1);text-align:left}:where(.clay) .faq-stat b{font-family:var(--font-fredoka), system-ui, sans-serif;font-size:calc(1.5 * var(--u));font-variant-numeric:tabular-nums;line-height:1.05;display:block}:where(.clay) .faq-stat span{font-size:calc(.74 * var(--u));letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--muted));font-weight:700}:where(.clay) .faq-stat--waiting{background:rgb(var(--warning-soft));border-color:rgb(var(--warning))}:where(.clay) .faq-stat--waiting b,:where(.clay) .faq-stat--waiting span{color:rgb(var(--warning))}:where(.clay) .faq-bar{z-index:20;align-items:center;gap:calc(.5 * var(--u));padding:calc(.5 * var(--u));margin-bottom:calc(.7 * var(--u));background:rgb(var(--surface) / .92);-webkit-backdrop-filter:blur(8px);border:2.5px solid rgb(var(--outline));border-radius:var(--r-md);box-shadow:var(--elevation-1);flex-wrap:wrap;display:flex;position:sticky;top:0}:where(.clay) .faq-search{flex:1 1 calc(14 * var(--u));min-width:calc(10 * var(--u));align-items:center;gap:calc(.4 * var(--u));padding:0 calc(.6 * var(--u));background:rgb(var(--canvas));border:2px solid rgb(var(--outline) / .45);border-radius:var(--pill);color:rgb(var(--muted));transition:border-color .12s,box-shadow .12s;display:flex;position:relative}:where(.clay) .faq-search:focus-within{border-color:rgb(var(--brand-primary));box-shadow:0 0 0 3px rgb(var(--brand-primary) / .15)}:where(.clay) .faq-search input{min-width:0;padding:calc(.42 * var(--u)) 0;font:inherit;font-size:calc(.88 * var(--u));color:rgb(var(--ink));background:0 0;border:0;outline:none;flex:1}:where(.clay) .faq-seg{background:rgb(var(--surface-2));border:2px solid rgb(var(--outline) / .45);border-radius:var(--pill);gap:2px;padding:3px;display:inline-flex}:where(.clay) .faq-seg button{padding:calc(.3 * var(--u)) calc(.75 * var(--u));font-family:var(--font-fredoka), sans-serif;font-size:calc(.8 * var(--u));color:rgb(var(--ink-muted));border-radius:var(--pill);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35em;font-weight:500;transition:background .12s,color .12s;display:inline-flex}:where(.clay) .faq-seg button:hover{color:rgb(var(--ink));background:rgb(var(--surface))}:where(.clay) .faq-seg button[aria-pressed=true]{color:#fff;background:rgb(var(--brand-primary));box-shadow:var(--elevation-1)}:where(.clay) .faq-seg .faq-seg__n{font-variant-numeric:tabular-nums;font-size:calc(.72 * var(--u));opacity:.75}:where(.clay) .faq-lessons{gap:calc(.7 * var(--u));flex-direction:column;display:flex}:where(.clay) .faq-lesson{background:rgb(var(--surface));border:2.5px solid rgb(var(--outline));border-radius:var(--r-lg);box-shadow:var(--elevation-1);overflow:hidden}:where(.clay) .faq-lesson[data-waiting]:not([data-waiting="0"]){border-left:6px solid rgb(var(--warning))}:where(.clay) .faq-lesson__head{align-items:center;gap:calc(.5 * var(--u));width:100%;padding:calc(.7 * var(--u)) calc(.9 * var(--u));text-align:left;cursor:pointer;background:0 0;border:0;transition:background .12s;display:flex}:where(.clay) .faq-lesson__head:hover{background:rgb(var(--surface-2))}:where(.clay) .faq-lesson__head h2{min-width:0;font-size:calc(1 * var(--u));flex:1;line-height:1.25}:where(.clay) .faq-lesson__chev{color:rgb(var(--muted));flex:none;transition:transform .16s}:where(.clay) .faq-lesson__head[aria-expanded=true] .faq-lesson__chev{transform:rotate(90deg)}:where(.clay) .faq-lesson__body{padding:0 calc(.9 * var(--u)) calc(.8 * var(--u))}:where(.clay) .faq-group{margin-top:calc(.5 * var(--u))}:where(.clay) .faq-group__lab{margin:0 0 calc(.35 * var(--u));font-size:calc(.74 * var(--u));letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--muted));align-items:center;gap:.4em;font-weight:700;display:flex}:where(.clay) .faq-rows{border:2px solid rgb(var(--outline) / .22);border-radius:var(--r);flex-direction:column;display:flex;overflow:hidden}:where(.clay) .faq-row{align-items:center;gap:calc(.5 * var(--u));padding:calc(.5 * var(--u)) calc(.6 * var(--u));background:rgb(var(--surface));border-top:2px solid rgb(var(--outline) / .14);grid-template-columns:1fr auto auto;transition:background .12s;display:grid}:where(.clay) .faq-row:first-child{border-top:0}:where(.clay) .faq-row:hover{background:rgb(var(--surface-2))}:where(.clay) .faq-row--open{background:rgb(var(--info-soft))}:where(.clay) .faq-q{align-items:flex-start;gap:calc(.4 * var(--u));min-width:0;font:inherit;font-size:calc(.92 * var(--u));color:rgb(var(--ink));text-align:left;cursor:pointer;background:0 0;border:0;padding:0;line-height:1.35;display:flex}:where(.clay) .faq-q .ic{color:rgb(var(--muted));flex:none;margin-top:.15em;transition:transform .16s}:where(.clay) .faq-q[aria-expanded=true] .ic{transform:rotate(90deg)}:where(.clay) .faq-q span{min-width:0}:where(.clay) .faq-asked{padding:calc(.1 * var(--u)) calc(.5 * var(--u));font-size:calc(.74 * var(--u));font-variant-numeric:tabular-nums;color:rgb(var(--ink-muted));background:rgb(var(--surface-2));border:2px solid rgb(var(--outline) / .3);border-radius:var(--pill);white-space:nowrap;flex:none;font-weight:700}:where(.clay) .faq-asked--hot{color:rgb(var(--warning));background:rgb(var(--warning-soft));border-color:rgb(var(--warning))}:where(.clay) .faq-acts{align-items:center;gap:calc(.3 * var(--u));justify-content:flex-end;display:inline-flex}:where(.clay) .faq-open{margin-top:calc(.5 * var(--u));padding:calc(.6 * var(--u));background:rgb(var(--canvas));border:2px solid rgb(var(--outline) / .25);border-radius:var(--r);grid-column:1/-1;animation:.18s ease-out faq-open}@keyframes faq-open{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){:where(.clay) .faq-open{animation:none}:where(.clay) .faq-lesson__chev,:where(.clay) .faq-q .ic{transition:none}}:where(.clay) .faq-edit{gap:calc(.7 * var(--u));grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start;display:grid}@media (max-width:1100px){:where(.clay) .faq-edit{grid-template-columns:minmax(0,1fr)}}:where(.clay) .faq-edit__words{gap:calc(.3 * var(--u));flex-direction:column;min-width:0;display:flex}:where(.clay) .faq-edit__words textarea{min-height:calc(12 * var(--u));resize:vertical}:where(.clay) .faq-edit__board{gap:calc(.4 * var(--u));flex-direction:column;min-width:0;display:flex}:where(.clay) .faq-save{align-items:center;gap:calc(.4 * var(--u));margin-top:calc(.2 * var(--u));flex-wrap:wrap;display:flex}:where(.clay) .faq-save__state{font-size:calc(.76 * var(--u));color:rgb(var(--muted));margin-left:auto}:where(.clay) .faq-empty{padding:calc(1.1 * var(--u));text-align:center;color:rgb(var(--muted));font-size:calc(.85 * var(--u));background:rgb(var(--canvas));border:2px dashed rgb(var(--outline) / .35);border-radius:var(--r)}:where(.clay) .faq-skel{height:calc(2.4 * var(--u));border-radius:var(--r);background:linear-gradient(90deg, rgb(var(--surface-2)) 25%, rgb(var(--surface)) 37%, rgb(var(--surface-2)) 63%);background-size:400% 100%;animation:1.3s ease-in-out infinite faq-shimmer}@keyframes faq-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){:where(.clay) .faq-skel{animation:none}}:where(.clay) .faq-scope{align-items:center;gap:calc(.4 * var(--u));padding:calc(.25 * var(--u)) calc(.35 * var(--u)) calc(.25 * var(--u)) calc(.6 * var(--u));max-width:100%;font-size:calc(.84 * var(--u));background:rgb(var(--info-soft));border:2px solid rgb(var(--info));border-radius:var(--pill);color:rgb(var(--ink));display:inline-flex}:where(.clay) .faq-scope>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(.clay) .faq-scope__off{padding:calc(.12 * var(--u)) calc(.5 * var(--u));font-size:calc(.76 * var(--u));color:rgb(var(--ink));background:rgb(var(--surface));border:2px solid rgb(var(--outline) / .35);border-radius:var(--pill);flex:none;align-items:center;gap:.25em;font-weight:700;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}:where(.clay) .faq-scope__off:hover{background:rgb(var(--surface-2));border-color:rgb(var(--outline))}