@font-face{font-family:Kalam;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f9d625bba3a10f71-s.283562-kfm0pv.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Kalam;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0cdb645d767d445c-s.2336ijw7y_ets.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0fcab32fcfb2da9d-s.p.01npz8736q7k4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-weight:700;font-display:swap;src:url(../media/55369777ae4e606f-s.0dvx36ad_rzpa.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Kalam;font-style:normal;font-weight:700;font-display:swap;src:url(../media/786278188bba99f8-s.2h1xa6k2l1ubz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-weight:700;font-display:swap;src:url(../media/970c428219233a3d-s.p.2c-43iqdh9ttx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam Fallback;src:local(Arial);ascent-override:108.94%;descent-override:54.42%;line-gap-override:0.0%;size-adjust:97.58%}.kalam_d8cca2a7-module__r0rAzq__className{font-family:Kalam,Kalam Fallback;font-style:normal}.kalam_d8cca2a7-module__r0rAzq__variable{--font-head-kalam:"Kalam", "Kalam Fallback"}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/400bf8aa837fcb7e-s.19g-lkcx7iw64.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/f7aa21714c1c53f8-s.p.0-95eo-012xnf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.figtree_6d98a0a1-module__URZzVq__className{font-family:Figtree,Figtree Fallback;font-style:normal}.figtree_6d98a0a1-module__URZzVq__variable{--font-text-src:"Figtree", "Figtree Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.2njitm-prmz2_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.38hmww4cj4vme.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.12_ml6bnugnre.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.2yee423r7ahpo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.dm_mono_936a282-module__ZhtLnq__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_936a282-module__ZhtLnq__variable{--font-mono-src:"DM Mono", "DM Mono Fallback"}
@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/cdd6c4d0967b2d83-s.29nqs3e9kzb-o.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/04665fa023d0755d-s.3rj_uk2glgjff.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/b15a44b05052b8b1-s.2ufy1242z40ho.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/687709f56b16d44a-s.1056tter-w5jb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/2ba5a01c16198eaa-s.p.2705ug_9bxc-8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans Fallback;src:local(Arial);ascent-override:90.04%;descent-override:28.25%;line-gap-override:0.0%;size-adjust:113.28%}.shantell_sans_a2c80eb4-module__gAS3QG__className{font-family:Shantell Sans,Shantell Sans Fallback;font-style:normal}.shantell_sans_a2c80eb4-module__gAS3QG__variable{--font-hand-src:"Shantell Sans", "Shantell Sans Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text-xs:.6875rem;--text-sm:.8125rem;--text-md:.9375rem;--text-base:1.0625rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--radius:10px;--radius-sm:6px;--paper:#fffdf7;--decay:0;--paper-dusk:#f2e3bf;--bg:color-mix(in oklab, var(--paper), var(--paper-dusk) calc(var(--decay) * 55%));--surface:#fff;--wash:#f6f2e8;--ink:#23201c;--muted:#8a8178;--line:#e2ddd2;--line-strong:#23201c;--marker:#17150f;--hilite:#ffe600;--biro:#2b7fff;--biro-on-fill:#1f6fe0;--accent-ink:var(--marker);--focus:var(--biro);--shadow:0 6px 18px #23201c24;--font-hand:var(--font-hand-src), "Comic Sans MS", cursive;--font-clean-sans:var(--font-text-src), ui-sans-serif, system-ui, sans-serif;--font-clean-mono:var(--font-mono-src), ui-monospace, "SF Mono", Menlo, monospace;--font-display:var(--font-head-kalam), "Bradley Hand", cursive;--font-sans:var(--font-hand);--font-mono:var(--font-hand);--font-row:var(--font-hand);--stroke-filter:url(#rough);--bar-h:3.25rem;--paper-tooth:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='p' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.22' numOctaves='3' seed='3' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' surfaceScale='0.9' diffuseConstant='1.16' lighting-color='%23fff' result='l'%3E%3CfeDistantLight azimuth='225' elevation='60'/%3E%3C/feDiffuseLighting%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.01' numOctaves='2' seed='8' stitchTiles='stitch' result='m'/%3E%3CfeComposite in='l' in2='m' operator='arithmetic' k1='-0.3' k2='1.15' k3='0' k4='0'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}html:not([data-variant=clean]) .rows-title,html:not([data-variant=clean]) .rows-edit,html:not([data-variant=clean]) .rows-input{font-size:1.09rem}html:not([data-variant=clean]) .rows-status,html:not([data-variant=clean]) .rows-empty{font-size:var(--text-sm)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);margin:0;line-height:1.6}html:not([data-variant=clean]) body:before{content:"";z-index:30;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-size:600px 600px;background-image:var(--paper-tooth);position:fixed;inset:0}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--sp-2);left:var(--sp-2);z-index:100;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--biro-on-fill);color:#fff;font-family:var(--font-mono);font-size:var(--text-sm);position:fixed;transform:translateY(-300%)}.skip-link:focus-visible{transform:none}.wrap{width:100%;max-width:34rem;min-height:100dvh;padding:var(--sp-6) var(--sp-5) calc(var(--bar-h) + var(--sp-6));flex-direction:column;justify-content:center;margin-inline:auto;display:flex}h1{width:fit-content;max-width:100%;margin:0 0 var(--sp-7);font-family:var(--font-display);text-wrap:balance;font-size:clamp(2.25rem,1.6rem + 3vw,3.25rem);font-weight:700;line-height:.95;position:relative}.hl{z-index:0;white-space:nowrap;position:relative}.hl:before{content:"";z-index:-1;background:var(--hilite);mix-blend-mode:multiply;border-radius:3px 10px 4px 12px/10px 3px 12px 4px;position:absolute;inset:.28em -.06em .12em;transform:rotate(-.6deg)}.title-doodle{width:1.4rem;height:1.4rem;color:var(--ink);transform-origin:50%;pointer-events:none;filter:var(--stroke-filter);animation:3s ease-in-out infinite doodle-sway;position:absolute;top:-.5em;right:-.85em;overflow:visible}@keyframes doodle-sway{0%,to{transform:rotate(-11deg)}50%{transform:rotate(6deg)}}@media (prefers-reduced-motion:reduce){.title-doodle{animation:none;transform:rotate(-9deg)}}.rows-study{--t:1;--b-press:70ms;--b-hover:90ms;--b-enter:.17s;--b-leave:.4s;--b-settle:.17s;--b-reorder:.13s;--b-draw:.21s;--b-complete:.12s;--b-mark:.14s;--b-hide:.17s;--b-stagger:40ms;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.5, 0, .9, .4);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-move:cubic-bezier(.2, 1.15, .35, 1);--ease-spring:linear(0, .0183, .0667, .1366, .2205, .3123, .4069, .5003, .5895, .6724, .7476, .8141, .8718, .9205, .9607, .993, 1.018, 1.0366, 1.0496, 1.0579, 1.0622, 1.0633, 1.0619, 1.0587, 1.0542, 1.0488, 1.043, 1.037, 1.0311, 1.0255, 1.0203, 1.0156, 1.0114, 1.0078, 1.0048, 1.0023, 1.0003, .9987, .9976, .9968, .9963, .9961, .996, .9961, 1);--ease-spring-lively:linear(0, .0263, .0956, .1946, .3116, .4366, .5615, .68, .7875, .8813, .9596, 1.0221, 1.0693, 1.1022, 1.1224, 1.1319, 1.1326, 1.1264, 1.1153, 1.1009, 1.0847, 1.068, 1.0516, 1.0364, 1.0228, 1.0111, 1.0016, .9941, .9887, .985, .983, .9823, .9826, .9837, .9854, .9875, .9897, .9919, .994, .996, .9977, .9991, 1.0002, 1.0011, 1);--ease-land:linear(0, .0116, .0422, .0862, .1393, .1981, .2598, .3223, .384, .4438, .5008, .5544, .6044, .6505, .6927, .731, .7657, .7967, .8244, .849, .8708, .8899, .9066, .9212, .9338, .9447, .9541, .9621, .969, .9748, .9797, .9838, .9872, .99, .9924, .9943, .9959, .9971, .9981, .9989, .9996, 1, 1.0004, 1.0006, 1);--b-pop:.32s;--b-pop-lively:.5s;--d-pop:calc(var(--b-pop) * var(--t));--d-pop-lively:calc(var(--b-pop-lively) * var(--t));--d-press:calc(var(--b-press) * var(--t));--d-hover:calc(var(--b-hover) * var(--t));--d-enter:calc(var(--b-enter) * var(--t));--d-leave:calc(var(--b-leave) * var(--t));--d-settle:calc(var(--b-settle) * var(--t));--d-reorder:calc(var(--b-reorder) * var(--t));--d-draw:calc(var(--b-draw) * var(--t));--d-complete:calc(var(--b-complete) * var(--t));--d-mark:calc(var(--b-mark) * var(--t));--d-stagger:calc(var(--b-stagger) * var(--t));--d-hide:calc(var(--b-hide) * var(--t))}.rows-add-composer{align-items:center;gap:var(--sp-1);cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.rows-add-composer:not(:focus-within) .rows-input{cursor:pointer}.rows-add-composer:focus-within{cursor:text}.rows-add-icon{width:2.25rem;height:2.25rem;color:var(--marker);place-items:center;display:grid;position:relative}.rows-add-icon:before{content:"";border:2px solid var(--ink);width:1.25rem;height:1.25rem;filter:var(--stroke-filter);transition:transform var(--d-hover) var(--ease-out), border-color var(--d-hover) ease;border-radius:3px 7px 4px 8px/7px 3px 8px 4px;position:absolute;transform:rotate(-1.5deg)}.rows-add-icon svg{display:block;position:relative;overflow:visible}.rows-add-icon path{stroke:currentColor}@media (hover:hover) and (pointer:fine){.rows-add-composer:hover .rows-add-icon:before{border-color:var(--marker);transition:transform var(--d-pop) var(--ease-spring), border-color var(--d-hover) ease;transform:rotate(2deg)scale(1.12)}}.rows-add-composer:focus-within .rows-add-icon:before{border-color:var(--marker)}.rows-input-wrap{min-width:0;display:block;position:relative}.rows-input-wrap:after{content:"";background:var(--line);height:2px;filter:var(--stroke-filter);opacity:0;pointer-events:none;transition:opacity var(--d-hover) ease, background-color var(--d-hover) ease;position:absolute;bottom:0;left:0;right:0}.rows-input-wrap:focus-within:after{opacity:1}.rows-input-wrap:has(.rows-input:not(:placeholder-shown)):after{opacity:1}@media (hover:hover) and (pointer:fine){.rows-input-wrap:hover:after{background:var(--muted)}}.rows-input-wrap:focus-within:after{background:var(--focus)}.rows-input{width:100%;padding:var(--sp-2) 2.5rem var(--sp-2) var(--sp-1);font:inherit;font-size:var(--text-md);color:var(--ink);background:0 0;border:0;border-radius:0}.rows-input::placeholder{color:var(--muted)}.rows-add-composer:not(:focus-within) .rows-input::placeholder{color:var(--marker);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1.5px}@media (hover:hover) and (pointer:fine){.rows-add-composer:not(:focus-within):hover .rows-input::placeholder{text-decoration-thickness:2.5px}}.rows-input:focus{outline:none}.rows-input-kbd{right:var(--sp-2);border:1.5px solid var(--line);min-width:1.4rem;filter:var(--stroke-filter);background:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);transition:opacity var(--d-hover) ease;border-radius:3px 7px 4px 8px/7px 3px 8px 4px;justify-content:center;align-items:center;padding:.12rem .32rem;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.rows-input-wrap:focus-within .rows-input-kbd,.rows-input:not(:placeholder-shown)~.rows-input-kbd{opacity:0}.rows-listbox{margin-top:var(--sp-4);position:relative}.rows-list{flex-direction:column;min-height:3.25rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.rows-list[data-drag-active]{-webkit-user-select:none;user-select:none}.rows-row{z-index:1;align-items:center;gap:var(--sp-1);min-height:2.875rem;padding-inline:0 var(--sp-1);background:var(--bg);transition: transform var(--d-enter) var(--ease-land), opacity var(--d-enter) var(--ease-land), filter var(--d-hover) ease, background-color var(--d-hover) ease;border-radius:5px 11px 6px 12px/11px 5px 12px 6px;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid;position:relative}.rows-list[data-drag-active] .rows-row:not([data-dragging]){filter:blur(1.3px);opacity:.72}.rows-row:after{content:"";background:var(--line);transform-origin:0;height:1.5px;filter:var(--stroke-filter);transition:background-color var(--d-hover) ease;position:absolute;bottom:0;left:0;right:0}@media (hover:hover) and (pointer:fine){.rows-row:hover{background:var(--wash)}.rows-row:hover:after{background:var(--marker)}}.rows-row[data-dragging]{z-index:3;background:var(--surface);box-shadow:var(--shadow);cursor:grabbing}.rows-row[data-dragging]:after{opacity:0}.rows-row[data-state=entering]{opacity:0;transform:translateY(-.25rem)}.rows-row[data-stagger]{transition-delay:calc(var(--row-i,0) * var(--d-stagger))}.rows-row[data-deleting]{pointer-events:none;transition:opacity var(--d-leave) var(--ease-in)}.rows-row[data-deleting][data-out]{opacity:0}.rows-row[data-state=hiding]{z-index:0;pointer-events:none;transition:opacity var(--d-hide) var(--ease-land);background:0 0;position:absolute;left:0;right:0}.rows-row[data-state=hiding]:after,.rows-row[data-state=hiding][data-out]{opacity:0}.rows-grip{width:1.25rem;height:2.5rem;color:var(--muted);opacity:.45;cursor:grab;touch-action:none;transition:opacity var(--d-hover) ease, transform var(--d-hover) var(--ease-out);justify-content:center;align-items:center;margin-top:-1.25rem;display:inline-flex;position:absolute;top:50%;left:-1.4rem}@media (hover:hover) and (pointer:fine){.rows-grip{opacity:0}.rows-row:hover .rows-grip,.rows-row:focus-visible .rows-grip{opacity:.45}.rows-grip:hover{opacity:.9;transform:scale(1.15)}}@media (pointer:coarse){.rows-row{grid-template-columns:auto auto minmax(0,1fr) auto auto}.rows-grip{opacity:.5;width:2.75rem;height:2.75rem;margin-top:0;position:static}}.rows-row[data-dragging] .rows-grip{cursor:grabbing;opacity:.9}.rows-check,.rows-mark,.rows-del,.rows-undo,.bar-tab{position:relative}.rows-check:after,.rows-mark:after,.rows-del:after{content:"";position:absolute;inset:-2px}.rows-undo:after,.bar-tab:after{content:"";position:absolute;inset-block:-8px;inset-inline:0}@media (pointer:coarse){.rows-check:after,.rows-mark:after,.rows-del:after{inset:-4px -2px}}.rows-check{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-flex}.rows-check-box{border:2px solid var(--ink-now,var(--ink));width:1.25rem;height:1.25rem;filter:var(--stroke-filter);transition:transform var(--d-hover) var(--ease-out), border-color var(--d-hover) ease, background-color var(--d-hover) ease;border-radius:3px 7px 4px 8px/7px 3px 8px 4px;place-items:center;display:grid;transform:rotate(-1.5deg)}@media (hover:hover) and (pointer:fine){.rows-check:hover .rows-check-box{border-color:var(--marker);transition:transform var(--d-pop) var(--ease-spring), border-color var(--d-hover) ease;transform:rotate(2deg)scale(1.12)}}.rows-check:active .rows-check-box{transform:rotate(-1.5deg)scale(.88)}.rows-check svg{display:block;overflow:visible}.rows-check path{stroke:var(--marker);stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--d-press) var(--ease-out)}.rows-row[data-state=done] .rows-check path,.rows-row[data-done=true] .rows-check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--d-enter) var(--ease-out)}.rows-row[data-state=done] .rows-check,.rows-row[data-done=true] .rows-check{opacity:.4}.rows-check{transition:opacity var(--d-complete) var(--ease-out)}@media (hover:hover) and (pointer:fine){.rows-row[data-state=done] .rows-check:hover{opacity:.85}}.rows-title{max-width:100%;padding:var(--sp-2) var(--sp-1);font:inherit;font-size:var(--text-md);color:var(--ink-now,var(--ink));text-align:left;overflow-wrap:anywhere;cursor:text;transition:color var(--d-hover) ease;background:0 0;border:none;justify-self:start;line-height:1.4}.rows-row[data-state=done] .rows-title,.rows-row[data-done=true] .rows-title{color:var(--muted)}.rows-row:not([data-state=done]):not([data-done=true]){--ink-now:color-mix(in oklab, var(--ink), var(--bg) calc(var(--decay,0) * 40%))}.rows-title-text{z-index:0;text-wrap:pretty;display:inline-block;position:relative}.rows-title-text:before{content:"";z-index:-1;background:var(--hilite);mix-blend-mode:multiply;transform-origin:0;transition:transform var(--d-mark) var(--ease-out);border-radius:2px 6px 3px 7px/6px 2px 7px 3px;position:absolute;inset:.02em -.15em;transform:scaleX(0)}.rows-row[data-marked] .rows-title-text:before{transform:scaleX(1)}.rows-row[data-state=done] .rows-title-text:before,.rows-row[data-done=true] .rows-title-text:before{transform:scaleX(0)}.rows-title-text:after{content:"";background:var(--ink);opacity:.55;transform-origin:0;height:1.5px;transition:transform var(--d-press) var(--ease-out);position:absolute;top:55%;left:-.05em;right:-.05em;transform:scaleX(0)}.rows-row[data-state=done] .rows-title-text:after,.rows-row[data-done=true] .rows-title-text:after{transition:transform var(--d-complete) var(--ease-out);transform:scaleX(1)}.rows-edit{width:100%;padding:var(--sp-2) var(--sp-1);font:inherit;font-size:var(--text-md);color:var(--ink);background:0 0;border:none;outline:none;line-height:1.4}.rows-mark{width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;transition:opacity var(--d-hover) ease, color var(--d-hover) ease;background:0 0;border:none;border-radius:3px 7px 4px 8px/7px 3px 8px 4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.rows-mark svg{transition:transform var(--d-hover) var(--ease-out);display:block}.rows-mark-ink{fill-opacity:0;transition:fill-opacity var(--d-mark) var(--ease-out)}.rows-row[data-marked] .rows-mark-ink{fill-opacity:1}.rows-mark-x{transform-box:view-box;transform-origin:12.2px 12.2px;opacity:0;filter:blur(1px);transition:opacity var(--d-mark) cubic-bezier(.2, 0, 0, 1), filter var(--d-mark) cubic-bezier(.2, 0, 0, 1), transform var(--d-mark) cubic-bezier(.2, 0, 0, 1);transform:scale(.25)}.rows-row[data-marked] .rows-mark-x{opacity:1;filter:blur();transform:scale(1)}@media (hover:hover) and (pointer:fine){.rows-mark{opacity:0}.rows-row:hover .rows-mark,.rows-row:focus-visible .rows-mark,.rows-row[data-marked] .rows-mark{opacity:1}.rows-mark:hover svg{transition:transform var(--d-pop) var(--ease-spring);transform:translate(-1px,1px)rotate(-14deg)scale(1.1)}.rows-row:not([data-marked]):not([data-state=done]):has(.rows-mark:hover) .rows-title-text:before{transform:scaleX(.055)}}.rows-row[data-marked] .rows-mark{color:var(--ink)}.rows-row[data-state=done] .rows-mark,.rows-row[data-done=true] .rows-mark{opacity:0;pointer-events:none}.rows-mark:active svg{transform:rotate(-14deg)scale(.9)}.rows-del{width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;transition:opacity var(--d-hover) ease, color var(--d-hover) ease;background:0 0;border:none;border-radius:3px 7px 4px 8px/7px 3px 8px 4px;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.rows-del{opacity:0}.rows-row:hover .rows-del,.rows-row:focus-visible .rows-del{opacity:1}.rows-del:hover{color:var(--marker)}.rows-del:hover svg{transition:transform var(--d-pop) var(--ease-spring);transform:translateY(.5px)scale(1.06)}.rows-del:hover .rows-del-lid{transition:transform var(--d-pop-lively) var(--ease-spring-lively);transform:translate(-1.1px,-1.6px)rotate(-19deg)}}.rows-del svg{transition:transform var(--d-hover) var(--ease-out);display:block;overflow:visible}.rows-del-lid{transform-box:view-box;transform-origin:2.6px 4.3px;transition:transform var(--d-hover) var(--ease-in)}.rows-del:active svg{transform:scale(.9)}.rows-row[data-enter=draw]{opacity:1;pointer-events:none;transform:none}.rows-row[data-enter=draw]:after{animation:rows-rule-draw var(--d-draw) var(--ease-out)}@keyframes rows-rule-draw{0%{background:var(--marker);transform:scaleX(0)}70%{background:var(--marker)}}.rows-row[data-enter=draw]>*{animation:rows-write-on var(--d-draw) var(--ease-out)}@keyframes rows-write-on{0%,35%{opacity:0;transform:translateY(2px)}}.rows-empty{min-height:6.5rem;padding:var(--sp-5) var(--sp-4);text-align:center;text-wrap:balance;line-height:1.6;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);opacity:0;transition:opacity var(--d-enter) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.rows-empty:before{content:"";border:2px dashed var(--line);filter:var(--stroke-filter);pointer-events:none;border-radius:8px 16px 10px 18px/16px 8px 18px 10px;position:absolute;inset:0}.rows-empty[data-in]{opacity:1}.rows-empty button{font:inherit;color:var(--marker);text-underline-offset:.2em;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;text-decoration-thickness:1.5px}.rows-carry{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4) var(--sp-2);opacity:0;transition:opacity var(--d-enter) var(--ease-out);position:relative}.rows-carry[data-in]{opacity:1}.rows-carry:before{content:"";border:2px dashed var(--line);filter:var(--stroke-filter);pointer-events:none;border-radius:8px 16px 10px 18px/16px 8px 18px 10px;position:absolute;inset:0}.rows-carry-head{margin:0 0 var(--sp-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}html:not([data-variant=clean]) .rows-carry-head{font-size:var(--text-sm)}.rows-carry-list{margin:0;padding:0;list-style:none}.rows-carry-item{align-items:center;gap:var(--sp-3);width:calc(100% + 2 * var(--sp-2));min-height:2.5rem;margin-inline:calc(-1 * var(--sp-2));padding:var(--sp-1) var(--sp-2);font-family:var(--font-row);font-size:var(--text-md);text-align:left;color:color-mix(in oklab, var(--ink), var(--bg) 40%);cursor:pointer;transition:background-color var(--d-hover) ease, color var(--d-hover) ease;background:0 0;border:0;border-radius:5px 11px 6px 12px/11px 5px 12px 6px;line-height:1.4;display:flex}html:not([data-variant=clean]) .rows-carry-item{font-size:1.09rem}.rows-carry-text{z-index:0;overflow-wrap:anywhere;flex:1;min-width:0;position:relative}.rows-carry-item[data-marked] .rows-carry-text:before{content:"";z-index:-1;background:var(--hilite);mix-blend-mode:multiply;opacity:.6;border-radius:2px 6px 3px 7px/6px 2px 7px 3px;position:absolute;inset:.02em -.15em}.rows-carry-cta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--marker);opacity:0;transition:opacity var(--d-hover) ease;flex:none}.rows-carry-item:focus-visible .rows-carry-cta{opacity:1}@media (hover:hover) and (pointer:fine){.rows-carry-item:hover{background:var(--wash);color:var(--ink)}.rows-carry-item:hover .rows-carry-cta{opacity:1}}@media (hover:none){.rows-carry-cta{opacity:1}}.rows-carry-skip{margin-top:var(--sp-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-underline-offset:.2em;cursor:pointer;transition:color var(--d-hover) ease;background:0 0;border:none;padding:0;text-decoration:underline;text-decoration-thickness:1.5px;position:relative}.rows-carry-skip:after{content:"";position:absolute;inset:-12px -4px}@media (hover:hover) and (pointer:fine){.rows-carry-skip:hover{color:var(--ink)}}.page-turn{z-index:39;pointer-events:none;perspective:1800px;position:fixed;inset:0;overflow:hidden}.page-turn .page-leaf,.page-sheet{transform-origin:50% 0;backface-visibility:hidden}.page-sheet{background:var(--bg);position:absolute;inset:0;overflow:hidden}.page-sheet:after{content:"";z-index:30;opacity:.22;mix-blend-mode:multiply;background:var(--paper-tooth) 0 0 / 600px 600px;position:absolute;inset:0}.page-turn-shade{opacity:0;background:linear-gradient(#1e120842,#1e120800 60%);position:absolute;inset:0}html[data-variant=desk] .page-leaf .book-light{border-radius:1px 1px 2px 2px;inset:0}html[data-variant=desk] .wrap.page-leaf:before{box-shadow:0 0 0 .5px #46321e1f,0 10px 24px #140a0447}.rows-status{align-items:center;gap:var(--sp-3);min-height:2rem;margin-top:var(--sp-3);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--muted);flex-wrap:wrap;display:flex}.rows-count{transition:color var(--d-hover) ease;align-items:center;gap:.4rem;display:inline-flex}.rows-status[data-complete] .rows-count{color:var(--ink);animation:rows-count-pop var(--d-pop) var(--ease-spring)}.rows-count-check{width:1.05rem;height:1.05rem;overflow:visible}.rows-count-check path{stroke-dasharray:44;stroke-dashoffset:44px}.rows-status[data-complete] .rows-count-check path{animation:rows-draw-check calc(var(--b-complete) * 2 * var(--t)) var(--ease-out) forwards}@keyframes rows-count-pop{0%{transform:translateY(0)}45%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes rows-draw-check{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.rows-status[data-complete] .rows-count{animation:none}.rows-count-check path{stroke-dashoffset:0}}.rows-turn{white-space:nowrap}.rows-hide-toggle{font:inherit;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-underline-offset:.2em;cursor:pointer;transition:color var(--d-hover) ease;background:0 0;border:none;padding:0;text-decoration:underline;text-decoration-thickness:1.5px}@media (hover:hover) and (pointer:fine){.rows-hide-toggle:hover{color:var(--ink)}}.rows-undo{align-items:center;gap:var(--sp-1);padding:.2rem var(--sp-2);border:1.5px solid var(--ink);filter:var(--stroke-filter);background:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink);cursor:pointer;transition:opacity var(--d-hover) ease, background-color var(--d-hover) ease, color var(--d-hover) ease, transform var(--d-pop) var(--ease-spring);border-radius:4px 9px 5px 10px/9px 4px 10px 5px;margin-left:auto;display:inline-flex}.rows-undo[aria-hidden=true]{opacity:0;pointer-events:none}@media (hover:hover) and (pointer:fine){.rows-undo:hover{background:var(--ink);color:var(--paper);transform:rotate(-1deg)scale(1.04)}}.rows-status kbd,.rows-empty kbd{font-family:var(--font-mono);color:var(--ink)}.bar{z-index:50;background:var(--paper);border-top:1.5px solid var(--line);position:fixed;bottom:0;left:0;right:0}.bar-strip{align-items:center;gap:var(--sp-3);height:var(--bar-h);max-width:48rem;padding-inline:var(--sp-4);margin-inline:auto;display:flex}.bar-tabs{gap:var(--sp-2);margin-left:auto;display:flex}.bar-tab{padding:.25rem var(--sp-3);border:1.5px solid var(--line);filter:var(--stroke-filter);background:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);cursor:pointer;transition:color var(--d-hover,.11s) ease, border-color var(--d-hover,.11s) ease, background-color var(--d-hover,.11s) ease, transform var(--d-pop,.32s) var(--ease-spring,ease);border-radius:4px 9px 5px 10px/9px 4px 10px 5px}@media (hover:hover) and (pointer:fine){.bar-tab:hover{color:var(--ink);border-color:var(--ink);transform:rotate(-1deg)scale(1.03)}}.bar-tab[aria-expanded=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.bar-speed{align-items:center;gap:var(--sp-2);min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);display:flex}.bar-speed input[type=range]{flex:0 7rem;width:7rem;min-width:3.5rem}@media (max-width:30rem){.bar-strip{gap:var(--sp-2);padding-inline:var(--sp-3)}.bar-speed>span{display:none}.bar-tabs{gap:var(--sp-1)}.bar-tab{padding-inline:var(--sp-2)}}.bar-speed output{min-width:2.75rem;color:var(--ink);font-variant-numeric:tabular-nums}.bar-drawer{max-width:48rem;padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1.5px dashed var(--line);opacity:0;transition:opacity var(--d-enter) var(--ease-out);margin-inline:auto}.bar-drawer[data-in]{opacity:1}.ctrls{gap:var(--sp-3) var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.ctrl{align-items:center;gap:0 var(--sp-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);grid-template-columns:1fr auto;display:grid}.ctrl output{color:var(--ink);font-variant-numeric:tabular-nums}.ctrl input,.ctrl select{grid-column:1/-1}.ctrl-check{align-items:center;gap:var(--sp-2);min-height:2.5rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink);cursor:pointer;display:inline-flex}.ctrl-check input{width:1rem;height:1rem;accent-color:var(--marker);cursor:pointer;margin:0}input[type=range]{width:100%;accent-color:var(--marker);cursor:pointer}.ctrl select{padding:.2rem var(--sp-2);border:1.5px solid var(--line);filter:var(--stroke-filter);background:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink);cursor:pointer;border-radius:4px 9px 5px 10px/9px 4px 10px 5px;margin-top:.15rem}.bar-reset{margin-top:var(--sp-3);padding:.2rem var(--sp-3);border:1.5px solid var(--line);background:var(--paper);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);cursor:pointer;transition:color var(--d-hover,.11s) ease, border-color var(--d-hover,.11s) ease;border-radius:4px 9px 5px 10px/9px 4px 10px 5px}@media (hover:hover) and (pointer:fine){.bar-reset:not(:disabled):hover{color:var(--marker);border-color:var(--marker)}}.bar-reset:disabled{opacity:.45;cursor:default}.bar-presets{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.bar-presets .bar-reset{margin-top:0}.bar-clock{font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:.02em}.bar-clock[data-faked]:not([aria-expanded=true]){border-color:var(--biro);color:var(--biro)}.keys{gap:var(--sp-2) var(--sp-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);flex-wrap:wrap;margin:0;display:flex}.keys>div{align-items:baseline;gap:var(--sp-2);display:flex}.keys dd{margin:0}.keys kbd{border:1.5px solid var(--line);background:var(--paper);min-width:1.25rem;font-family:var(--font-mono);color:var(--ink);text-align:center;border-radius:3px 6px 4px 7px/6px 3px 7px 4px;padding:.1rem .35rem;display:inline-block}.rows-title:active,.rows-undo:active,.rows-hide-toggle:active,.bar-tab:active,.bar-reset:active,.variant-opt:active,.rows-empty button:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.rows-study .rows-row{transition-property:opacity,filter,background-color}.rows-study .rows-row[data-state=entering]{transform:none}.rows-study .rows-row[data-enter=draw]:after,.rows-study .rows-row[data-enter=draw]>*{animation:none}.rows-study .rows-check-box,.rows-study .rows-check:hover .rows-check-box,.rows-study .rows-check:active .rows-check-box,.rows-study .rows-add-icon:before,.rows-study .rows-add-composer:hover .rows-add-icon:before,.rows-study .rows-del:hover svg,.rows-study .rows-del:active svg,.rows-study .rows-mark:hover svg,.rows-study .rows-mark:active svg,.rows-study .rows-grip:hover{transform:none}.rows-study .rows-del-lid,.rows-study .rows-del:hover .rows-del-lid{transition:transform var(--d-hover) ease}.rows-study .rows-check path{transition:none}.rows-study .rows-title-text:before,.rows-study .rows-title-text:after{opacity:0;transition:opacity calc(.15s * var(--t)) ease;transform:none}.rows-study .rows-row[data-marked] .rows-title-text:before{opacity:1}.rows-study .rows-row:not([data-marked]):not([data-state=done]):has(.rows-mark:hover) .rows-title-text:before{transform:none}.rows-study .rows-row[data-state=done] .rows-title-text:before,.rows-study .rows-row[data-done=true] .rows-title-text:before{opacity:0}.rows-study .rows-row[data-state=done] .rows-title-text:after,.rows-study .rows-row[data-done=true] .rows-title-text:after{opacity:.55}.rows-study button:active,.rows-study .rows-title:active,.bar-tab:hover,.bar-tab:active{transform:none}}[data-variant=clean]{--paper:#fff;--bg:#fff;--surface:#fff;--wash:#f5f5f7;--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--line-strong:#18181b;--marker:#4f46e5;--hilite:#fde68a;--biro:#4f46e5;--biro-on-fill:#4f46e5;--accent-ink:#4f46e5;--focus:#4f46e5;--shadow:0 10px 30px #18181b1a;--font-sans:var(--font-clean-sans);--font-mono:var(--font-clean-mono);--font-display:var(--font-clean-sans);--font-row:var(--font-clean-sans);--stroke-filter:none}[data-variant=clean] .rows-check-box,[data-variant=clean] .rows-add-icon:before{border-radius:5px}[data-variant=clean] .rows-row,[data-variant=clean] .rows-undo,[data-variant=clean] .bar-tab,[data-variant=clean] .ctrl select,[data-variant=clean] .rows-input-kbd,[data-variant=clean] .rows-empty:before{border-radius:8px}[data-variant=clean] h1{letter-spacing:-.03em;font-weight:800}[data-variant=clean] .hl{color:var(--marker)}[data-variant=clean] .hl:before,[data-variant=clean] .title-doodle{display:none}[data-variant=clean] .rows-check-box,[data-variant=clean] .rows-add-icon:before{border-color:var(--muted);transform:none}[data-variant=clean] .rows-check:hover .rows-check-box,[data-variant=clean] .rows-add-composer:hover .rows-add-icon:before{border-color:var(--marker);transform:scale(1.08)}[data-variant=clean] .rows-row[data-state=done] .rows-check-box{background:var(--marker);border-color:var(--marker);color:#fff}[data-variant=clean] .rows-row[data-state=done] .rows-check{opacity:1}[data-variant=clean] .rows-row[data-state=done] .rows-check path{stroke:#fff}[data-variant=clean] .rows-title-text:before{border-radius:3px}[data-variant=clean] .rows-count-check{stroke-linecap:butt}.variant-toggle{top:var(--sp-4);right:var(--sp-4);z-index:40;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;gap:2px;padding:3px;display:inline-flex;position:fixed}.variant-opt{font-family:var(--font-clean-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--muted);cursor:pointer;transition:color var(--d-hover,.11s) ease, background-color var(--d-hover,.11s) ease;background:0 0;border:0;border-radius:999px;padding:.28rem .75rem}.variant-opt[data-active]{background:var(--ink);color:var(--paper)}.rows-title,.rows-edit,.rows-input{font-family:var(--font-row)}html[data-variant=desk] body{background:linear-gradient(rgb(12 7 4/calc(var(--night,0) * .85)), rgb(12 7 4/calc(var(--night,0) * .85))) fixed, linear-gradient(160deg, #6b4c38 0%, #4e3628 55%, #3f2c21 100%) fixed}.desk-canvas{display:none}html[data-variant=desk] .desk-canvas{z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out);display:block;position:fixed;top:0;left:0}html[data-variant=desk] .desk-canvas[data-ready]{opacity:1}html[data-variant=desk] body:before{display:none}html[data-variant=desk] .wrap{isolation:isolate;width:calc(100% - 2 * var(--sp-3));max-width:40rem;min-height:calc(100dvh - var(--bar-h) - 2 * var(--sp-6));margin-block:calc(var(--sp-6) + 1.25rem) calc(var(--bar-h) + var(--sp-6));padding:calc(var(--sp-7) + 1rem) clamp(var(--sp-4), 6vw, var(--sp-7)) var(--sp-7);justify-content:flex-start;position:relative}html[data-variant=desk] .wrap:before{content:"";z-index:-1;background:var(--bg);border-radius:1px 1px 2px 2px;position:absolute;inset:0;box-shadow:0 0 0 .5px #46321e1f,-1.5px 1px #f3eee2,-1.5px 1.5px 0 .5px #5a463224,2.5px 2px #ece5d4,2.5px 2.5px 0 .5px #5a463224,-3px 2.5px #f6f2e7,-3px 3px 0 .5px #5a463224,1px 3.5px #e6dfcc,3.5px 4px #f1ebdd,3.5px 4.5px 0 .5px #5a463224,-2px 5px #e8e0ce,-2px 5.5px 0 .5px #5a463224,4px 6px #efe8d8,-4px 6.5px #e9e1cf,0 7px 3px #140a044d}html[data-variant=desk] .wrap:after{content:"";z-index:30;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-size:600px 600px;background-image:var(--paper-tooth);position:absolute;inset:0}@media (max-width:40rem){html[data-variant=desk] .wrap{margin-top:calc(var(--sp-4) + 3.2rem + 1.25rem)}}.book-cover,.book-binding,.book-used,.book-light{display:none}html[data-variant=desk] .book-cover{z-index:-2;pointer-events:none;background:linear-gradient(#fff0d71f,#0000 35%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='k' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5 0.9' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.19 0 0 0 0 0.09 1.3 0 0 0 -0.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E") 0 0/240px 240px,#ad8558;border-radius:2px 2px 4px 4px;display:block;position:absolute;inset:-2px -7px -11px;box-shadow:inset 0 0 0 1px #ffebc829,inset 0 -1.5px #3c230a59,0 2px 3px #140a0459,4px 12px 26px #140a0461,10px 30px 60px #140a0440}html[data-variant=desk] .book-used{z-index:-3;pointer-events:none;background:linear-gradient(#fffaf040,#0000 45%),repeating-linear-gradient(#f1ebde 0 1.2px,#d8cfbc 1.2px 1.7px);border-top:2.5px solid #9c774d;border-radius:7px 7px 0 0/11px 11px 0 0;height:15px;display:block;position:absolute;top:-13px;left:2px;right:2px;box-shadow:0 -1px 2px #140a044d}html[data-variant=desk] .book-binding{z-index:31;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='48'%3E%3Cdefs%3E%3CradialGradient id='h' cx='.5' cy='.35' r='.6'%3E%3Cstop offset='0' stop-color='%23140f0b'/%3E%3Cstop offset='.7' stop-color='%232a221b'/%3E%3Cstop offset='1' stop-color='%235a4e42'/%3E%3C/radialGradient%3E%3Cfilter id='s' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.1'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='8' cy='36' r='4.3' fill='url(%23h)'/%3E%3Cpath d='M4.4 38.4a4.3 4.3 0 0 0 7.2 0' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='.6'/%3E%3Cg transform='rotate(0.0 7.9 36)'%3E%3Cpath d='M14.6 7.2C19.6 5.7 21.5 12 21.0 20' fill='none' stroke='%2329292b' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M14.6 7.2C19.6 5.7 21.5 12 21.0 20' fill='none' stroke='%23707378' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M10.1 36C9.6 25 11.1 12.2 16.8 10.7' fill='none' stroke='%232a1608' stroke-opacity='.4' stroke-width='3.2' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M7.9 35.6C7.4 24 9.0 9.2 14.6 7.2' fill='none' stroke='%232b2c2f' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M7.9 35.6C7.4 24 9.0 9.2 14.6 7.2' fill='none' stroke='%23a7aaaf' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M7.3 34.2C6.8 23.5 8.4 9.6 13.7 7.4' fill='none' stroke='%23f6f7f8' stroke-opacity='0.82' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Ccircle cx='32' cy='36' r='4.3' fill='url(%23h)'/%3E%3Cpath d='M28.4 38.4a4.3 4.3 0 0 0 7.2 0' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='.6'/%3E%3Cg transform='rotate(0.5 32.2 36)'%3E%3Cpath d='M37.8 6.0C42.8 4.5 45.5 12 45.0 20' fill='none' stroke='%2329292b' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M37.8 6.0C42.8 4.5 45.5 12 45.0 20' fill='none' stroke='%23707378' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M34.4 36C33.9 25 35.4 11.0 40.0 9.5' fill='none' stroke='%232a1608' stroke-opacity='.4' stroke-width='3.2' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M32.2 35.6C31.7 24 32.8 8.0 37.8 6.0' fill='none' stroke='%232b2c2f' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M32.2 35.6C31.7 24 32.8 8.0 37.8 6.0' fill='none' stroke='%23a7aaaf' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M31.6 34.2C31.1 23.5 32.2 8.4 36.9 6.2' fill='none' stroke='%23f6f7f8' stroke-opacity='0.86' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Ccircle cx='56' cy='36' r='4.3' fill='url(%23h)'/%3E%3Cpath d='M52.4 38.4a4.3 4.3 0 0 0 7.2 0' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='.6'/%3E%3Cg transform='rotate(0.3 55.3 36)'%3E%3Cpath d='M62.1 4.9C67.1 3.4 69.5 12 69.0 20' fill='none' stroke='%2329292b' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M62.1 4.9C67.1 3.4 69.5 12 69.0 20' fill='none' stroke='%23707378' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M57.5 36C57.0 25 58.5 9.9 64.3 8.4' fill='none' stroke='%232a1608' stroke-opacity='.4' stroke-width='3.2' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M55.3 35.6C54.8 24 56.1 6.9 62.1 4.9' fill='none' stroke='%232b2c2f' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M55.3 35.6C54.8 24 56.1 6.9 62.1 4.9' fill='none' stroke='%23a7aaaf' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M54.7 34.2C54.2 23.5 55.5 7.3 61.2 5.1' fill='none' stroke='%23f6f7f8' stroke-opacity='0.90' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Ccircle cx='80' cy='36' r='4.3' fill='url(%23h)'/%3E%3Cpath d='M76.4 38.4a4.3 4.3 0 0 0 7.2 0' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='.6'/%3E%3Cg transform='rotate(0.2 79.2 36)'%3E%3Cpath d='M87.6 7.3C92.6 5.8 93.5 12 93.0 20' fill='none' stroke='%2329292b' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M87.6 7.3C92.6 5.8 93.5 12 93.0 20' fill='none' stroke='%23707378' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M81.4 36C80.9 25 82.4 12.3 89.8 10.8' fill='none' stroke='%232a1608' stroke-opacity='.4' stroke-width='3.2' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M79.2 35.6C78.7 24 80.7 9.3 87.6 7.3' fill='none' stroke='%232b2c2f' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M79.2 35.6C78.7 24 80.7 9.3 87.6 7.3' fill='none' stroke='%23a7aaaf' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M78.6 34.2C78.1 23.5 80.1 9.7 86.7 7.5' fill='none' stroke='%23f6f7f8' stroke-opacity='0.86' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Ccircle cx='104' cy='36' r='4.3' fill='url(%23h)'/%3E%3Cpath d='M100.4 38.4a4.3 4.3 0 0 0 7.2 0' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='.6'/%3E%3Cg transform='rotate(3.5 103.4 36)'%3E%3Cpath d='M109.4 4.5C114.4 3.0 117.5 12 117.0 20' fill='none' stroke='%2329292b' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M109.4 4.5C114.4 3.0 117.5 12 117.0 20' fill='none' stroke='%23707378' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M105.6 36C105.1 25 106.6 9.5 111.6 8.0' fill='none' stroke='%232a1608' stroke-opacity='.4' stroke-width='3.2' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M103.4 35.6C102.9 24 103.8 6.5 109.4 4.5' fill='none' stroke='%232b2c2f' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M103.4 35.6C102.9 24 103.8 6.5 109.4 4.5' fill='none' stroke='%23a7aaaf' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M102.8 34.2C102.3 23.5 103.2 6.9 108.5 4.7' fill='none' stroke='%23f6f7f8' stroke-opacity='0.71' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Ccircle cx='128' cy='36' r='4.3' fill='url(%23h)'/%3E%3Cpath d='M124.4 38.4a4.3 4.3 0 0 0 7.2 0' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='.6'/%3E%3Cg transform='rotate(-0.1 127.4 36)'%3E%3Cpath d='M133.9 4.7C138.9 3.2 141.5 12 141.0 20' fill='none' stroke='%2329292b' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M133.9 4.7C138.9 3.2 141.5 12 141.0 20' fill='none' stroke='%23707378' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M129.6 36C129.1 25 130.6 9.7 136.1 8.2' fill='none' stroke='%232a1608' stroke-opacity='.4' stroke-width='3.2' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M127.4 35.6C126.9 24 128.2 6.7 133.9 4.7' fill='none' stroke='%232b2c2f' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M127.4 35.6C126.9 24 128.2 6.7 133.9 4.7' fill='none' stroke='%23a7aaaf' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M126.8 34.2C126.3 23.5 127.6 7.1 133.0 4.9' fill='none' stroke='%23f6f7f8' stroke-opacity='0.82' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3Ccircle cx='152' cy='36' r='4.3' fill='url(%23h)'/%3E%3Cpath d='M148.4 38.4a4.3 4.3 0 0 0 7.2 0' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='.6'/%3E%3Cg transform='rotate(0.3 152.6 36)'%3E%3Cpath d='M158.5 6.4C163.5 4.9 165.5 12 165.0 20' fill='none' stroke='%2329292b' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M158.5 6.4C163.5 4.9 165.5 12 165.0 20' fill='none' stroke='%23707378' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M154.8 36C154.3 25 155.8 11.4 160.7 9.9' fill='none' stroke='%232a1608' stroke-opacity='.4' stroke-width='3.2' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M152.6 35.6C152.1 24 153.6 8.4 158.5 6.4' fill='none' stroke='%232b2c2f' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M152.6 35.6C152.1 24 153.6 8.4 158.5 6.4' fill='none' stroke='%23a7aaaf' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M152.0 34.2C151.5 23.5 153.0 8.8 157.6 6.6' fill='none' stroke='%23f6f7f8' stroke-opacity='0.82' stroke-width='.9' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") 0 0/168px 48px repeat-x;width:round(down,100% - 20px,24px);height:48px;margin-inline:auto;display:block;position:absolute;top:-20px;left:0;right:0}html[data-variant=desk] .book-light{z-index:32;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(rgb(255 196 140/calc(var(--warm,0) * .2)), rgb(255 196 140/calc(var(--warm,0) * .2))), radial-gradient(circle at 80% 16%, rgb(255 248 234/calc(var(--night,0) * 1)) 0, rgb(252 238 216/calc(var(--night,0) * 1)) 32vmax, rgb(176 142 112/calc(var(--night,0) * 1)) 90vmax) fixed;border-radius:2px 2px 4px 4px;display:block;position:absolute;inset:-2px -7px -11px}.desk-shade,.book-shade{display:none}html[data-variant=desk] .desk-shade{z-index:-1;pointer-events:none;mix-blend-mode:multiply;display:block;position:fixed;inset:0;overflow:hidden}html[data-variant=desk] .book-shade{z-index:33;pointer-events:none;mix-blend-mode:multiply;clip-path:inset(0 round 2px 2px 4px 4px);display:block;position:absolute;inset:-2px -7px -11px}.shade-fix{position:fixed;inset:0}.shade-day{opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:0}html[data-shade] .shade-day{opacity:calc(1 - var(--night,0))}.shade-reach{-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--shade-stop,100vh) - 64px), transparent var(--shade-stop,100vh));mask-image:linear-gradient(to bottom, #000 calc(var(--shade-stop,100vh) - 64px), transparent var(--shade-stop,100vh));position:absolute;inset:0}.shade-sun{transform-origin:-120px -160px;width:1000px;height:800px;transform:rotate(var(--shade-rot,0deg)) scale(calc(var(--shade-len,1) * var(--shade-fit,1)), var(--shade-fit,1));position:absolute;top:0;left:0}.shade-gap{position:absolute;inset:0}.shade-branch{will-change:transform;max-width:none;position:absolute}.shade-cloud{opacity:0;background:#ced4e0;position:absolute;inset:0}