.nb{--nb-h:clamp(28rem, 100dvh - 16rem, 42rem);--nb-margin:2.5rem;--nb-radius:1.5rem;--paper:var(--surface-card);--cover:var(--blue-700);--cover-deep:var(--blue-900);--hand:var(--text-hand);--edge:1rem;--nb-page-radius:.5rem;--nb-spine-radius:1px;--nb-close:.32s;--nb-edge-paper:color-mix(in srgb, var(--sun-100) 35%, var(--blue-50));--nb-edge-line:color-mix(in srgb, var(--ink-900) 13%, var(--nb-edge-paper));--nb-edge-gap:1.25px;--nb-edge-step:2px;--nb-board:2px;--nb-rule-line:color-mix(in srgb, var(--blue-300) 32%, var(--paper));--tone:var(--blue-300);width:100%;max-width:62rem;color:var(--text-heading);margin-inline:auto;position:relative;container:nb/inline-size}.dark .nb{--hand:var(--coral-300);--nb-rule-line:color-mix(in srgb, var(--blue-300) 16%, var(--paper));--nb-edge-paper:color-mix(in srgb, color-mix(in srgb, var(--sun-100) 35%, var(--blue-50)) 78%, var(--ink-900))}.nb--phone{--nb-h:29.5rem;padding-inline:1rem}.nb.nb--phone{--nb-rule:1.75rem;--nb-ruled:linear-gradient(to right, transparent calc(var(--nb-margin) - 1px), var(--paper-margin) calc(var(--nb-margin) - 1px) calc(var(--nb-margin) + .5px), transparent calc(var(--nb-margin) + .5px)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--nb-rule) - 1px), color-mix(in srgb, var(--blue-300) 55%, var(--paper)) calc(var(--nb-rule) - 1px) var(--nb-rule)) 0 calc(var(--nb-rule) * 2) / 100% calc(100% - var(--nb-rule) * 2.5) no-repeat, var(--paper)}.nb--phone:is([data-phase=closed],[data-phase=closing],[data-phase=opening]){padding-top:.5rem}.nb--phone :is(.nb-intro__title,.nb-intro__body){display:none}.nb--phone .nb-intro__steps{margin-top:0}.nb--phone .nb-stk--cap{width:17%;top:20%;left:5%}.nb--phone .nb-stk--rocket{width:13%;top:1%;left:80%}.nb--phone .nb-scene__trail{display:none}.nb--phone .nb-point{right:-1.25rem}.nb--phone .nb-face--back.nb-paper{--rule:1.75rem;background:linear-gradient(to right, transparent calc(var(--nb-margin) - 1px), var(--paper-margin) calc(var(--nb-margin) - 1px) calc(var(--nb-margin) + .5px), transparent calc(var(--nb-margin) + .5px)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--rule) - 1px), color-mix(in srgb, var(--blue-300) 55%, var(--paper)) calc(var(--rule) - 1px) var(--rule)) 0 calc(var(--rule) * 2) / 100% calc(100% - var(--rule) * 2.5) no-repeat, var(--paper)}.nb--phone :is(.nb-gutter-l,.nb-gutter-r):after{content:none}.nb--phone .nb-tabs{--nb-tabs-fade:calc(var(--nb-radius) + .5rem);height:calc(var(--nb-tabs-h) + 1.25rem);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, black var(--nb-tabs-fade), black calc(100% - var(--nb-tabs-fade)), transparent);mask-image:linear-gradient(to right, transparent, black var(--nb-tabs-fade), black calc(100% - var(--nb-tabs-fade)), transparent);top:-.5rem;left:1rem;right:1rem;overflow:auto hidden}.nb--phone .nb-tabs::-webkit-scrollbar{display:none}.nb--phone .nb-tabs__list{min-width:max-content;max-width:none;padding-inline:calc(var(--nb-tabs-fade) + .25rem);flex:none}.nb--phone .nb-tab{flex:none}.nb--phone .nb-tab__btn{white-space:nowrap}.nb--phone .nb-tab--add .nb-tab__btn{gap:0;font-size:0}.nb.nb--sheet{max-width:none;padding:0}.nb-slip.nb-slip--sheet{width:auto;box-shadow:none;background:0 0;outline:0;padding:.25rem 0 .5rem;animation:none;position:static}.nb--phone .nb-book{--nb-margin:1.5rem}.nb--phone .nb-pager__label{display:none}.nb--phone .nb-pager__btn{min-width:2.75rem;min-height:2.75rem;padding:0}.lessons-saved .nb[data-phase=closed]{visibility:hidden}.nb[data-reveal]{animation:.45s backwards nb-show}.nb [data-tone="0"]{--tone:var(--blue-300)}.nb [data-tone="1"]{--tone:var(--mint-300)}.nb [data-tone="2"]{--tone:var(--coral-300)}.nb [data-tone="3"]{--tone:var(--sun-200)}.lessons-desk{pointer-events:none;background:radial-gradient(48rem 34rem at 70% 52%, var(--desk-glow-a), transparent 70%), radial-gradient(30rem 24rem at 12% 84%, var(--desk-glow-b), transparent 70%), radial-gradient(26rem 20rem at 28% 40%, var(--desk-glow-c), transparent 70%);position:absolute;inset:0}.lessons-desk:before{content:"";background:radial-gradient(circle, var(--desk-dots) 1.2px, transparent 1.7px) 0 0 / 1.75rem 1.75rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 58% at 58% 54%,#000 25%,#0000 78%);mask-image:radial-gradient(62% 58% at 58% 54%,#000 25%,#0000 78%)}.lessons-desk--fade{background:linear-gradient(to bottom, transparent calc(100% - 12rem), var(--desk-floor) calc(100% - 1rem)), radial-gradient(30rem 16rem at 50% 82%, var(--desk-glow-a), transparent 70%), radial-gradient(48rem 34rem at 70% 52%, var(--desk-glow-a), transparent 70%), radial-gradient(30rem 24rem at 12% 84%, var(--desk-glow-b), transparent 70%), radial-gradient(26rem 20rem at 28% 40%, var(--desk-glow-c), transparent 70%);-webkit-mask-image:linear-gradient(#0000,#000 6rem);mask-image:linear-gradient(#0000,#000 6rem)}html:has(.m-view[data-active=true] .lessons-desk--fade){background-color:var(--desk-floor)}html:has(.m-view[data-active=true] .lessons-desk--fade) body{background-color:#0000}.lessons-desk>span{aspect-ratio:1;animation:nb-desk-in .9s var(--ease-out) var(--d,0s) both;border-radius:50%;position:absolute}.lessons-desk__disc{background:var(--desk-shape-blue);width:10rem;top:22%;right:6%}.lessons-desk__ring{--d:.15s;border:.9rem solid var(--desk-shape-coral);width:8rem;top:58%;left:6%}@media (prefers-reduced-motion:reduce){.lessons-desk>span{animation:none}}.nb-paper{--rule:1.75rem;background:linear-gradient(to right, transparent calc(var(--nb-margin) - 1px), var(--paper-margin) calc(var(--nb-margin) - 1px) calc(var(--nb-margin) + .5px), transparent calc(var(--nb-margin) + .5px)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--rule) - 1px), var(--nb-rule-line) calc(var(--rule) - 1px) var(--rule)) 0 calc(var(--rule) * 4) / 100% calc(100% - var(--rule) * 7) no-repeat, var(--paper)}.nb-dots{background:radial-gradient(circle, color-mix(in srgb, var(--blue-500) 30%, transparent) 1px, transparent 1.5px) .75rem .75rem / 1.5rem 1.5rem, var(--paper)}.nb-gutter-l:after,.nb-gutter-r:after{content:"";pointer-events:none;position:absolute;inset:0}.nb-gutter-l:after{background:linear-gradient(to left, color-mix(in srgb, var(--ink-900) 8%, transparent), transparent 3.5rem)}.nb-gutter-r:after{background:linear-gradient(to right, color-mix(in srgb, var(--ink-900) 8%, transparent), transparent 3.5rem)}.nb-sticker{z-index:2;border:4px solid var(--paper);background:var(--tone);width:3.5rem;height:3.5rem;color:var(--ink-900);box-shadow:var(--shadow-sm);transform:rotate(var(--rot,0deg));border-radius:50%;flex:none;place-items:center;display:grid;position:absolute}.nb-sticker--static{z-index:auto;--rot:-6deg;border-width:3px;width:2.5rem;height:2.5rem;position:relative}.nb-book{height:var(--nb-h);perspective:2800px;perspective-origin:50% 30%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}@property --tx{syntax:"<number>";inherits:false;initial-value:0}@property --ty{syntax:"<number>";inherits:false;initial-value:0}.nb{--ease-pop:cubic-bezier(.3, 1.6, .5, 1)}.nb-leaves,.nb-stack--r{transition:transform .4s var(--ease-out)}.nb[data-phase=closed] :is(.nb-leaves,.nb-stack--r){transition:none}.nb[data-phase=closed] .nb-leaves{transform-origin:75%}.nb-book{margin:0 var(--edge) var(--edge)}.nb-stack{width:calc(50% + var(--edge));height:calc(100% + var(--edge));pointer-events:none;position:absolute;top:0}.nb-stack:before{content:"";inset:var(--edge) 0 0 var(--edge);border-radius:var(--nb-page-radius);box-shadow:0 1.5rem 2.5rem -1rem color-mix(in srgb, var(--ink-950) 40%, transparent), var(--shadow-lg);position:absolute}.nb-stack--r{transform-origin:calc(50% - var(--edge) / 2) calc(50% - var(--edge) / 2);left:50%}.nb-stack--l{opacity:0;right:50%;scale:-1 1}.nb[data-phase=open] .nb-stack--l{opacity:1}.nb[data-phase=opening] .nb-stack--l{animation:nb-hide .3s ease calc(var(--nb-start,0s) + .806s) reverse both}.nb-stack>i{--r:var(--nb-page-radius);position:absolute}.nb-stack__fore{width:calc(var(--edge) + var(--r));clip-path:polygon(0 0, var(--r) 0, 100% var(--edge), 100% 100%, var(--r) calc(100% - var(--edge)), 0 calc(100% - var(--edge)));background:linear-gradient(to right, transparent calc(100% - var(--nb-board)), var(--cover) calc(100% - var(--nb-board))), linear-gradient(to right, color-mix(in srgb, var(--ink-950) 26%, transparent) var(--r), transparent calc(var(--r) + .4rem)), repeating-linear-gradient(to right, var(--nb-edge-paper) 0 var(--nb-edge-gap), var(--nb-edge-line) var(--nb-edge-gap) var(--nb-edge-step));top:0;bottom:0;right:0}.nb-stack__foot{height:calc(var(--edge) + var(--r));clip-path:polygon(0 0, calc(100% - var(--edge)) 0, calc(100% - var(--edge)) var(--r), 100% 100%, var(--edge) 100%, 0 var(--r));background: linear-gradient(to right, color-mix(in srgb, var(--cover) 75%, var(--ink-950)), var(--cover) calc(var(--edge) * .6), color-mix(in srgb, var(--cover) 82%, var(--ink-950)) calc(var(--edge) + .25rem), color-mix(in srgb, var(--ink-950) 28%, transparent) calc(var(--edge) + .25rem), transparent calc(var(--edge) + .75rem)), linear-gradient(to bottom, transparent calc(100% - var(--nb-board)), var(--cover) calc(100% - var(--nb-board))), linear-gradient(to bottom, color-mix(in srgb, var(--ink-950) 30%, transparent) var(--r), color-mix(in srgb, var(--ink-950) 8%, transparent) calc(var(--r) + .4rem)), repeating-linear-gradient(to bottom, var(--nb-edge-paper) 0 var(--nb-edge-gap), var(--nb-edge-line) var(--nb-edge-gap) var(--nb-edge-step));bottom:0;left:0;right:0}.nb[data-phase=closed] .nb-right{visibility:hidden}.nb[data-phase=closed] .nb-spiral{opacity:0}.nb[data-phase=opening] .nb-spiral{animation:nb-show .4s ease var(--nb-start,0s) both}.nb[data-phase=closed]:not([data-calm]) :is(.nb-leaves,.nb-stack--r){animation:.9s cubic-bezier(.2,.9,.2,1) both nb-arrive}.nb-page{border:1px solid var(--border-soft);min-width:0;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.nb-left{border-radius:var(--nb-page-radius) var(--nb-spine-radius) var(--nb-spine-radius) var(--nb-page-radius);grid-area:1/1}.nb-right{border-radius:var(--nb-spine-radius) var(--nb-page-radius) var(--nb-page-radius) var(--nb-spine-radius);grid-area:1/2}.nb[data-phase=closed] .nb-left,.nb[data-phase=opening] .nb-left{visibility:hidden}.nb[data-phase=closing] .nb-page>*{animation:.26s both nb-face-out}.nb[data-phase=closing] .nb-tabs{pointer-events:none}.nb[data-phase=closing] .nb-tab{animation:.3s cubic-bezier(.5,0,.75,0) both nb-tab-out}.nb[data-phase=closing] .nb-tab:nth-last-child(2){animation-delay:40ms}.nb[data-phase=closing] .nb-tab:nth-last-child(n+3){animation-delay:80ms}.nb[data-phase=closing] .nb-left{animation:nb-vis-off 1ms linear var(--nb-close) both}.nb[data-phase=closing] .nb-leaf--cover .nb-face--back{animation:nb-vis-on 1ms linear var(--nb-close) both}.nb[data-phase=closing] .nb-spiral{animation:nb-face-out .3s ease calc(var(--nb-close) + .95s) both}.nb[data-phase=closing] .nb-stack--l{animation:nb-hide .45s ease var(--nb-close) both}.nb-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-muted) 45%, transparent) transparent;transition:opacity .16s;position:absolute;inset:0;overflow-y:auto}.nb[data-pending] .nb-scroll,.nb[data-pending] .nb-lessonpage{opacity:.55}.nb-right .nb-scroll{padding:1.5rem 1.5rem 1.75rem 2.25rem}.nb-spiral{z-index:10;pointer-events:none;background:radial-gradient(ellipse .8rem .14rem at 50% 50%, color-mix(in srgb, var(--text-muted) 55%, var(--paper)) 0 100%, transparent 100%) 0 0 / 100% 1.75rem repeat-y, radial-gradient(ellipse .45rem .3rem at 50% 50%, color-mix(in srgb, var(--ink-900) 38%, transparent) 0 70%, transparent 100%) 0 0 / 100% 1.75rem repeat-y;width:1.75rem;position:absolute;top:1rem;bottom:1rem;left:50%;transform:translate(-50%)}.nb-leaves{z-index:5;pointer-events:none;perspective:inherit;perspective-origin:inherit;position:absolute;inset:0}.nb-leaf{transform-origin:0;transform-style:preserve-3d;z-index:var(--z-from);position:absolute;inset:0 0 0 50%}.nb-leaf--cover{--z-from:30;--z-to:1;--flip:1.3s;--delay:var(--nb-start,0s)}.nb[data-phase=closed] .nb-leaf--cover{pointer-events:auto}.nb-leaf--cover .nb-face--front{box-shadow:.25rem .375rem .75rem -.25rem color-mix(in srgb, var(--ink-950) 45%, transparent)}.nb-leaf--cover .nb-face--back{border:1px solid var(--border-soft);box-shadow:var(--shadow-lg)}.nb[data-phase=opening] .nb-leaf{will-change:transform;animation:nb-flip var(--flip) cubic-bezier(.55, .06, .3, 1) var(--delay) both, nb-z var(--flip) steps(1, end) var(--delay) both}.nb[data-phase=opening] .nb-leaf--cover{animation:nb-cover-open var(--flip) linear var(--delay) both, nb-z-cover var(--flip) steps(1, end) var(--delay) both}.nb[data-phase=opening] .nb-leaf .nb-classpage b{animation:nb-check-pop .6s var(--ease-bounce) calc(var(--reveal) + 80ms) both}.nb[data-phase=opening] .nb-leaf .nb-classpage span{animation:nb-name-in .55s var(--ease-out) calc(var(--reveal) + .2s) both}.nb-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.nb-face--front{border-radius:var(--nb-spine-radius) var(--nb-page-radius) var(--nb-page-radius) var(--nb-spine-radius)}.nb-face--back{border-radius:var(--nb-page-radius) var(--nb-spine-radius) var(--nb-spine-radius) var(--nb-page-radius);transform:rotateY(180deg)}.nb-leaf:not(.nb-leaf--cover) .nb-face,.nb-turnleaf .nb-face{border:1px solid var(--border-soft)}.nb-face:before{content:"";z-index:3;pointer-events:none;opacity:0;background:color-mix(in srgb, var(--ink-900) 45%, transparent);position:absolute;inset:0}.nb[data-phase=opening] .nb-face--front:before{animation:nb-shade-out var(--flip) linear var(--delay) both}.nb[data-phase=opening] .nb-face--back:before{animation:nb-shade-in var(--flip) linear var(--delay) both}.nb[data-phase=closing] .nb-leaf--cover{will-change:transform;animation:nb-cover-close var(--flip) linear var(--nb-close) both}.nb[data-phase=closing] .nb-face--front:before{animation:nb-shade-out var(--flip) linear var(--nb-close) reverse both}.nb[data-phase=closing] .nb-face--back:before{animation:nb-shade-in var(--flip) linear var(--nb-close) reverse both}.nb-turnleaf{z-index:6;pointer-events:none;transform-origin:0;transform-style:preserve-3d;will-change:transform;animation:1.6s cubic-bezier(.45,0,.3,1) both nb-turn-page;position:absolute;inset:0 0 0 50%}.nb-turnleaf .nb-classpage b{animation:nb-check-pop .55s var(--ease-bounce) 60ms both}.nb[data-turn-reveal] .nb-turnleaf .nb-face--back{animation:.55s both nb-face-out}.nb-turnleaf[data-dir=back]{transform-origin:100%;animation-name:nb-turn-page-back;left:0;right:50%}.nb-turnleaf[data-dir=back] .nb-face--front{border-radius:var(--nb-page-radius) var(--nb-spine-radius) var(--nb-spine-radius) var(--nb-page-radius)}.nb-turnleaf[data-dir=back] .nb-face--back{border-radius:var(--nb-spine-radius) var(--nb-page-radius) var(--nb-page-radius) var(--nb-spine-radius)}.nb[data-turning] .nb-page>:is(.nb-lessonpage,.nb-scroll){transition:opacity .55s}.nb[data-turning]:not([data-turn-reveal]) .nb-page>:is(.nb-lessonpage,.nb-scroll){opacity:0;transition-duration:.2s}.nb-classpage{text-align:center;background:var(--tone);align-content:center;place-items:center;gap:.75rem;padding:1.5rem;display:grid}.nb-classpage b{background:var(--on-deep);width:6rem;height:6rem;color:var(--ink-900);border-radius:50%;place-items:center;display:grid}.nb-classpage span{z-index:1;max-width:100%;color:var(--ink-900);text-wrap:balance;overflow-wrap:anywhere;font-size:1.75rem;font-weight:800;line-height:1.1;position:relative}.nb-cover{--sticker-shadow:color-mix(in srgb, var(--ink-950) 25%, transparent);color:var(--on-deep);background:linear-gradient(to bottom, var(--blue-50), var(--blue-100) 55%, var(--blue-200));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--on-deep) 22%, transparent), inset -2px -3px 0 color-mix(in srgb, var(--cover-deep) 60%, transparent), inset -.5rem -.75rem 1.5rem -.75rem color-mix(in srgb, var(--ink-950) 35%, transparent);grid-template-rows:auto 1fr auto;place-items:center;gap:.75rem;padding:2.25rem 2.25rem 2rem 3.5rem;display:grid;position:absolute;inset:0;overflow:hidden;container:nb-cover/size}.nb-cover>:not(.nb-stk,.nb-scene,.nb-sheen){z-index:3;position:relative}.nb-sheen{--spine:2.5rem;z-index:1;pointer-events:none;background:linear-gradient(118deg, transparent calc(var(--p) * 45% - 5%), color-mix(in srgb, var(--on-deep) 9%, transparent) calc(var(--p) * 45% + 12%), transparent calc(var(--p) * 45% + 30%)), linear-gradient(to right, transparent calc(var(--spine) - .25rem), color-mix(in srgb, var(--ink-950) 22%, transparent) var(--spine), color-mix(in srgb, var(--on-deep) 18%, transparent) calc(var(--spine) + .2rem), transparent calc(var(--spine) + .75rem)), linear-gradient(to right, color-mix(in srgb, var(--ink-950) 38%, transparent), color-mix(in srgb, var(--on-deep) 20%, transparent) 38%, transparent 70%, color-mix(in srgb, var(--ink-950) 10%, transparent)) 0 0 / var(--spine) 100% no-repeat;position:absolute;inset:0}.nb-scene{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nb-cover{--sc-halo:color-mix(in srgb, var(--blue-300) 30%, transparent);--sc-trail:color-mix(in srgb, var(--blue-600) 75%, transparent);--sc-sparkle:var(--blue-500);--sc-accent:var(--coral-500);--sc-hill-back:var(--blue-400);--sc-hill-mid:var(--blue-600);--sc-hill-front:var(--blue-700)}.dark .nb-cover{--sc-halo:color-mix(in srgb, var(--blue-500) 16%, transparent);--sc-trail:color-mix(in srgb, var(--blue-300) 70%, transparent);--sc-sparkle:var(--blue-300);--sc-accent:var(--coral-300);--sc-hill-back:var(--blue-600);--sc-hill-mid:var(--blue-500);--sc-hill-front:var(--blue-800);background:radial-gradient(90% 55% at 90% 5%, color-mix(in srgb, var(--blue-600) 45%, transparent), transparent 70%), linear-gradient(to bottom, var(--blue-800), var(--blue-900))}.nb-scene__halo{fill:var(--sc-halo)}.nb-scene__trail{fill:none;stroke:var(--sc-trail);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.1 9}.nb-scene__sparkle{fill:var(--sc-sparkle)}.nb-scene__sparkle--accent{fill:var(--sc-accent)}.nb-scene__hill-back{fill:var(--sc-hill-back)}.nb-scene__hill-mid{fill:var(--sc-hill-mid)}.nb-scene__hill-front{fill:var(--sc-hill-front)}@property --nb-sweep{syntax:"<number>";inherits:false;initial-value:0}.nb-title,.nb-holo,.nb-sheen{--p:calc(.5 + var(--tx) * .35 + var(--ty) * .15 + var(--nb-sweep));--holo-x:calc(var(--p) * 100%);--holo:linear-gradient(calc(100deg + var(--p) * 80deg), color-mix(in srgb, var(--coral-300) 55%, var(--on-deep)), color-mix(in srgb, var(--sun-200) 80%, var(--on-deep)), color-mix(in srgb, var(--mint-300) 70%, var(--on-deep)), color-mix(in srgb, var(--blue-300) 60%, var(--on-deep)), color-mix(in srgb, color-mix(in srgb, var(--blue-300) 50%, var(--coral-300)) 55%, var(--on-deep)), color-mix(in srgb, var(--coral-300) 55%, var(--on-deep)))}.nb-holo,.nb-sheen{animation:nb-sweep 1.6s var(--ease-out) .5s both}.nb-holo{background:var(--holo) var(--holo-x) 0 / 260% 100%;width:100%;height:100%}.nb-title{background:linear-gradient(115deg, transparent 20%, color-mix(in srgb, var(--on-deep) 85%, transparent) calc(20% + var(--p) * 40%), transparent calc(40% + var(--p) * 40%)), var(--holo) var(--holo-x) 0 / 260% 100%;box-shadow:0 0 0 .45rem var(--on-deep), 0 .6rem 1.1rem -.4rem color-mix(in srgb, var(--ink-950) 45%, transparent);color:var(--blue-900);letter-spacing:-.025em;overflow-wrap:anywhere;text-align:center;max-width:100%;animation:nb-stick .56s var(--ease-pop) .12s both, nb-sweep 1.6s var(--ease-out) .5s both;border-radius:1.5rem;align-self:start;padding:.75rem 1.875rem 1rem;font-size:clamp(2rem,min(13cqw,9cqh),4rem);font-weight:800;line-height:1}.nb-stk{z-index:2;height:auto;rotate:var(--r,0deg);animation:nb-stick .56s var(--ease-pop) var(--d,0s) both;position:absolute;overflow:visible}.nb-stk__shadow,.nb-stk__edge{stroke-width:var(--cut);stroke-linejoin:round}.nb-stk__shadow{fill:var(--sticker-shadow);stroke:var(--sticker-shadow);transform:translate(3px,5px)}.nb-stk__edge{fill:var(--on-deep);stroke:var(--on-deep)}.nb-stk--cap{--r:-12deg;--d:.34s;width:24%;top:29%;left:22%}.nb-stk--cap .nb-holo{background:linear-gradient(115deg, transparent calc(10% + var(--p) * 40%), color-mix(in srgb, var(--on-deep) 80%, transparent) calc(22% + var(--p) * 40%), transparent calc(34% + var(--p) * 40%)), var(--holo) var(--holo-x) 0 / 150% 100%}.nb-stk--rocket{--r:22deg;--d:.42s;width:18%;top:26%;left:73%}.nb-stk__shade{fill:color-mix(in srgb, var(--blue-900) 30%, transparent)}.nb-stk__crease{fill:none;stroke:color-mix(in srgb, var(--blue-900) 45%, transparent);stroke-width:1.5px;stroke-linejoin:round}.nb-stk__cord{fill:none;stroke:var(--sun-200);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.nb-stk__tuft{fill:none;stroke:color-mix(in srgb, var(--sun-500) 70%, var(--sun-200));stroke-width:1.25px;stroke-linecap:round}.nb-stk__sun{fill:var(--sun-200)}.nb-stk__coral{fill:var(--coral-500)}.nb-stk__coral-deep{fill:var(--coral-700)}.nb-stk__window{fill:var(--blue-200);stroke:var(--on-deep);stroke-width:4px}.nb-cover__hint{text-align:center;text-wrap:pretty;color:var(--on-deep);font-size:.875rem;font-weight:700}.nb-label{z-index:1;background:var(--paper);width:min(100%,22rem);color:var(--text-heading);box-shadow:0 1.1rem 1.9rem -.75rem color-mix(in srgb, var(--ink-950) 55%, transparent);animation:nb-stick .56s var(--ease-pop) .2s both;border-radius:1.6rem;align-self:end;padding:1.25rem;position:relative}.nb-label:after{content:"";background:linear-gradient(135deg, transparent 50%, color-mix(in srgb, var(--blue-300) 35%, var(--paper)) 50%, color-mix(in srgb, var(--blue-300) 60%, var(--paper)));clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;border-radius:0 0 1.6rem;width:2.9rem;height:2.9rem;position:absolute;bottom:0;right:0}.nb-label__lead{text-align:center;text-wrap:balance;white-space:pre-line;margin-bottom:.875rem;font-size:1.25rem;font-weight:800;line-height:1.15;display:block}.nb-intro__here{color:var(--hand);text-underline-offset:.25em;cursor:pointer;border-radius:.375rem;font-weight:800;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.nb-label__lead{min-height:2.3em}.nb-point{z-index:3;pointer-events:none;color:var(--hand);opacity:0;flex-direction:column;align-items:flex-end;transition:opacity .15s;display:flex;position:absolute;bottom:calc(100% - .875rem);right:.25rem}.nb-point__text{white-space:nowrap;clip-path:inset(-.5em 100% -.5em -.5em);margin-right:.25rem;font-size:1.125rem;font-weight:800;line-height:1;transition:clip-path 0s linear .15s;rotate:-6deg}.nb-point__arrow{stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.1;width:2rem;height:3rem;margin-top:.125rem;margin-right:.5rem}.nb-point__arrow path{stroke-dashoffset:1.05px;transition:stroke-dashoffset 0s linear .15s}.nb[data-phase=closed]:is([data-point],:has(.nb-intro__here:focus-visible,.nb-intro__here:is(:hover,:active):not(.nb--phone *))) .nb-code[data-empty] .nb-point{opacity:1;transition:opacity 80ms}.nb[data-phase=closed]:is([data-point],:has(.nb-intro__here:focus-visible,.nb-intro__here:is(:hover,:active):not(.nb--phone *))) .nb-code[data-empty] .nb-point .nb-point__text{clip-path:inset(-.5em);transition:clip-path .34s cubic-bezier(.4,0,.6,1)}.nb[data-phase=closed]:is([data-point],:has(.nb-intro__here:focus-visible,.nb-intro__here:is(:hover,:active):not(.nb--phone *))) .nb-code[data-empty] .nb-point .nb-point__arrow path{stroke-dashoffset:0;transition:stroke-dashoffset .42s cubic-bezier(.45,0,.3,1) .28s}.nb[data-phase=closed]:is([data-point],:has(.nb-intro__here:focus-visible,.nb-intro__here:is(:hover,:active):not(.nb--phone *))) .nb-code[data-empty] .nb-point .nb-point__arrow .nb-point__head{transition:stroke-dashoffset .16s ease-out .68s}@container nb-cover (max-height:24rem){.nb-stk{display:none}}.nb-intro{grid-area:1/1;align-self:center;min-width:0;padding-right:clamp(1.5rem,5cqw,3.5rem)}.nb-intro :is(h2,p,li){animation:nb-intro-in .65s var(--ease-out) calc(.2s + var(--i) * 90ms) both}.nb[data-phase=closing] .nb-intro :is(h2,p,li){animation:nb-intro-in .65s var(--ease-out) calc(var(--nb-close) + .7s + var(--i) * 90ms) both}.nb[data-phase=opening] .nb-intro :is(h2,p,li){animation:nb-intro-out .45s cubic-bezier(.5, 0, .75, 0) calc(var(--nb-exit,0s) + var(--i) * 60ms) both}.nb-intro__title{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2rem,4.6cqw,3.25rem);font-weight:800;line-height:1.04}.nb-intro__title em{color:var(--text-brand);font-style:normal}.nb-intro__body{text-wrap:pretty;max-width:26rem;color:var(--text-body);margin-top:1rem;font-size:1.0625rem}.nb-intro__steps{gap:.75rem;margin-top:1.75rem;display:grid}.nb-intro__steps li{align-items:center;gap:.875rem;font-weight:700;line-height:1.3;list-style:none;display:flex}.nb-intro__steps span{background:color-mix(in srgb, var(--brand) 16%, var(--paper));width:2rem;height:2rem;color:var(--text-brand);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.nb-code{--halo-tone:var(--brand);padding:var(--frame-pad,.375rem);border:3px solid color-mix(in srgb, var(--brand) 40%, transparent);background:var(--blank);box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--brand) 18%, transparent);cursor:text;transition:border-color .16s ease, box-shadow .2s var(--ease-out), background-color .16s ease;border-radius:1rem;position:relative}@media (hover:hover){.nb-code:hover{border-color:color-mix(in srgb, var(--brand) 65%, transparent)}}.nb-code:focus-within{border-color:var(--brand);background:var(--paper);box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--brand) 18%, transparent), 0 0 0 4px color-mix(in srgb, var(--halo-tone) 20%, transparent)}.nb-code[data-state=error]{--halo-tone:var(--destructive);border-color:var(--destructive)}.nb-code[data-state=accepted]{border-color:var(--accent-mint)}.nb-boxes{--gap:.375rem;justify-content:center;gap:var(--gap);min-height:var(--box-h,2.75rem);pointer-events:none;flex-wrap:wrap;display:flex}.nb-box{--box-border:var(--brand);width:clamp(1.5rem, (100% - 7 * var(--gap)) / 8, var(--box-w,2.5rem));height:var(--box-h,2.75rem);border:2px solid var(--box-border);background:var(--paper);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--box-border) 35%, transparent);font-family:var(--font-display);color:var(--text-heading);animation:nb-box-pop .3s var(--ease-out);border-radius:.625rem;place-items:center;font-size:1.375rem;font-weight:800;transition:border-color .16s,background-color .16s;display:grid}.nb-code__input::placeholder{color:var(--text-muted);opacity:1;font-family:var(--font-display);font-weight:700}.nb-code[data-state=pending] .nb-box{opacity:.6}.nb-code[data-state=error] .nb-boxes{animation:nb-shake .46s var(--ease-out)}.nb-code[data-state=error] .nb-box{--box-border:var(--destructive);background:color-mix(in srgb, var(--destructive) 8%, var(--paper))}.nb-code[data-state=accepted] .nb-box{--box-border:var(--accent-mint);animation:nb-box-hop .52s var(--ease-out) both}.nb-code[data-state=accepted] .nb-box:nth-child(2){animation-delay:50ms}.nb-code[data-state=accepted] .nb-box:nth-child(3){animation-delay:.1s}.nb-code[data-state=accepted] .nb-box:nth-child(4){animation-delay:.15s}.nb-code[data-state=accepted] .nb-box:nth-child(5){animation-delay:.2s}.nb-code[data-state=accepted] .nb-box:nth-child(n+6){animation-delay:.25s}.nb-code__input{color:#0000;caret-color:#0000;text-align:center;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0;font-size:1rem;position:absolute;inset:0}.nb-code__input::selection{background:0 0}.nb-problem{border:2px solid var(--destructive);background:color-mix(in srgb, var(--destructive) 9%, var(--paper));box-shadow:var(--shadow-sm);animation:nb-pop .38s var(--ease-out) both;border-radius:1rem;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.7rem .9rem .75rem .7rem;display:flex;position:relative}.nb-problem:before{content:"";border-top:2px solid var(--destructive);border-left:2px solid var(--destructive);background:inherit;border-top-left-radius:3px;width:14px;height:14px;position:absolute;top:-8px;left:1.5rem;transform:rotate(45deg)}.nb-problem__icon{background:var(--destructive);width:2.25rem;height:2.25rem;color:var(--on-destructive);border-radius:50%;flex:none;place-items:center;display:grid}.nb-submit{border-radius:var(--radius-pill);background:var(--sun-200);width:100%;min-height:3.25rem;color:var(--on-sun);font-family:var(--font-display);text-align:center;box-shadow:0 4px 0 var(--sun-500);transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out);justify-content:center;align-items:center;gap:.6rem;margin-top:1rem;padding:.5rem 1.25rem;font-size:1.1875rem;font-weight:800;display:flex}@media (hover:hover){.nb-submit:hover{transform:translateY(-2px)}}.nb-submit:active{box-shadow:0 1px 0 var(--sun-500);transform:translateY(3px)}.nb-submit:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.nb-submit:disabled{opacity:.7;cursor:progress}.nb-cover[data-accepted] .nb-submit{background:var(--mint-300);color:var(--ink-900);box-shadow:0 4px 0 var(--mint-500)}.nb-confetti{z-index:6;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.nb-confetti i{background:var(--c,var(--blue-500));width:.55rem;height:.9rem;animation:nb-confetti .95s var(--ease-out) var(--d,0s) both;border-radius:2px;position:absolute}.nb-confetti i:nth-child(5n+2){--c:var(--accent-mint)}.nb-confetti i:nth-child(5n+3){--c:var(--coral-500)}.nb-confetti i:nth-child(5n+4){--c:var(--accent-sun)}.nb-confetti i:nth-child(5n){--c:var(--blue-300)}.nb-book{z-index:2}.nb{--nb-tabs-h:2.75rem;padding-top:var(--nb-tabs-h)}.nb-tabs{top:0;right:calc(var(--edge) + 1.25rem);left:calc(var(--edge) + 1.25rem);height:calc(var(--nb-tabs-h) + .75rem);align-items:flex-end;display:flex;position:absolute}.nb-tabs__list{align-items:flex-end;gap:.375rem;min-width:0;max-width:100%;display:flex}.nb-tab{background:color-mix(in srgb, var(--tone) 55%, var(--paper));min-width:0;max-width:100%;transition:translate .2s var(--ease-out);border-radius:.875rem .875rem 0 0;flex:0 auto;align-items:center;list-style:none;display:flex;position:relative}.nb-tab__btn{border-radius:inherit;min-width:0;min-height:2.75rem;color:var(--ink-900);text-align:left;text-wrap:balance;overflow-wrap:anywhere;align-items:center;gap:.375rem;padding:.375rem .875rem 1.125rem;font-size:.9375rem;font-weight:800;line-height:1.15;display:flex}@media (hover:hover){.nb-tab:not([data-current],:has(.nb-slip)):hover{translate:0 -.2rem}}.nb-tab__btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.nb-tab[data-current]{background:var(--tone);translate:0 -.375rem}.nb-tab[data-current] .nb-tab__btn{padding-bottom:1.5rem;padding-right:.25rem}.nb-tab__remove{width:1.75rem;height:1.75rem;color:var(--ink-900);border-radius:50%;flex:none;place-items:center;margin:0 .5rem 1.125rem 0;transition:background-color .16s,color .16s;display:grid}@media (hover:hover){.nb-tab__remove:hover{background:color-mix(in srgb, var(--paper) 70%, transparent);color:var(--destructive)}}.nb-tab__remove:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.nb-tab--add{background:color-mix(in srgb, var(--paper) 75%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--brand) 35%, transparent)}.nb-tab--add .nb-tab__btn{color:var(--text-brand);font-size:.875rem}.nb[data-phase=opening] .nb-tab{animation:nb-tab-in .52s var(--ease-bounce) var(--nb-land) both}.nb[data-phase=opening] .nb-tab:nth-child(2){animation-delay:calc(var(--nb-land) + 80ms)}.nb[data-phase=opening] .nb-tab:nth-child(n+3){animation-delay:calc(var(--nb-land) + .16s)}.nb-slip{z-index:20;background:var(--paper);width:min(21rem,86vw);color:var(--text-heading);box-shadow:var(--shadow-lg);outline:2px dashed color-mix(in srgb, var(--blue-500) 45%, transparent);outline-offset:-.5rem;animation:nb-pop .26s var(--ease-out) both;border-radius:1.25rem;gap:.85rem;padding:1.1rem 1.1rem 1.15rem;display:grid;position:absolute;top:calc(100% + .5rem);left:0}.nb-slip__title{text-wrap:balance;font-size:1.0625rem;font-weight:800;line-height:1.2}.nb-slip__close{background:color-mix(in srgb, var(--text-muted) 14%, transparent);width:2rem;height:2rem;color:var(--text-heading);border-radius:50%;flex:none;place-items:center;display:grid}.nb-slip__close:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.nb-slip .nb-problem,.nb-slip .nb-submit{margin-top:0}.nb-code[data-size=sm]{--box-w:2.1rem;--box-h:2.25rem;--frame-pad:.3rem}.nb-code[data-size=sm] .nb-boxes{--gap:.3rem}.nb-code[data-size=sm] .nb-box{font-size:1.125rem}.nb-left,.nb-right{container:nb-page/inline-size}.nb-lessonpage{flex-direction:column;transition:opacity .16s;display:flex;position:absolute;inset:0}.nb-lessonpage__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-muted) 45%, transparent) transparent;min-height:0;padding:1.5rem 1.5rem 1.25rem calc(var(--nb-margin) + 1rem);flex:1;overflow-y:auto}.nb-turn{animation:nb-turn-older .34s var(--ease-out) both}.nb-turn[data-dir=newer]{animation-name:nb-turn-newer}.nb-day{align-items:center;gap:.875rem;display:flex}.nb-cal{background:var(--paper);border:2px solid var(--coral-500);width:3.5rem;box-shadow:var(--shadow-sm);text-align:center;border-radius:.75rem;flex:none;display:grid;overflow:hidden;transform:rotate(-4deg)}.nb-cal__month{background:var(--coral-500);color:var(--ink-900);letter-spacing:.04em;text-transform:uppercase;padding:.1rem 0;font-size:.6875rem;font-weight:800}.nb-cal__day{padding:0 0 .15rem;font-size:1.625rem;font-weight:800;line-height:1.15}.nb-day__weekday{text-transform:capitalize;flex-wrap:wrap;align-items:center;gap:.25rem .625rem;font-size:1.5rem;font-weight:800;line-height:1.1;display:flex}.nb-runhead{color:var(--text-muted);align-items:center;gap:.45rem;margin-bottom:1rem;font-size:.875rem;font-weight:800;line-height:1.2;display:flex}.nb-runhead:after{content:"";opacity:.45;border-bottom:1.5px dashed;flex:1;min-width:1.5rem;margin-left:.25rem}.nb-runhead[data-latest]{color:var(--hand)}.nb-week{border:1px solid var(--border-soft);background:var(--paper);box-shadow:0 .5rem 1rem -.625rem color-mix(in srgb, var(--ink-950) 35%, transparent);border-radius:.875rem;margin:.5rem 0 1.75rem;padding:1.125rem .875rem .875rem;position:relative;rotate:-.6deg}.nb-week:before{content:"";background:repeating-linear-gradient(-45deg, transparent 0 .375rem, color-mix(in srgb, var(--on-deep) 35%, transparent) .375rem .75rem), color-mix(in srgb, var(--sun-200) 75%, transparent);border-radius:2px;width:5rem;height:1.25rem;position:absolute;top:-.625rem;left:50%;translate:-50%;rotate:2.5deg}.nb-week__title{color:var(--text-heading);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.9375rem;font-weight:800;line-height:1.2;display:flex}.nb-week__title svg{color:var(--text-brand)}.nb-week__days{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:.375rem;display:grid}.nb-week__day{text-align:center;border-radius:.75rem;align-content:start;justify-items:center;gap:.375rem;min-height:4.75rem;padding:.5rem .125rem .625rem;list-style:none;display:grid}.nb-week__name{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:800;line-height:1}.nb-week__off{border:2px dashed color-mix(in srgb, var(--text-muted) 35%, transparent);border-radius:50%;width:1.5rem;height:1.5rem;margin-top:.25rem}.nb-week__day[data-on]{background:color-mix(in srgb, var(--blue-300) 42%, var(--paper));box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--blue-500) 30%, transparent)}.nb-week__day[data-on] .nb-week__name{color:var(--text-heading)}.nb-week__time{font-variant-numeric:tabular-nums;color:var(--text-heading);font-size:.9375rem;font-weight:800;line-height:1.1;display:grid}.nb-week__time small:before{content:"–";margin-right:.1em}.nb-week__time small{font-family:var(--font-body);color:var(--text-body);font-size:.6875rem;font-weight:700}.nb-week__day[data-today]{outline:2px solid var(--hand);outline-offset:2px}.nb-week__day[data-today] .nb-week__name{color:var(--hand)}@container nb-page (max-width:26rem){.nb-week__days{grid-template-columns:minmax(0,1fr)}.nb-week__day:not([data-on]){display:none}.nb-week__days{gap:.3rem}.nb-week__day{text-align:left;grid-template-columns:2.75rem minmax(0,1fr);place-items:center start;gap:.2rem .875rem;min-height:0;padding:.5rem .875rem .5625rem}.nb-week__name{grid-column:1;font-size:.8125rem}.nb-week__time{grid-column:2;align-items:baseline;font-size:1rem;display:flex}.nb-week__time small{font-family:var(--font-display);color:var(--text-heading);font-size:1rem;font-weight:800}}.nb-section{margin:1.25rem 0 .5rem;font-size:1rem;font-weight:800;line-height:1.2}.nb-todo .nb-section{color:var(--hand)}.nb-did{margin-top:1.25rem}.nb-todo+.nb-did{margin-top:.625rem}.nb-chips{gap:.5rem;display:grid}.nb-chip{background:color-mix(in srgb, var(--tone) 28%, var(--paper));box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--tone) 55%, transparent);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.75rem .875rem;list-style:none;display:flex}.nb-chip__title{text-wrap:pretty;padding-top:.45rem;font-size:1.0625rem;font-weight:800;line-height:1.2;transition:opacity .16s}.nb-chip__title[data-done]{opacity:.6}.nb-pages{gap:.25rem;margin-top:.375rem;display:grid}.nb-pages li{color:var(--text-body);align-items:baseline;gap:.5rem;font-size:.9375rem;display:flex}.nb-pages__no{border-radius:var(--radius-pill);background:var(--tone);color:var(--ink-900);flex:none;padding:0 .5rem;font-size:.8125rem;font-weight:800}.nb-notes-text{text-wrap:pretty;color:var(--text-body);margin-top:.375rem;font-size:.9375rem}.nb-todo--done .nb-chip{--tone:var(--mint-300)}.nb-todo--done .nb-section{color:var(--status-open)}.nb-tick{border:3px solid var(--tone);background:var(--paper);color:#0000;width:2.5rem;height:2.5rem;transition:background-color .16s ease, color .16s ease, transform .16s var(--ease-out);border-radius:.75rem;flex:none;place-items:center;display:grid;position:relative}@media (hover:hover){.nb-tick:hover{transform:scale(1.07)}}.nb-tick:active{transform:scale(.93)}.nb-tick:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.nb-tick[aria-checked=true]{border-color:var(--mint-500);background:var(--mint-300);color:var(--ink-900);animation:nb-box-hop .42s var(--ease-out)}.nb-pager{padding:.625rem 1.25rem 1rem calc(var(--nb-margin) + 1rem);border-top:1px solid var(--border-soft);flex:none;align-items:center;gap:.5rem;display:flex}.nb-pager__btn{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand) 12%, var(--paper));min-width:2.5rem;min-height:2.5rem;color:var(--text-brand);font-family:var(--font-display);transition:background-color .16s ease, transform .14s var(--ease-out), opacity .16s ease;flex:none;justify-content:center;align-items:center;gap:.125rem;padding:0 .75rem;font-size:.875rem;font-weight:800;display:inline-flex}@media (hover:hover){.nb-pager__btn:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 20%, var(--paper))}}.nb-pager__btn:active:not(:disabled){transform:scale(.96)}.nb-pager__btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.nb-pager__btn:disabled{opacity:.35}@container nb-page (max-width:22rem){.nb-pager__label{display:none}.nb-pager__btn{padding:0}}.nb-pager__mid{text-align:center;flex:1;min-width:0}.nb-pager__count{font-family:var(--font-display);color:var(--text-muted);text-wrap:balance;font-size:.8125rem;font-weight:800}.nb-dotsbar{justify-content:center;gap:.35rem;margin-top:.3rem;display:flex}.nb-dotsbar__dot{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand) 28%, transparent);width:.5rem;height:.5rem;transition:transform .2s var(--ease-out), background-color .2s ease;display:block;position:relative}.nb-dotsbar__dot:after{content:"";position:absolute;inset:-.6rem -.2rem}.nb-dotsbar__dot[data-current]{background:var(--brand);transform:scale(1.5)}.nb-empty{text-align:center;align-content:center;justify-items:center;display:grid}.nb-headline{text-wrap:balance;overflow-wrap:anywhere;align-items:center;gap:.625rem;font-size:1.375rem;font-weight:800;line-height:1.1;display:flex}.nb-notes{gap:1.25rem;margin-top:1.25rem;display:grid}.nb-scroll:has(>.nb-quiet){flex-direction:column;display:flex}.nb-quiet{text-align:center;flex:1;align-content:center;justify-items:center;padding-bottom:2.5rem;display:grid}.nb-note{--tone:var(--blue-300);--edge-c:var(--tone);border:1.5px solid var(--edge-c);background:color-mix(in srgb, var(--tone) 28%, var(--paper));animation:nb-note-in .46s var(--ease-out) calc(var(--i) * 70ms) both;border-radius:1.25rem;padding:.875rem 1rem;list-style:none;position:relative}.nb-note:after{content:"";border-right:1.5px solid var(--edge-c);border-bottom:1.5px solid var(--edge-c);background:inherit;border-bottom-right-radius:3px;width:.875rem;height:.875rem;position:absolute;bottom:-.5rem;left:1.5rem;transform:rotate(45deg)}.nb-note:nth-child(3n+2){--tone:var(--mint-300)}.nb-note:nth-child(3n){--tone:var(--sun-200)}.nb-notes[data-late] .nb-note{animation-delay:calc(var(--nb-land) - .3s + var(--i) * .11s)}@container nb (max-width:55.99rem){.nb-book{--nb-margin:2.25rem;perspective:1800px;height:auto;margin:0;display:block}.nb-tabs{left:1.25rem;right:1.25rem}.nb-stack{width:auto;height:var(--nb-h);inset:auto 0 0}.nb-stack--l,.nb:is([data-phase=opening],[data-phase=open]) .nb-stack--r{display:none}.nb.nb--phone[data-phase=opening] .nb-stack--r{display:block}.nb[data-phase=closed] .nb-stack--r{transform:none}.nb:is([data-phase=closed],[data-phase=closing]) .nb-book{max-width:30rem;margin-inline:auto}.nb[data-phase=closed] .nb-leaves{transform:none}.nb-turnleaf{display:none}.nb-page{border-radius:var(--nb-radius);margin-bottom:1rem}.nb-scroll,.nb-lessonpage{position:static;overflow:visible}.nb-quiet{padding-block:2.5rem}.nb-lessonpage__body{padding-right:1.25rem;overflow:visible}.nb:is([data-phase=closed],[data-phase=closing]) :is(.nb-left,.nb-right){display:none}.nb:is([data-phase=closed],[data-phase=closing]) .nb-leaves{height:var(--nb-h);position:relative}.nb-leaf{left:0}.nb-spiral{display:none}.nb-leaf--cover{bottom:0;right:0}.nb:is([data-phase=closed],[data-phase=closing]) .nb-leaf--cover{right:var(--edge);bottom:var(--edge)}.nb[data-phase=opening] .nb-leaf{animation:nb-open-narrow var(--flip) cubic-bezier(.55, .06, .3, 1) var(--delay) both, nb-z var(--flip) steps(1, end) var(--delay) both}.nb[data-phase=closing] .nb-leaf--cover{animation:nb-open-narrow var(--flip) cubic-bezier(.55, .06, .3, 1) reverse both}.nb-book{--nb-close:0s}.nb[data-phase=opening] .nb-left{visibility:visible}.nb-cover{padding-left:1.5rem}.nb-intro{max-width:30rem;margin:0 auto 1.5rem;padding-right:0}.nb[data-phase=opening] .nb-intro{display:none}.nb.nb--phone[data-phase=opening] .nb-intro{display:block}.nb.nb--phone[data-phase=opening] .nb-leaves{height:var(--nb-h);position:relative}.nb.nb--phone[data-phase=opening] :is(.nb-left,.nb-right,.nb-tabs){display:none}.nb.nb--phone[data-phase=opening] .nb-leaf{right:var(--edge);bottom:var(--edge)}.nb.nb--phone[data-phase=opening] .nb-leaves:before{content:"";inset:0 var(--edge) var(--edge) 0;border-radius:var(--nb-spine-radius) var(--nb-page-radius) var(--nb-page-radius) var(--nb-spine-radius);background:var(--nb-ruled);position:absolute}.nb.nb--phone[data-phase=open] .nb-page{animation:.45s backwards nb-show}.nb.nb--phone[data-phase=open] .nb-tab{animation:nb-tab-in .52s var(--ease-bounce) backwards}.nb.nb--phone[data-phase=open] .nb-tab:nth-child(2){animation-delay:80ms}.nb.nb--phone[data-phase=open] .nb-tab:nth-child(n+3){animation-delay:.16s}.nb.nb--phone .nb-turnleaf{height:min(100%, var(--nb-h));display:block;bottom:auto;left:0;right:0}.nb.nb--phone .nb-turnleaf[data-dir=back]{left:0;right:0}.nb.nb--phone[data-phase=opening] .nb-leaf{animation:nb-flip var(--flip) cubic-bezier(.55, .06, .3, 1) var(--delay) both, nb-z var(--flip) steps(1, end) var(--delay) both}.nb.nb--phone[data-phase=opening] .nb-leaf--cover{animation:nb-cover-open var(--flip) linear var(--delay) both, nb-z-cover var(--flip) steps(1, end) var(--delay) both}.nb.nb--phone[data-phase=closing] .nb-leaf--cover{animation:nb-cover-close var(--flip) linear both}}@keyframes nb-sweep{0%{--nb-sweep:-.9}}@keyframes nb-flip{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes nb-desk-in{0%{opacity:0;scale:.8}}@keyframes nb-face-out{to{opacity:0}}@keyframes nb-turn-page{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes nb-turn-page-back{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes nb-open-narrow{to{opacity:0;transform:rotateY(-100deg)}}@keyframes nb-intro-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes nb-intro-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-1.5rem)}}@keyframes nb-arrive{0%{opacity:0;transform:rotateX(18deg)rotateY(-22deg)}}@keyframes nb-show{0%{opacity:0}}@keyframes nb-cover-open{0%{animation-timing-function:cubic-bezier(.3,0,.4,1);transform:rotateY(0)}16%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:rotateY(-16deg)}28%{animation-timing-function:cubic-bezier(.5,0,.25,1);transform:rotateY(-9deg)}to{transform:rotateY(-180deg)}}@keyframes nb-cover-close{0%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:rotateY(-180deg)}80%{animation-timing-function:cubic-bezier(.3,0,.4,1);transform:rotateY(0)}89%{animation-timing-function:cubic-bezier(.5,0,.6,1);transform:rotateY(-5deg)}to{transform:rotateY(0)}}@keyframes nb-tab-out{to{opacity:0;visibility:hidden;transform:translateY(1rem)}}@keyframes nb-hide{0%{opacity:1}to{opacity:0}}@keyframes nb-vis-off{to{visibility:hidden}}@keyframes nb-vis-on{0%{visibility:hidden}to{visibility:visible}}@keyframes nb-z-cover{0%{z-index:var(--z-from)}62%,to{z-index:var(--z-to)}}@keyframes nb-check-pop{0%{opacity:0;transform:scale(.3)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes nb-name-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes nb-z{0%{z-index:var(--z-from)}50%,to{z-index:var(--z-to)}}@keyframes nb-shade-out{0%{opacity:0}50%,to{opacity:.7}}@keyframes nb-shade-in{0%,50%{opacity:.7}to{opacity:0}}@keyframes nb-stick{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes nb-rise{0%{opacity:0;translate:0 1.5rem}to{opacity:1;translate:0}}@keyframes nb-tab-in{0%{opacity:0;transform:translateY(1rem)}}@keyframes nb-note-in{0%{opacity:0;transform:translateY(-.6rem)scale(.96)}}@keyframes nb-turn-older{0%{opacity:0;transform:translate(1.5rem)rotate(1.2deg)}}@keyframes nb-turn-newer{0%{opacity:0;transform:translate(-1.5rem)rotate(-1.2deg)}}@keyframes nb-pop{0%{opacity:0;transform:translateY(-.35rem)scale(.9)}}@keyframes nb-box-pop{0%{opacity:0;transform:scale(.6)rotate(-6deg)}60%{transform:scale(1.12)}}@keyframes nb-box-hop{0%,to{transform:none}40%{transform:translateY(-.7rem)scale(1.08)}}@keyframes nb-shake{0%,to{translate:0}18%{translate:-9px}36%{translate:8px}54%{translate:-5px}72%{translate:3px}}@keyframes nb-confetti{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 46px)) scale(1) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.nb-title,.nb-stk,.nb-label,.nb-holo,.nb-sheen,.nb[data-phase=closed]:not([data-calm]) :is(.nb-leaves,.nb-stack--r),.nb[data-phase=opening] .nb-spiral,.nb-intro :is(h2,p,li),.nb[data-phase=closing] .nb-intro :is(h2,p,li){animation:none}.nb-tab,.nb-book{transition:none}.nb[data-phase=opening] .nb-leaves,.nb-confetti{display:none}.nb.nb--phone[data-phase=open] :is(.nb-page,.nb-tab){animation:none}}