.notebook{--paper:#fbfaf3;--paper-2:#f4f2e7;--rule-line:#cfdcec;--margin-line:#e58f86;--hole:#e4e1d3;--pen:#c9302c;--pen-soft:#fbe3e0;--ink-blue:#2438b0;--pencil:#5d5a4f;--tt-1:#d9f0e3;--tt-2:#dde8fb;--tt-3:#fdf0c7;--tt-4:#ece2fb;--tt-5:#fde2d6;--cork:#c79a64;--cork-2:#b5864f;--card:#fff;background:var(--paper);color:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .notebook{--paper:#16231d;--paper-2:#1b2a23;--rule-line:#ffffff12;--margin-line:#ff968c73;--hole:#0d1512;--pen:#ff8a7a;--pen-soft:#3a1c18;--ink-blue:#9fb0ff;--pencil:#a9b5ad;--tt-1:#1d3a2c;--tt-2:#1d2b45;--tt-3:#3b3417;--tt-4:#2f2445;--tt-5:#43261c;--cork:#5a4428;--cork-2:#4a3820;--card:#1b2a23}}:root[data-theme=dark] .notebook{--paper:#16231d;--paper-2:#1b2a23;--rule-line:#ffffff12;--margin-line:#ff968c73;--hole:#0d1512;--pen:#ff8a7a;--pen-soft:#3a1c18;--ink-blue:#9fb0ff;--pencil:#a9b5ad;--tt-1:#1d3a2c;--tt-2:#1d2b45;--tt-3:#3b3417;--tt-4:#2f2445;--tt-5:#43261c;--cork:#5a4428;--cork-2:#4a3820;--card:#1b2a23}.notebook{overflow-x:clip}.notebook .text-pen{color:var(--pen)}.notebook .text-ink-blue{color:var(--ink-blue)}.notebook .text-pencil{color:var(--pencil)}.nb-page{background-color:var(--paper);background-image:linear-gradient(to bottom, transparent 31px, var(--rule-line) 31px, var(--rule-line) 32px);background-size:100% 32px;position:relative}.nb-page:before{content:"";inset:0 auto 0 var(--margin-x,56px);border-left:1.5px solid var(--margin-line);border-right:1.5px solid var(--margin-line);pointer-events:none;width:5px;position:absolute}.nb-page:after{content:"";background-image:radial-gradient(circle at 9px 9px, var(--hole) 7px, transparent 7.5px);pointer-events:none;background-position:0 40px;background-size:18px 128px;width:18px;position:absolute;inset:0 auto 0 14px}@media (max-width:640px){.nb-page{--margin-x:7px}.nb-page:after{display:none}}.nb-plain{background:var(--paper-2)}.nb-tab{color:var(--ink-2);transition:transform .25s var(--ease-out), background-color .2s;border-radius:10px 10px 0 0;padding:.5rem .95rem .45rem;font-size:14px;font-weight:600;position:relative;transform:translateY(4px)}.nb-tab:hover,.nb-tab[aria-current=page]{transform:translateY(0)}.nb-tab:nth-child(5n+1){background:var(--tt-1)}.nb-tab:nth-child(5n+2){background:var(--tt-2)}.nb-tab:nth-child(5n+3){background:var(--tt-3)}.nb-tab:nth-child(5n+4){background:var(--tt-4)}.nb-tab:nth-child(5n+5){background:var(--tt-5)}.nb-hand{font-family:var(--font-hand);color:var(--pen);font-weight:700;line-height:1}.nb-scribble{white-space:nowrap;display:inline-block;position:relative}.nb-scribble svg{width:104%;height:.42em;position:absolute;bottom:-.18em;left:-2%;overflow:visible}.nb-scribble path{fill:none;stroke:var(--pen);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420px;animation:nb-draw 1.1s .7s var(--ease-out) forwards}@keyframes nb-draw{to{stroke-dashoffset:0}}.nb-strike{background-image:linear-gradient(var(--pen), var(--pen));transition:background-size .7s var(--ease-out), color .5s;background-position:0 58%;background-repeat:no-repeat;background-size:0% 2.5px;display:inline;position:relative}[data-in].in .nb-strike,html:not(.js) .nb-strike{color:var(--pencil);background-size:100% 2.5px}.tt-cell{border:1px solid color-mix(in oklab, var(--ink) 10%, transparent);border-radius:14px}.tt-1{background:var(--tt-1)}.tt-2{background:var(--tt-2)}.tt-3{background:var(--tt-3)}.tt-4{background:var(--tt-4)}.tt-5{background:var(--tt-5)}@keyframes nb-ring{0%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}[data-in].in .nb-bell{transform-origin:50% 8%;animation:1.2s ease-in-out .3s nb-ring}.nb-cork{background-color:var(--cork);background-image:radial-gradient(circle at 20% 30%,#0000001f 1px,#0000 1.5px),radial-gradient(circle at 70% 60%,#ffffff1f 1px,#0000 1.5px),radial-gradient(circle at 40% 80%,#0000001a 1.2px,#0000 1.8px),radial-gradient(circle at 85% 15%,#0000001a 1px,#0000 1.5px);background-size:9px 9px,13px 13px,17px 17px,11px 11px;box-shadow:inset 0 0 0 10px #8a5f34,inset 0 0 0 12px #00000040,inset 0 12px 30px #00000040}.nb-pin{background:radial-gradient(circle at 35% 35%,#ff8a80,#c62828 60%,#7f1515);border-radius:999px;width:18px;height:18px;position:absolute;box-shadow:0 3px 4px #00000059}.nb-id{background:var(--card);border:1px solid color-mix(in oklab, var(--ink) 12%, transparent);border-radius:18px;position:relative;box-shadow:0 18px 40px -22px #00000073}.nb-id:before{content:"";background:var(--paper-2);border-radius:999px;width:46px;height:8px;margin-left:-23px;position:absolute;top:12px;left:50%;box-shadow:inset 0 1px 2px #00000040}.nb-lanyard{background:repeating-linear-gradient(180deg, var(--ink-blue) 0 10px, color-mix(in oklab, var(--ink-blue) 70%, white) 10px 20px);clip-path:polygon(0 0,100% 0,75% 100%,25% 100%);width:22px;height:90px;margin-left:-11px;position:absolute;bottom:100%;left:50%}.nb-exam{background:var(--card);border:1px solid color-mix(in oklab, var(--ink) 14%, transparent);box-shadow:0 1px 0 color-mix(in oklab, var(--ink) 8%, transparent), 6px 6px 0 -1px var(--paper-2), 6px 6px 0 0 color-mix(in oklab, var(--ink) 12%, transparent)}.nb-exam details>summary{list-style:none}.nb-exam details>summary::-webkit-details-marker{display:none}.nb-exam details::details-content{block-size:0;transition:block-size .35s var(--ease-out), content-visibility .35s allow-discrete;overflow:hidden}.nb-exam details[open]::details-content{block-size:auto}@supports (interpolate-size:allow-keywords){.nb-exam{interpolate-size:allow-keywords}}.nb-exam details .nb-plus{transition:transform .3s var(--ease-out)}.nb-exam details[open] .nb-plus{transform:rotate(45deg)}.nb-sheet{border-collapse:separate;border-spacing:0}.nb-sheet th,.nb-sheet td{border-right:1px solid color-mix(in oklab, var(--ink) 12%, transparent);border-bottom:1px solid color-mix(in oklab, var(--ink) 12%, transparent)}.nb-grade{border:2px solid var(--pen);width:2.1em;height:2.1em;font-family:var(--font-hand);color:var(--pen);border-radius:48% 52% 45% 55%/55% 45%;place-items:center;font-weight:700;display:inline-grid;transform:rotate(-6deg)}.nb-register td,.nb-register th{border-bottom:1px solid var(--rule-line)}.nb-tick path{stroke-dasharray:20;stroke-dashoffset:20px;animation:nb-draw .35s var(--ease-out) forwards}@keyframes nb-float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-8px) rotate(var(--r,0deg))}}.nb-float{animation:6s ease-in-out infinite nb-float}@keyframes nb-bubble{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:none}}html.js .notebook [data-in]{transition:opacity .7s var(--ease-out), transform .7s var(--ease-out), clip-path .9s var(--ease-out)}html.js .notebook [data-in=rise]:not(.in){opacity:0;transform:translateY(24px)}html.js .notebook [data-in=write]:not(.in){clip-path:inset(0 100% 0 0)}html.js .notebook [data-in=write].in{clip-path:inset(0)}html.js .notebook [data-in=pin]:not(.in){opacity:0;transform:translateY(-30px)rotate(-4deg)scale(1.04)}html.js .notebook [data-in=pin]{transition-timing-function:var(--ease-spring)}html.js .notebook [data-in=stagger]>*{transition:opacity .6s var(--ease-out), transform .6s var(--ease-out)}html.js .notebook [data-in=stagger]:not(.in)>*{opacity:0;transform:translateY(18px)}html.js .notebook [data-in=stagger].in>:nth-child(2){transition-delay:80ms}html.js .notebook [data-in=stagger].in>:nth-child(3){transition-delay:.16s}html.js .notebook [data-in=stagger].in>:nth-child(4){transition-delay:.24s}html.js .notebook [data-in=stagger].in>:nth-child(5){transition-delay:.32s}html.js .notebook [data-in=stagger].in>:nth-child(6){transition-delay:.4s}html.js .notebook [data-in=stagger].in>:nth-child(n+7){transition-delay:.46s}@media (prefers-reduced-motion:reduce){html.js .notebook [data-in]{opacity:1!important;clip-path:none!important;transform:none!important}.nb-scribble path{stroke-dashoffset:0}}