@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.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:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.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:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.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:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/07454f8ad8aaac57-s.2kjei9psvcorz.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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.2kjei9psvcorz.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:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.Gce0zG_className{font-family:Nunito,Nunito Fallback;font-style:normal}.Gce0zG_variable{--font-body:"Nunito", "Nunito Fallback"}
@font-face{font-family:DrawablyPen;src:url(../media/DrawablyPen-s.p.2kb2-2iv9xukr.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:DrawablyPen Fallback;src:local(Arial);ascent-override:65.3%;descent-override:21.22%;line-gap-override:0.0%;size-adjust:122.51%}.TyFesq_className{font-family:DrawablyPen,DrawablyPen Fallback;font-weight:400}.TyFesq_variable{--font-pen-face:"DrawablyPen", "DrawablyPen Fallback"}
@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/3475113efd8e210f-s.1c69lcwtnjo32.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1f80547be1d8948c-s.188t5pt1amb2j.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-209F,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/4b888bfcae5c0af0-s.1iyk0vz65dx_c.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AE,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F8D0-1F8D8,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FAC6,U+1FAC8,U+1FACC-1FADD,U+1FADF-1FAEB,U+1FAEF-1FAFA,U+1FB??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/db9eda6396be7916-s.0-eiywnx3v4kp.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:Noto Naskh Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(../media/713cd335f36b4f1d-s.0fiiq6530lwfa.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:Noto Naskh Arabic Fallback;src:local(Times New Roman);ascent-override:91.43%;descent-override:54.22%;line-gap-override:0.0%;size-adjust:116.92%}.dr8zyq_className{font-family:Noto Naskh Arabic,Noto Naskh Arabic Fallback;font-style:normal;font-weight:600}.dr8zyq_variable{--font-arabic:"Noto Naskh Arabic", "Noto Naskh Arabic Fallback"}
.drawably-host{--drawably-ease:cubic-bezier(.2, 0, 0, 1);isolation:isolate;font-family:Inter,system-ui,sans-serif;position:relative}.drawably-svg{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.drawably-svg path{fill:none;stroke:var(--drawably-ink,var(--drawably-stroke,#2724d1));stroke-width:var(--drawably-width,2);stroke-linecap:round;stroke-linejoin:round}@property --drawably-frame{syntax:"<integer>";inherits:true;initial-value:0}.drawably-svg{--drawably-frame:0;animation:1.2s step-end infinite drawably-boil}@keyframes drawably-boil{0%{--drawably-frame:0}33.33%{--drawably-frame:1}66.67%{--drawably-frame:2}}.drawably-boil{--drawably-i:0;opacity:clamp(0, 1 - (var(--drawably-frame) - var(--drawably-i)) * (var(--drawably-frame) - var(--drawably-i)), 1)}.drawably-boil[data-i="1"]{--drawably-i:1}.drawably-boil[data-i="2"]{--drawably-i:2}.drawably-svg .drawably-blob{fill:var(--drawably-ink,var(--drawably-fill,#2724d1));stroke:var(--drawably-ink,var(--drawably-fill,#2724d1));stroke-width:4px}.drawably-svg .drawably-scribble{stroke-width:1.5px}.drawably-button{font:inherit;color:var(--drawably-ink,var(--drawably-stroke,#2724d1));cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;padding:6px 14px;font-family:Inter,system-ui,sans-serif;transition:transform .12s;display:inline-flex}.drawably-button:active{transform:translateY(1px)scale(.98)}.drawably-button .drawably-outline{transition:stroke-width .12s,fill .12s}.drawably-button:active .drawably-outline{stroke-width:calc(var(--drawably-width,2) * 1.4)}@media (hover:hover){.drawably-button:hover:not(:disabled,[data-state=loading]){transform:translateY(-1px)}.drawably-button:not(.drawably-button--solid):hover:not(:disabled) .drawably-outline{fill:color-mix(in srgb, var(--drawably-ink,var(--drawably-stroke,#2724d1)) 10%, transparent)}.drawably-button:hover:active{transform:translateY(1px)scale(.98)}}.drawably-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.drawably-button--neutral{--drawably-stroke:#6e675f;--drawably-fill:#6e675f}.drawably-button--danger{--drawably-stroke:var(--drawably-error,#d12724);--drawably-fill:var(--drawably-error,#d12724)}.drawably-button[data-state=error]{--drawably-ink:var(--drawably-error,#d12724)}.drawably-button[data-state=success]{--drawably-ink:var(--drawably-success,#188a42)}.drawably-button[data-state=loading]{cursor:progress;opacity:.6}.drawably-button[data-state=loading] .drawably-svg{animation-duration:.45s}.drawably-button--solid{color:var(--drawably-paper,#fff)}.drawably-svg .drawably-focus{visibility:hidden;stroke-width:1.5px}.drawably-host:is(:focus-visible,:has(:focus-visible)) .drawably-focus{visibility:visible}.drawably-checkbox,.drawably-radio{width:22px;height:22px;display:inline-block}.drawably-toggle{width:44px;height:24px;display:inline-block}:is(.drawably-checkbox,.drawably-radio,.drawably-toggle) input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.drawably-svg .drawably-dot{fill:var(--drawably-ink,var(--drawably-fill,#2724d1));stroke:var(--drawably-ink,var(--drawably-fill,#2724d1));visibility:hidden;transform-box:fill-box;transform-origin:50%;transition:transform .16s var(--drawably-ease);transform:scale(.5)}.drawably-radio[data-checked] .drawably-dot{visibility:visible;transform:scale(1)}.drawably-svg .drawably-knob{transition:transform .16s var(--drawably-ease)}.drawably-toggle[data-checked] .drawably-knob{transform:translate(20px)}.drawably-divider{border:0;height:10px;display:block}.drawably-svg .drawably-check{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .24s var(--drawably-ease)}.drawably-checkbox[data-checked] .drawably-check{stroke-dashoffset:0}.drawably-inputbox,.drawably-textarea,.drawably-select{display:inline-block}:is(.drawably-inputbox,.drawably-textarea,.drawably-select) :is(input,textarea,select){font:inherit;color:inherit;box-sizing:border-box;background:0 0;border:0;outline:none;width:100%;padding:8px 12px}.drawably-textarea textarea{resize:vertical;display:block}.drawably-select select{appearance:none;cursor:pointer;padding-right:34px}@supports (appearance:base-select){.drawably-select select{appearance:base-select}.drawably-select select::picker(select){appearance:base-select}.drawably-select select::picker-icon{display:none}.drawably-select select::picker(select){background:var(--drawably-paper,#fff);color:inherit;font:inherit;border:0;margin-top:4px;padding:6px}.drawably-select option{border-radius:3px;padding:4px 8px}.drawably-select option:is(:hover,:focus-visible){background:color-mix(in srgb, var(--drawably-stroke,#2724d1) 10%, transparent)}.drawably-select option::checkmark{content:"";width:.875em;height:.875em;display:inline-block}.drawably-select option:checked::checkmark{background:var(--drawably-ink,var(--drawably-stroke,#2724d1));-webkit-mask:var(--drawably-check) center / contain no-repeat;mask:var(--drawably-check) center / contain no-repeat}}.drawably-badge{color:var(--drawably-ink,var(--drawably-stroke,#2724d1));padding:1px 7px;font:500 12px/1.4 Geist Mono,ui-monospace,monospace;display:inline-block}.drawably-list{padding-left:24px;list-style:none}.drawably-card{padding:16px}.drawably-svg .drawably-wash{stroke:var(--drawably-ink,var(--drawably-fill,#2724d1));stroke-width:6px;stroke-opacity:.3;mix-blend-mode:multiply}:is(.drawably-underline,.drawably-circle) .drawably-svg path{stroke-width:var(--drawably-width,1.5)}.drawably-arrow{z-index:1;inset:auto}@media (prefers-reduced-motion:reduce){.drawably-svg{animation:none}.drawably-svg .drawably-check,.drawably-svg .drawably-dot,.drawably-svg .drawably-knob{transition:none}}.drawably-chip{cursor:pointer;align-items:center;gap:8px;padding:3px 10px 3px 6px;display:inline-flex}.drawably-chip .drawably-checkbox{scale:.8}.drawably-tabs{gap:18px;display:flex}.drawably-tabs>*{cursor:pointer}.drawably-tooltip{padding:2px 10px;display:inline-block}.drawably-alert{align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px;display:flex}.drawably-alert [data-tag]{padding:1px 6px}.drawably-kbd{padding:2px 8px;font:500 13px/1.4 Geist Mono,ui-monospace,monospace}.drawably-quote{margin:0}.drawably-quote footer{margin-top:10px;padding-top:8px}.drawably-pager{gap:6px;display:flex}.drawably-pager>button{min-width:34px}
:root{--paper:#fff;--ink:#1e1c1c;--ink-soft:#4a4752;--pen:#2724d1;--pen-soft:#f1f1fb;--yoto:#f45436;--error:#d12724;--success:#188a42;--muted:#6b6775;--hairline:#ececf1;--stage:#f6f6f9;--wait:#8a5a00;--font-pen:var(--font-pen-face), var(--font-body), system-ui, sans-serif;--drawably-stroke:var(--pen);--drawably-fill:var(--pen);--drawably-paper:var(--paper);--drawably-error:var(--error);--drawably-success:var(--success);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--section-gap:var(--s-7);--head-gap:var(--s-4);--max:1280px;--gutter:16px;--radius:12px}@media (min-width:720px){:root{--gutter:24px}}@media (min-width:1100px){:root{--gutter:40px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-pen);margin:0;font-size:1rem;line-height:1.6}.drawably-host,.drawably-button,.drawably-inputbox input,.drawably-select select{font-family:inherit}a:has(>.hover-sketch){text-decoration:none}:is(a,summary) .hover-sketch .drawably-svg{visibility:hidden}:is(a,summary):is(:hover,:focus-visible) .hover-sketch .drawably-svg{visibility:visible}:is(a,summary):is(:hover,:focus-visible) .hover-sketch:not(.drawably-host){text-underline-offset:3px;text-decoration:underline}button,input,select,textarea{font:inherit}h1{font-family:var(--font-pen);color:var(--pen);letter-spacing:.01em;margin:0 0 var(--s-4);font-size:clamp(2rem,7vw,2.75rem);font-weight:400;line-height:1.1}h2,h3{font-family:var(--font-pen);margin:0 0 var(--s-2);font-weight:400;line-height:1.25}h2{font-size:1.25rem}h3{font-size:1rem}a{color:var(--pen)}img{max-width:100%;height:auto;display:block}[lang=ar]{font-family:var(--font-arabic), serif}.container{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.page{padding-block:var(--s-5) var(--s-8);overflow-wrap:anywhere}@media (min-width:720px){.page{padding-top:var(--s-6)}}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);top:var(--s-2);background:var(--paper);padding:var(--s-2) var(--s-3);z-index:10}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:focus-visible{outline:3px solid var(--pen);outline-offset:2px}.site-header{z-index:20;position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--s-3);padding-top:var(--s-3);display:flex}.site-header__logo{align-items:center;gap:var(--s-2);min-width:0;font-family:var(--font-pen);color:var(--pen);white-space:nowrap;padding:var(--s-2) 0;font-size:1.25rem;line-height:1;text-decoration:none;display:inline-flex}.site-header__mark{flex:none;width:28px;height:28px}.site-header nav{flex:none}.site-header nav ul{margin:0;padding:0;list-style:none}.site-nav__row{display:none}.site-nav__row a{font-family:var(--font-pen);text-transform:lowercase;color:var(--muted);white-space:nowrap;align-items:center;min-height:44px;font-size:.8125rem;text-decoration:none;display:inline-flex}.site-nav__row a:hover{color:var(--ink)}.site-nav__row a[aria-current=page]{color:var(--pen)}.site-nav__row a[aria-current=page] .hover-sketch .drawably-svg{visibility:visible}.site-nav__row a[aria-current=page] .hover-sketch:not(.drawably-host){text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.site-menu summary{align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-3) 0 14px;background:var(--pen-soft);color:var(--pen);font-family:var(--font-pen);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;font-size:.875rem;line-height:1;list-style:none;display:inline-flex;position:relative}.site-menu summary::-webkit-details-marker{display:none}.site-menu[open] summary{background:var(--pen);color:var(--paper)}.site-menu__icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;width:20px;height:20px;overflow:visible}.site-menu__icon path{transform-origin:12px 12px;transition:transform .2s,opacity .15s}.site-menu[open] .site-menu__icon path:first-child{transform:translateY(4.5px)rotate(45deg)}.site-menu[open] .site-menu__icon path:nth-child(2){opacity:0}.site-menu[open] .site-menu__icon path:nth-child(3){transform:translateY(-4.5px)rotate(-45deg)}.site-menu__panel{background:var(--paper);border-bottom:1.5px solid var(--pen);border-radius:0 0 var(--radius) var(--radius);animation:.18s ease-out menu-drop;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 32px -16px #2724d140}.site-menu[open]:before{content:"";background:#1e1c1c33;animation:.18s ease-out menu-fade;position:fixed;inset:0}.site-header .site-menu__panel ul{padding:var(--s-2) var(--gutter) var(--s-4)}.site-menu__panel li+li{border-top:1px solid var(--hairline)}.site-menu__panel a{min-height:56px;font-family:var(--font-pen);color:var(--ink);justify-content:space-between;align-items:center;font-size:1.375rem;text-decoration:none;display:flex}.site-menu__panel a:hover,.site-menu__panel a[aria-current=page]{color:var(--pen)}.site-menu__panel a[aria-current=page]:after{content:"";background:var(--pen);border-radius:50%;width:8px;height:8px}@keyframes menu-drop{0%{opacity:0;transform:translateY(-8px)}}@keyframes menu-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.site-menu__icon path{transition:none}.site-menu__panel,.site-menu[open]:before{animation:none}}@media (min-width:720px){.site-header__inner{padding-top:var(--s-4)}.site-header__logo{font-size:1.875rem}.site-header__mark{width:36px;height:36px}.site-nav__row{gap:0 var(--s-5);display:flex}.site-menu{display:none}}.site-footer{margin-top:var(--s-7);background:var(--pen-soft);position:relative}.site-footer__clouds{width:100%;height:44px;display:block;position:absolute;bottom:calc(100% - 1px);left:0}.site-footer__cloud-fill{fill:var(--pen-soft)}.site-footer__cloud-line{fill:none;stroke:var(--pen);stroke-width:1.5px}.site-footer__main{gap:var(--s-6);padding-top:var(--s-4);padding-bottom:var(--s-7);display:grid}.site-footer p{margin:0}.site-footer__brand-row{align-items:flex-start;gap:var(--s-2);margin-bottom:var(--s-3);display:flex}.site-footer__wordmark{min-width:0;font-family:var(--font-pen);color:var(--pen);font-size:2.25rem;line-height:1}.site-footer__mark{flex:none;width:56px;height:auto;margin-top:-10px;animation:5s ease-in-out infinite footer-float}@keyframes footer-float{0%,to{translate:0;rotate:0deg}50%{translate:0 -6px;rotate:-6deg}}@media (prefers-reduced-motion:reduce){.site-footer__mark{animation:none}}.site-footer__about{max-width:34em;color:var(--ink-soft);font-size:.9375rem}.site-footer__cols{gap:var(--s-5) var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-footer__heading{color:var(--muted);text-transform:lowercase;margin:0 0 var(--s-2);font-size:.8125rem;line-height:1.4}.site-footer__cols ul{margin:0;padding:0;list-style:none}.site-footer__cols a{color:var(--ink);padding:5px 0;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-block}.site-footer__cols a:hover{color:var(--pen)}.site-footer__ask{align-items:center;gap:var(--s-3) var(--s-4);flex-wrap:wrap;display:flex}.site-footer__ask p{font-weight:700}.site-footer__ground{background:var(--pen);color:var(--paper)}.site-footer__ground p{justify-content:space-between;gap:0 var(--s-4);padding-block:var(--s-4) var(--s-5);font-family:var(--font-pen);flex-wrap:wrap;font-size:.75rem;line-height:1.6;display:flex}@media (min-width:560px){.site-footer__cols{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:720px){.site-footer{margin-top:var(--s-8)}.site-footer__clouds{height:68px}.site-footer__main{column-gap:var(--s-7);row-gap:var(--s-6);padding-top:var(--s-5);padding-bottom:var(--s-8);grid-template-columns:5fr 7fr}.site-footer__brand{grid-row:span 2}.site-footer__wordmark{font-size:clamp(2.25rem,3.125vw,2.5rem)}.site-footer__mark{width:68px}}.hero{text-align:center;padding-top:var(--s-4)}.hero h1{margin-bottom:var(--s-3);font-size:clamp(2.5rem,10vw,3.5rem);line-height:1.05}.hero__yoto-tag{background:var(--yoto);vertical-align:-.24em;border-radius:.22em;margin-left:.06em;padding:.1em .2em .06em;display:inline-block;transform:rotate(-5deg)}.hero__yoto{filter:brightness(0)invert();width:auto;height:.86em;display:block}@media (forced-colors:active){.hero__yoto{filter:none}}.hero__intro{max-width:30em;margin:0 auto var(--s-5);color:var(--ink-soft);font-size:1.0625rem}@media (min-width:720px){.hero__intro{white-space:nowrap;max-width:none}}.hero__intro a{color:var(--ink);text-decoration:none}.hero__intro a>span:not(.drawably-host){text-decoration:underline;-webkit-text-decoration-color:var(--pen);text-decoration-color:var(--pen);text-underline-offset:3px}.hero__intro a:hover{color:var(--pen)}.search{align-items:center;gap:var(--s-3);max-width:480px;margin:0 auto;display:flex}.search>:first-child{flex:1;min-width:0}.search input{width:100%;font:inherit;color:var(--ink);background:0 0;border:0;min-height:46px;padding:10px 14px}.search input::placeholder{color:var(--muted);opacity:1}.btn-solid{font:inherit;color:var(--paper);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1.2;display:inline-flex}.btn-solid a{min-height:44px;color:var(--paper);align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.cta .btn-solid a,.entry__action .btn-solid a{min-height:52px;padding:var(--s-3) 24px;font-size:1.125rem;line-height:1.3}.btn-solid:not(.drawably-host){background:var(--pen);border-radius:10px}.pen-divider{border:0;height:10px;margin:0;display:block}.pen-divider:not(.drawably-divider){background:linear-gradient(var(--hairline), var(--hairline)) center / 100% 1px no-repeat}.line-art{fill:var(--paper);stroke:var(--pen);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.line-art--thin{stroke-width:1.5px}.line-art--open{fill:none}.line-art--ink{fill:var(--pen)}.line-art--soft{fill:var(--pen-soft)}.line-art-arabic{font-family:var(--font-arabic), serif;fill:var(--pen);font-size:30px;font-weight:600}.tile-section{margin-top:var(--section-gap)}.tile-section__rule{margin-bottom:var(--s-6)}.tile-section h2{color:var(--pen);margin:0 0 var(--s-4);font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.1}.row-head{justify-content:space-between;align-items:baseline;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.row-head h2{margin:0}.row-head__end{align-items:center;gap:var(--s-4);flex:none;display:flex}.row-head .tile-row__arrows{display:none}.tile-row.topics>li{flex-basis:calc((100% - 3 * var(--s-4)) / 3.5)}.topic{align-items:center;gap:var(--s-3);color:var(--ink);border-radius:var(--radius);flex-direction:column;text-decoration:none;display:flex}.topic__disc{aspect-ratio:1;background:var(--pen-soft);border-radius:50%;place-items:center;width:100%;max-width:128px;transition:background-color .3s;display:grid}.topic__art{width:96%;height:auto;transition:transform .4s cubic-bezier(.22,1,.36,1);overflow:visible}.topic__art .line-art{stroke-width:2.5px}.topic__art .line-art--thin{stroke-width:1.75px}.topic__art .line-art--scaled{stroke-width:4px}.topic__name{text-align:center;text-wrap:balance;overflow-wrap:normal;font-size:.9375rem;line-height:1.2}.topic:hover .topic__disc{background:color-mix(in srgb, var(--pen) 11%, var(--paper))}.topic:hover .topic__art{transform:translateY(-4px)rotate(-4deg)scale(1.06)}.topic:hover .topic__name{color:var(--pen)}.topic--all .topic__disc{background:var(--pen);container-type:inline-size}.topic--all .topic__name,.topic--all:hover .topic__name{color:var(--paper);font-size:min(1.0625rem,15cqi);line-height:1.1}.topic--all:hover .topic__disc{background:color-mix(in srgb, var(--pen) 88%, var(--ink))}.tile-row{gap:var(--s-4);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin:0 -6px;padding:6px;scroll-padding-inline:6px;list-style:none;display:flex;overflow-x:auto}.tile-row>li{flex:0 0 calc((100% - 2 * var(--s-4)) / 2.6);scroll-snap-align:start;min-width:0}.tile-row>li:last-child{scroll-snap-align:end}.tile-row--js{scrollbar-width:none}.tile-row--js::-webkit-scrollbar{display:none}.tile-row--more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 72px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 72px),#0000)}.tile{color:var(--ink);border-radius:var(--radius);text-decoration:none;display:block}.tile--entry .cover{transition:transform .4s cubic-bezier(.22,1,.36,1)}.tile--entry .cover--generated .cover__art{width:72%}.tile--entry:hover .cover{transform:translateY(-4px)rotate(-1.5deg)}.tile--entry:hover .tile__name{color:var(--pen)}.tile__name{margin:var(--s-3) 0 var(--s-1);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1rem;line-height:1.3;display:-webkit-box;overflow:hidden}.tile__by{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;line-height:1.3;overflow:hidden}.tile--all{aspect-ratio:5/8;padding:var(--s-3);background:var(--pen);color:var(--paper);text-align:center;justify-content:center;align-items:center;display:flex}.tile--all .tile__name{overflow-wrap:normal;margin:0;font-size:1.25rem;line-height:1.1;display:block}.tile--all:hover .tile__name{color:var(--paper)}@media (prefers-reduced-motion:reduce){.topic__art,.topic__disc,.tile--entry .cover{transition:none}.topic:hover .topic__art,.tile--entry:hover .cover{transform:none}}.tile-row__controls{justify-content:flex-end;gap:var(--s-2);min-height:44px;margin-top:var(--s-2);display:flex}.tile-row__arrows{gap:var(--s-2);display:flex}.tile-row__arrow{width:52px;height:44px;padding:0}.tile-row__chevron{width:20px;height:20px}.tile-row__chevron path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@media (min-width:720px){.row-head .tile-row__arrows{display:flex}.tile-row.topics{--topics-per-row:6;--topics-gap:var(--s-4);justify-content:center;gap:var(--s-5) var(--topics-gap);scroll-snap-type:none;flex-wrap:wrap;margin:0;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.tile-row.topics>li{flex-basis:calc((100% - (var(--topics-per-row) - 1) * var(--topics-gap)) / var(--topics-per-row))}.row-head:has(+.tile-row.topics){margin-bottom:var(--s-4)}.topic__name{font-size:1.0625rem}.tile-row{gap:var(--s-5)}.tile-row>li{flex-basis:calc((100% - 4 * var(--s-5)) / 4.4)}.tile__name{font-size:1.0625rem}}@media (min-width:1100px){.tile-row.topics{--topics-per-row:11}.tile-row>li{flex-basis:calc((100% - 5 * var(--s-5)) / 6.2)}}.grid{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-items:start;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.grid{gap:var(--s-6) var(--s-5);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.nowrap{white-space:nowrap}.cover{aspect-ratio:5/8;border-radius:var(--radius);background:var(--pen-soft);object-fit:cover;width:100%;container-type:inline-size}.cover--generated{text-align:center;color:var(--pen);flex-direction:column;justify-content:center;align-items:center;gap:6%;padding:12%;display:flex;overflow:hidden}.cover__art{flex:none;width:80%;height:auto}.cover--hero .cover__art{width:70%}.cover__art .line-art{vector-effect:non-scaling-stroke;stroke-width:1.5px}.cover--hero .cover__art .line-art{stroke-width:2px}.cover--generated span{font-family:var(--font-pen);text-transform:lowercase;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;font-size:clamp(.8125rem,11cqi,1.75rem);line-height:1.15;display:-webkit-box;overflow:hidden}.entry-card__link{column-gap:var(--s-4);color:inherit;grid-template-columns:76px minmax(0,1fr);align-content:start;text-decoration:none;display:grid}.entry-card__link>.cover{border-radius:8px;grid-row:1/span 4;transition:transform .3s cubic-bezier(.22,1,.36,1)}.entry-card__link:hover>.cover{transform:translateY(-3px)rotate(-1.5deg)}.entry-card__link:hover .entry-card__title{color:var(--pen)}.entry-card__text{display:contents}.entry-card__title{color:var(--ink);margin:var(--s-2) 0 var(--s-1);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:1.0625rem;line-height:1.3;display:-webkit-box;overflow:hidden}.entry-card__by{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}@media (min-width:720px){.entry-card__link{display:block}.entry-card__link>.cover{border-radius:var(--radius)}.entry-card__title{margin-top:var(--s-3);font-size:1rem}}@media (prefers-reduced-motion:reduce){.entry-card__link>.cover{transition:none}.entry-card__link:hover>.cover{transform:none}}.browse__head{margin-bottom:var(--s-5)}.browse__head h1{margin-bottom:var(--s-2)}.browse__layout{gap:0;display:grid}.browse__controls{gap:var(--s-3);min-width:0;display:grid}.browse .search{max-width:640px;margin:0 0 var(--s-3)}.browse .search input{min-height:52px;font-size:1.0625rem}.filter{border:0;min-width:0;margin:0;padding:0}.filter legend{float:left;white-space:nowrap;width:88px;min-height:44px;color:var(--muted);text-transform:lowercase;align-items:center;padding:0;font-size:.9375rem;display:flex}.chips{gap:var(--s-2);scrollbar-width:none;overscroll-behavior-x:contain;margin:-4px;padding:4px 24px 4px 4px;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.chips::-webkit-scrollbar{display:none}.chip{background:var(--pen-soft);min-height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:999px;flex:none;align-items:center;padding:0 16px;font-size:.9375rem;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--pen)}.chip[aria-pressed=true],.chip[aria-current=page],.chip--solid{background:var(--pen);color:var(--paper)}a.chip{text-decoration:none}.lede.collection__intro{max-width:none}.collection__intro+.collection__intro{margin-top:var(--s-3)}.collection .chips{flex-wrap:wrap;padding-right:4px;overflow:visible;-webkit-mask-image:none;mask-image:none}.browse__results{min-width:0}.browse__divider{margin:var(--s-5) 0 var(--s-2)}.results-head{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:44px;margin:0 0 var(--s-3);display:flex}.results-count{color:var(--muted);margin:0;font-size:.9375rem}.text-btn{min-height:44px;color:var(--pen);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9375rem;text-decoration:underline;text-decoration-thickness:1px}.empty{padding:var(--s-6) 0 var(--s-4);max-width:34em}.empty__title{color:var(--pen);margin:0 0 var(--s-2);font-size:1.375rem}.empty__body{color:var(--ink-soft);margin:0 0 var(--s-4)}.empty__body a{color:var(--pen);text-underline-offset:3px}@media (min-width:720px){.chips{flex-wrap:wrap;padding-right:4px;overflow:visible;-webkit-mask-image:none;mask-image:none}.chip,.filter legend{min-height:40px}.browse__divider{margin-top:var(--s-6)}}.entry{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.entry__cover{grid-row:1}.entry__details{gap:var(--s-5);flex-direction:column;grid-row:2;min-width:0;display:flex}.entry__details>*{min-width:0;margin:0}@media (max-width:719px){.entry__cover{margin-bottom:var(--s-5)}}@media (min-width:720px){.entry{column-gap:var(--s-6);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.entry__cover{top:var(--s-6);grid-area:1/1;position:sticky}.entry__details{gap:var(--s-6);grid-area:1/2;max-width:600px}}@media (min-width:900px){.entry{column-gap:var(--s-8)}}@media (min-width:720px) and (max-height:560px){.entry__cover{position:static}}.entry__head{gap:var(--s-2);display:grid}.entry__title{text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:clamp(1.875rem,7vw,2.5rem);line-height:1.1}.entry__by{color:var(--ink-soft);margin:0;font-size:1.0625rem}.entry__by a{color:var(--pen);text-decoration:none}.facts{gap:var(--s-5);scrollbar-width:none;overscroll-behavior-x:contain;margin:-4px;padding:4px;display:flex;overflow-x:auto}.facts::-webkit-scrollbar{display:none}@media (max-width:399px){.facts{gap:var(--s-3)}.entry__facts-row{gap:var(--s-2)}}@media (max-width:359px){.facts{gap:10px}.facts>div{gap:.3em;font-size:.875rem}.facts__icon{width:16px;height:16px}}.facts>div{white-space:nowrap;min-height:32px;color:var(--ink);flex:none;align-items:center;gap:.4em;font-size:.9375rem;line-height:1.3;display:inline-flex}.facts__icon{flex:none;width:20px;height:20px}.facts__icon .line-art,.entry__voice-icon .line-art{vector-effect:non-scaling-stroke;stroke-width:1.5px}.facts dt{color:var(--muted);text-transform:lowercase}.facts dd{margin:0}.facts dd a{color:var(--pen);padding-block:12px;text-decoration:none}.entry__facts{gap:var(--s-3);grid-template-columns:minmax(0,1fr);display:grid}.entry__facts-row{align-items:center;gap:var(--s-3);display:flex}.entry__facts-row>.facts{flex:0 auto;min-width:0}.checked-tip{flex:none;display:inline-flex;position:relative}.checked-tip__button{width:44px;height:44px;color:var(--pen);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin:-6px 0 -6px -10px;padding:0;display:inline-flex}.checked-tip__icon{width:22px;height:22px}.checked-tip__icon .line-art{stroke-width:2.5px}@media (hover:hover){.checked-tip__button:hover .line-art:not(.line-art--open){fill:var(--pen-soft)}}.checked-tip__button[aria-expanded=true] .line-art:not(.line-art--open){fill:var(--pen-soft)}.checked-tip__card{z-index:3;width:max-content;max-width:min(300px, calc(100vw - 2 * var(--gutter)));padding:var(--s-3) var(--s-4);background:var(--paper);color:var(--ink);white-space:normal;font-size:.9375rem;line-height:1.5;display:block;position:absolute;top:calc(100% + 48px);left:auto;right:0}.entry__voice{align-items:center;gap:var(--s-2);color:var(--ink-soft);margin:0;font-size:.9375rem;display:flex}.entry__voice-icon{flex:none;width:20px;height:20px}.entry__about{gap:var(--s-4);display:grid}.entry__about>*{margin:0}.entry__summary{color:var(--ink);max-width:65ch;font-size:1.1875rem;line-height:1.45}.entry__buttons{gap:var(--s-3);flex-wrap:wrap;display:flex}.entry__buttons>*{flex:200px}@media (max-width:719px){.entry__buttons{flex-direction:column}.entry__buttons>*{flex:none}.entry__buttons .btn-yoto,.entry__buttons .btn-listen{min-height:56px}}.entry__action .btn-solid{max-width:100%}.entry__action-note{margin:var(--s-2) 0 0;color:var(--muted);overflow-wrap:anywhere;font-size:.875rem}.entry__price{margin:0 0 var(--s-3);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.2}.entry__owned{margin:0 0 var(--s-3);color:var(--ink);line-height:1.5}.entry__owned strong{font-weight:700}.entry__owned a{color:var(--pen);text-underline-offset:3px}.entry__notice{color:var(--ink-soft)}.entry__notice:empty{margin:0}.buy-form{margin:0;display:flex}.btn-buy{min-height:52px;padding:var(--s-3) 24px;flex:1;font-size:1.1875rem;line-height:1.3}.btn-buy[aria-disabled=true]{cursor:progress}@media (max-width:719px){.entry__buttons .btn-buy{min-height:56px}}@media (forced-colors:active){.btn-buy{border:2px solid buttontext}}.btn-yoto{min-height:52px;padding:var(--s-3) 24px;font:inherit;color:var(--paper);background:var(--yoto);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;font-size:1.1875rem;font-weight:700;line-height:1.3;display:inline-flex}.btn-yoto:focus-visible{outline:3px solid var(--pen);outline-offset:3px}.btn-yoto[aria-disabled=true]{cursor:default}.btn-yoto[data-state=loading]{cursor:progress}@media (forced-colors:active){.btn-yoto{border:2px solid buttontext}}.btn-listen{white-space:nowrap;justify-content:center;align-items:center;gap:var(--s-2);min-height:52px;padding:var(--s-3) 20px;font:inherit;color:var(--pen);background:var(--paper);border:1.5px solid var(--pen);cursor:pointer;border-radius:10px;font-size:1.0625rem;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex;position:relative}.btn-listen[data-on]{background:var(--pen-soft)}@media (hover:hover){.btn-listen:hover{background:var(--pen-soft)}}.btn-listen__progress{pointer-events:none;z-index:-1;opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.btn-listen__progress--on{opacity:1}.btn-listen:has(.btn-listen__progress--on) .drawably-svg .drawably-outline{stroke-opacity:.3}.btn-listen__progress path{fill:none;stroke:var(--pen);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--trace) var(--trace);stroke-dashoffset:calc(var(--trace) * (1 - var(--progress,0)));transition:stroke-dashoffset .25s linear}.btn-listen[aria-disabled=true]{color:var(--muted);border-color:var(--muted);background:var(--paper);cursor:default}.btn-listen__time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:400}.play-icon{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.play-icon path[d^=M8\.5]{stroke-width:3.25px}@media (prefers-reduced-motion:reduce){.btn-listen__progress path{transition:none}}.how-add{margin-top:var(--s-3);font-size:.875rem}.how-add-row{align-items:flex-start;gap:var(--s-3);display:flex}.how-add-row>.how-add{flex:auto;min-width:0}.add-count{margin:var(--s-3) 0 0;color:var(--muted);flex:none;font-size:.875rem}.how-add.disclosure>summary{min-height:0;margin-block:-12px;padding-block:12px}.how-add ol{gap:var(--s-2);margin:var(--s-1) 0 0;color:var(--ink-soft);padding-left:1.5em;display:grid}.how-add li::marker{color:var(--pen)}.how-add strong{color:var(--ink);font-weight:400}.entry__soon{gap:var(--s-2);padding:var(--s-4) var(--s-5);background:var(--pen-soft);color:var(--ink-soft);border-radius:16px;display:grid}.entry__soon p{margin:0}.entry__soon strong{color:var(--pen);font-weight:400}.entry__soon a{color:var(--pen);text-underline-offset:3px}.disclosure>summary{min-height:44px;color:var(--pen);cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}.disclosure>summary::-webkit-details-marker{display:none}.caret{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px;transition:rotate .2s}.disclosure[open]>summary .caret,.disclosure-btn[aria-expanded=true] .caret{rotate:180deg}.disclosure-btn{align-items:center;gap:6px;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:reduce){.caret{transition:none}}.entry__more>summary{min-height:40px}.entry__more[open]{gap:var(--s-3);display:grid}.entry__more p{margin:0}.entry__checked{align-items:center;gap:var(--s-2);color:var(--muted);margin:0;font-size:.9375rem;display:flex}.entry__checked-art{flex:none;width:24px;height:24px}.entry__checked-art .line-art{stroke-width:2.5px}.entry__standard{color:var(--ink);text-decoration:none}.entry__standard>span:not(.drawably-host){text-decoration:underline;-webkit-text-decoration-color:var(--pen);text-decoration-color:var(--pen);text-underline-offset:3px}.entry__text{gap:var(--s-3);max-width:65ch;display:grid}.entry__text p{margin:0}.entry h2,.doc h2{color:var(--pen);margin:0;font-size:1.375rem;line-height:1.2}.entry h2{margin-bottom:var(--s-2)}.entry__tracks-head{align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);display:flex;position:relative}.entry__tracks-head h2{margin:0}.checked-tip--start{position:static}.checked-tip--start .checked-tip__button{margin:-6px -10px -6px -6px}.checked-tip--start .checked-tip__card{max-width:min(300px,100%);top:calc(100% + 30px);left:0;right:auto}.tracks{counter-reset:track;margin:0;padding:0;list-style:none}.tracks li{counter-increment:track;column-gap:var(--s-3);min-height:56px;padding-block:var(--s-1);border-top:1px solid #2724d11f;grid-template-columns:1.75em minmax(0,1fr) auto auto;align-items:center;display:grid}.tracks li:last-child{border-bottom:1px solid #2724d11f}.tracks li:before{content:counter(track);color:var(--pen);font-variant-numeric:tabular-nums}.tracks__title{display:grid}.tracks__source{color:var(--muted);font-size:.8125rem}.tracks__time{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.875rem}.tracks__native{width:100%;max-width:320px;height:36px;margin-bottom:var(--s-2);grid-column:2/-1}.tracks li:has(.track-play) .tracks__native{display:none}.tracks[data-collapsed] li:nth-child(n+7){display:none}.tracks__more{margin-top:var(--s-2)}.track-play{border:1.5px solid var(--pen);background:var(--paper);width:44px;height:44px;color:var(--pen);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.track-play .play-icon{width:18px;height:18px}.track-play--on{background:var(--pen);color:var(--paper)}@media (hover:hover){.track-play:hover{background:var(--pen);color:var(--paper)}}.btn-yoto.drawably-host,.btn-listen.drawably-host,.btn-listen.drawably-host:hover{background:0 0;border:0}.btn-listen[data-on].drawably-host .drawably-outline{fill:color-mix(in srgb, var(--pen) 10%, transparent)}.btn-yoto.drawably-host:focus-visible,.btn-listen.drawably-host:focus-visible{outline:none}.btn-yoto,.btn-listen,.track-play{-webkit-tap-highlight-color:transparent}.btn-yoto:not(.drawably-host):active,.btn-listen:not(.drawably-host):active,.track-play:active{scale:.97}.btn-yoto,.btn-listen,.track-play{transition:scale .1s,background-color .2s,color .2s}@media (prefers-reduced-motion:reduce){.btn-yoto:active,.btn-listen:active,.track-play:active{scale:none}}.track-play--failed{width:auto;height:auto;color:var(--muted);cursor:default;border:0;font-size:.8125rem}.action-bar{z-index:5;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--gutter) calc(var(--s-2) + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--hairline);visibility:hidden;transition:translate .35s cubic-bezier(.22,1,.36,1),visibility 0s linear .35s;display:flex;position:fixed;bottom:0;left:0;right:0;translate:0 110%;box-shadow:0 -6px 18px #1e1c1c14}.action-bar--shown{visibility:visible;transition:translate .35s cubic-bezier(.22,1,.36,1),visibility;translate:0}.action-bar{gap:var(--s-2);padding-inline:var(--s-2)}.action-bar>*{flex:1 1 0;min-width:0}.action-bar .btn-yoto,.action-bar .btn-listen{min-height:48px;padding:var(--s-2) 4px}.action-bar .btn-listen__time{display:none}.action-bar .btn-solid a{flex:1;justify-content:center;min-height:48px}.action-bar .btn-buy{min-height:48px;padding:var(--s-2) 18px}.action-bar>.action-bar__price,.action-bar>.buy-form{flex:none}.action-bar__price{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}@media (min-width:720px){.action-bar{display:none}}@media (prefers-reduced-motion:reduce){.action-bar,.action-bar--shown{transition:none}}.stage{--card-w:128px;--card-h:calc(var(--card-w) * 1.6);--bleed:calc(var(--card-w) * .06);--top:calc(var(--card-w) * .153);--bottom:calc(var(--card-w) * .48);grid-template-columns:1fr var(--bleed) var(--card-w) var(--bleed) 1fr;grid-template-rows:var(--top) var(--bleed) var(--card-h) var(--bleed) var(--bottom);height:calc(var(--top) + 2 * var(--bleed) + var(--card-h) + var(--bottom));background:var(--stage);border-radius:20px;display:grid;position:relative;overflow:hidden}@media (max-width:719px){.stage{height:auto;padding:var(--s-6) 0 var(--s-7);justify-content:center;display:flex}.stage__card{width:clamp(120px,36vw,152px);rotate:-3deg;box-shadow:0 10px 24px #2724d11f,0 2px 4px #1e1c1c0f}.stage__player,.player-preview .player-preview__controls{display:none}}@media (min-width:720px){.stage{--card-w:176px}}@media (min-width:1100px){.stage{--card-w:200px}}.stage__card{border-radius:var(--radius);grid-area:3/3;transition:translate .6s ease-in-out,scale .6s ease-in-out,box-shadow .6s ease-in-out;box-shadow:0 1px 2px #1e1c1c0f,0 2px 22px #1e1c1c0d}.stage__card--in-player{animation:1s ease-in-out player-in;position:relative;translate:0 -8%;scale:.65;box-shadow:0 20px 51px #1e1c1c1a,0 12px 6px #1e1c1c1a}@keyframes player-in{0%{translate:0;scale:1}30%{translate:0 -50%;scale:.65}to{translate:0 -8%;scale:.65}}.stage__player{width:calc(var(--card-w) * 1.01);visibility:hidden;background:url(/yoto-mini-front.webp) 50%/contain no-repeat;height:70%;transition:top .6s ease-in-out,visibility 0s linear .6s;position:absolute;top:150%;left:50%;transform:translate(-50%,-50%)}.stage__player--visible{visibility:visible;transition:top .6s ease-in-out,visibility;top:50%}@media (prefers-reduced-motion:reduce){.stage__card,.stage__card--in-player,.stage__player,.stage__player--visible{transition:none;animation:none}}.player-preview__controls{min-height:44px;margin-top:var(--s-2);justify-content:center;display:flex}.player-toggle{align-items:center;gap:var(--s-2);min-height:44px;font-family:var(--font-pen);text-transform:lowercase;color:var(--muted);cursor:pointer;font-size:.8125rem;display:inline-flex}.player-toggle:hover{color:var(--pen)}.player-toggle:has(:checked){color:var(--pen)}.doc{gap:var(--s-7);align-items:start;display:grid}.doc__head h1{margin-bottom:var(--s-3)}.lede{color:var(--ink-soft);max-width:28em;margin:0;font-size:1.1875rem;line-height:1.5}.add-stage{--card-w:76px;--card-h:calc(var(--card-w) * 1.6);--player-w:calc(var(--card-w) * 1.7);--depth:calc(var(--card-h) * .42);--lift:calc(var(--card-h) * .5);--pad:var(--s-3);height:calc(var(--pad) + var(--player-w) - var(--depth) + var(--card-h) + var(--lift) + var(--s-5));margin:var(--s-5) 0;background:var(--stage);border-radius:20px;position:relative;overflow:hidden}@media (min-width:720px){.add-stage{--card-w:88px}}.add-stage__card{left:50%;bottom:calc(var(--pad) + var(--player-w) - var(--depth));width:var(--card-w);translate:-50% calc(var(--lift) * -1);border-radius:8px;transition:translate .6s ease-in-out,rotate .6s ease-in-out,box-shadow .6s ease-in-out;position:absolute;box-shadow:0 10px 24px #2724d11f,0 2px 4px #1e1c1c0f}.add-stage__card .cover{border-radius:8px;display:block}.add-stage[data-state=adding] .add-stage__card{animation:2.4s ease-in-out infinite add-hover}.add-stage[data-state=added] .add-stage__card{animation:.9s ease-in-out add-drop;translate:-50%;box-shadow:0 20px 51px #1e1c1c1a,0 12px 6px #1e1c1c1a}.add-stage[data-state=failed] .add-stage__card{rotate:-8deg}@keyframes add-hover{0%,to{translate:-50% calc(var(--lift) * -1)}50%{translate:-50% calc(var(--lift) * -1 - 6px)}}@keyframes add-drop{0%{translate:-50% calc(var(--lift) * -1)}35%{translate:-50% calc(var(--lift) * -1.2)}to{translate:-50%}}.add-stage__player{left:50%;bottom:var(--pad);width:var(--player-w);aspect-ratio:370/372;background:url(/yoto-mini-front.webp) 50%/contain no-repeat;position:absolute;translate:-50%}.add-status{gap:var(--s-3);display:grid}.add-status__art{width:1.4em;height:1.4em;margin-right:var(--s-2);vertical-align:-.3em}.add-status__art--busy{animation:1.6s linear infinite add-busy}@keyframes add-busy{to{rotate:360deg}}.add-status__note{max-width:28em;color:var(--muted);margin:0;font-size:.9375rem;line-height:1.7}.add-status__note strong{color:var(--ink-soft);font-weight:600}@media (prefers-reduced-motion:reduce){.add-stage__card,.add-stage[data-state] .add-stage__card,.add-status__art--busy{transition:none;animation:none}}.doc__note{margin:var(--s-4) 0 0;max-width:28em;color:var(--muted);overflow-wrap:anywhere;font-size:.9375rem;line-height:1.7}.doc__note a{color:var(--pen);text-underline-offset:3px}.doc__body{gap:var(--s-7);min-width:0;max-width:680px;display:grid}.doc__section{gap:var(--s-4);display:grid}.doc__section>*{margin:0}.doc__text{color:var(--ink-soft);max-width:65ch}.doc__text a{color:var(--pen);text-underline-offset:3px}.my-packs{gap:var(--s-5);margin:0;padding:0;list-style:none;display:grid}.my-packs__item{justify-content:space-between;align-items:center;gap:var(--s-3) var(--s-5);flex-wrap:wrap;display:flex}.my-packs__text{min-width:0;max-width:28em}.my-packs__title{margin:0;font-size:1.25rem}.my-packs__title a{color:var(--pen);text-underline-offset:3px}.my-packs__adds{margin:var(--s-1) 0 0;color:var(--muted);overflow-wrap:anywhere;font-size:.9375rem}.my-packs__wait{color:var(--ink-soft)}.my-packs__add{flex:0 260px;min-width:0}@media (min-width:900px){.doc{column-gap:var(--s-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.doc__head{top:var(--s-6);position:sticky}.doc--solo{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.panel{background:var(--pen-soft);padding:var(--s-5);border-radius:20px}@media (min-width:720px){.panel{padding:var(--s-6)}}.cta{margin-top:var(--s-5)}.rules{gap:var(--s-6);counter-reset:rule;margin:0;padding:0;list-style:none;display:grid}.rule{gap:var(--s-4);counter-increment:rule;grid-template-columns:52px minmax(0,1fr);align-items:start;display:grid}.rule__num{width:52px;height:52px;color:var(--pen);place-items:center;font-size:1.5rem;line-height:1;display:grid;position:relative}.rule__num:after{content:counter(rule)}.rule__ring{width:100%;height:100%;position:absolute;inset:0}.rule__ring .line-art{stroke-width:1.75px}.rule:nth-child(3n+1) .rule__ring{rotate:-10deg}.rule:nth-child(3n+2) .rule__ring{rotate:120deg}.rule:nth-child(3n) .rule__ring{rotate:230deg}.rule__title{color:var(--ink);margin:12px 0 var(--s-1);font-size:1.25rem;line-height:1.3}.rule__detail{color:var(--ink-soft);margin:0}.steps{gap:var(--s-4);margin:0;padding:0;list-style:none;display:grid}.steps li{gap:var(--s-3);grid-template-columns:44px minmax(0,1fr);align-items:center;display:grid}.steps__art{width:44px;height:44px}.steps__art .line-art{stroke-width:2.25px}.steps a{color:var(--pen);text-underline-offset:3px}.ticks{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.ticks li{gap:var(--s-3);color:var(--ink);grid-template-columns:28px minmax(0,1fr);align-items:center;display:grid}.ticks__art{width:28px;height:28px}.ticks__art .line-art{stroke-width:2.5px}.link-list{margin:0;padding:0;list-style:none;display:grid}.link-list li+li{border-top:1px solid #2724d11f}.link-list a{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) 0;color:var(--ink);text-decoration:none;display:flex}.link-list__text{gap:2px;display:grid}.link-list__title{font-size:1.0625rem}.link-list__detail{color:var(--muted);font-size:.9375rem}.link-list__arrow{color:var(--pen);font-size:1.25rem;transition:translate .2s cubic-bezier(.22,1,.36,1)}.link-list a:hover .link-list__title{color:var(--pen)}.link-list a:hover .link-list__arrow{translate:4px}@media (prefers-reduced-motion:reduce){.link-list__arrow{transition:none}}.board{gap:var(--s-4);min-width:0;display:grid;container-type:inline-size}.board__tabs{gap:0 var(--s-2);border-bottom:1px solid var(--hairline);flex-wrap:wrap;display:flex}.board__tab{min-height:44px;padding:0 var(--s-2);color:var(--muted);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;font-size:.9375rem;text-decoration:none;display:inline-flex}.board__tab:hover{color:var(--pen)}.board__tab[aria-current=page]{color:var(--pen);border-bottom-color:var(--pen)}.board__filters{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}@container (min-width:42rem){.board__filters{grid-template-columns:repeat(4,minmax(0,1fr))}}.board__filter{gap:var(--s-1);min-width:0;color:var(--ink);font-size:.9375rem;display:grid}.board__filter select,.board__filter input{width:100%;min-height:44px;color:var(--ink);background:var(--paper);border:1.5px solid var(--pen);border-radius:10px;padding:8px 12px}.board__filter--search{grid-column:1/-1}:is(.board__filter,.suggest-form__field) select{appearance:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-image:url(/select-chevron.svg);background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:40px;transition:background-color .15s;overflow:hidden}:is(.board__filter,.suggest-form__field) select:hover{background-color:var(--pen-soft)}@media (prefers-reduced-motion:reduce){:is(.board__filter,.suggest-form__field) select{transition:none}}@media (forced-colors:active){:is(.board__filter,.suggest-form__field) select{appearance:auto;background-image:none;padding-right:12px}}.board__show{grid-column:1/-1;justify-self:start}.board__list{margin:0;padding:0;list-style:none;display:grid}.board__item{gap:var(--s-3);padding:var(--s-4) 0;border-top:1px solid #2724d11f;grid-template-columns:52px minmax(0,1fr);align-items:start;display:grid}.board__vote-form{margin:0}.board__vote{width:52px;min-height:52px;padding:var(--s-1) 0;font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;border:1.5px solid #2724d14d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;line-height:1.2;transition:background-color .15s,border-color .15s;display:flex}.board__vote:hover{border-color:var(--pen)}.board__vote:focus-visible{outline:3px solid var(--pen);outline-offset:2px}.board__vote[aria-pressed=true]{background:var(--pen-soft);border-color:var(--pen)}.board__vote:disabled{cursor:progress;opacity:.6}.board__vote--frozen{color:var(--ink-soft);background:var(--stage);cursor:default;border-color:#0000}.board__arrow{color:var(--pen);font-size:.8125rem}.board__count{font-variant-numeric:tabular-nums}.board__body{min-width:0}.board__body>p{overflow-wrap:anywhere;margin:0}.board__title{color:var(--ink);font-size:1.0625rem;line-height:1.4}.board__body>.board__desc{margin-top:var(--s-1);color:var(--ink-soft);font-size:.9375rem}.board__body>.board__meta{color:var(--muted);margin-top:2px;font-size:.875rem}.board__meta a,.board__note a{color:var(--pen);text-underline-offset:3px}.board__body>.board__tags{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.board__tag,.board__state{border-radius:999px;padding:2px 10px;font-size:.8125rem;line-height:1.5}.board__tag{background:var(--pen-soft);color:var(--ink)}.board__state--open{background:var(--stage);color:var(--ink-soft)}.board__state--checking{background:color-mix(in srgb, var(--wait) 12%, var(--paper));color:var(--wait)}.board__state--listed{background:color-mix(in srgb, var(--success) 12%, var(--paper));color:color-mix(in srgb, var(--success) 80%, #000)}.board__state--didnt_pass{background:color-mix(in srgb, var(--error) 12%, var(--paper));color:color-mix(in srgb, var(--error) 80%, #000)}.board__body>.board__note{margin-top:var(--s-2);color:var(--ink-soft);font-size:.9375rem}.board__empty{color:var(--ink-soft);margin:0}.board__blocked,.suggest-form__blocked{padding:var(--s-3);color:var(--ink);background:color-mix(in srgb, var(--pen) 6%, var(--paper));border-radius:10px;margin:0}.board__empty a{color:var(--pen);text-underline-offset:3px}.mine__list{margin:0;padding:0;list-style:none;display:grid}.mine__item{padding:var(--s-3) 0;border-top:1px solid #2724d11f;min-width:0}.mine__item>p{overflow-wrap:anywhere;margin:0}.mine__title{color:var(--ink);font-size:1.0625rem;line-height:1.4}.mine__title a{color:var(--pen);text-underline-offset:3px}.mine__item>.mine__tags{align-items:center;gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.mine__votes{color:var(--muted);font-size:.875rem}.mine__item>.mine__note{margin-top:var(--s-2);color:var(--ink-soft);font-size:.9375rem}.mine__note a{color:var(--pen);text-underline-offset:3px}@media (prefers-reduced-motion:reduce){.board__vote{transition:none}}@media (forced-colors:active){.board__vote[aria-pressed=true]{border-width:3px}}.suggest-form{gap:var(--s-4);min-width:0;max-width:34em;display:grid}.suggest-form__field{gap:var(--s-1);min-width:0;color:var(--ink);display:grid}.suggest-form__field input,.suggest-form__field select,.suggest-form__field textarea{width:100%;min-height:48px;font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--pen);border-radius:10px;padding:10px 14px}.suggest-form__field textarea{resize:vertical}.suggest-form__field [aria-invalid=true]{border-color:var(--error)}.suggest-form__hint{color:var(--muted);font-size:.875rem}.suggest-form fieldset{border:0;min-width:0;margin:0;padding:0}.suggest-form legend{margin-bottom:var(--s-2);color:var(--ink);padding:0}.suggest-form__kind{gap:var(--s-2);display:grid}.suggest-form__kind label{align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-3);cursor:pointer;border:1.5px solid #2724d14d;border-radius:10px;display:flex}.suggest-form__kind label:has(input:checked){background:var(--pen-soft);border-color:var(--pen)}.suggest-form__kind label:has(input:focus-visible){outline:3px solid var(--pen);outline-offset:2px}.suggest-form:has(input[name=kind][value=make]:checked) .suggest-form__list{display:none}.suggest-form:has(input[name=kind][value=list]:checked) .suggest-form__make{display:none}.suggest-form__who{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.suggest-form__who legend{grid-column:1/-1}.suggest-form__errors{padding:var(--s-3);color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--paper));border-radius:10px}.suggest-form__errors p,.suggest-form__errors ul{margin:0}.suggest-form__errors ul{padding-left:1.25em}.suggest-form__privacy{color:var(--muted);margin:0;font-size:.9375rem}.suggest-form .form__error{font-size:.9375rem}@media (max-width:479px){.suggest-form__who{grid-template-columns:1fr}}.form{gap:var(--s-4);max-width:24em;display:grid}.form>p{margin:0}.form__field{gap:var(--s-1);color:var(--ink);display:grid}.form__field input{width:100%;min-height:48px;color:var(--ink);background:var(--paper);border:1.5px solid var(--pen);border-radius:10px;padding:10px 14px}.form__code{letter-spacing:.25em}.form__actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.form__button{min-height:48px;color:var(--paper);background:var(--pen);border:1.5px solid var(--pen);cursor:pointer;border-radius:10px;padding:0 24px;font-weight:700}.form__button--quiet{color:var(--pen);background:var(--paper)}.form__button:disabled{opacity:.6;cursor:default}.form__error{color:var(--error);margin:0}@media (forced-colors:active){.form__button{border-color:buttontext}}.badges{gap:var(--s-3);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.badges a{border-radius:12px;display:block}.badges img{max-width:100%;height:auto;display:block}