@font-face{font-display:swap;font-family:SN Pro;font-style:normal;font-weight:200 900;src:url(/-/SNPro-VariableFont_wght-1633f52a98.woff2)format("woff2")}@font-face{font-display:swap;font-family:SN Pro;font-style:italic;font-weight:200 900;src:url(/-/SNPro-Italic-VariableFont_wght-d852b930a1.woff2)format("woff2")}@font-face{font-display:swap;font-family:Shantell Sans;font-weight:300 800;src:url(/-/ShantellSans-Variable-9bd8e3f8f4.woff2)format("woff2")}@font-face{font-display:swap;font-family:Chango;font-style:normal;font-weight:400;src:url(/-/Chango-napkin-b600f54925.woff2)format("woff2")}:root{color-scheme:light dark;--lh:2.4rem;--editor-fs:1.5rem;--bg:#fcfcfc;--fg:#202020;--muted:#646464;--line-number:#bbb;--accent:#0090ff;--muted-soft:#838383;--menu-bg:#3e63dd;--menu-mark:#f3d673;--menu-fg:#fff;--menu-fg-dim:#ffffffe6;--menu-line:#fffc;--menu-rule:#fff6;--menu-btn:#0006;--menu-btn-hover:#00000080;--shadow:#00000026;--border:#d9d9d9;--border-strong:#cecece;--tint-bg:#f0f0f0;--surface-2:#f9f9f9;--surface-2-border:#e8e8e8;--pill-bg:#d5efff;--result-number:#0d74ce;--result-money:#8145b5;--result-unit:#ab6400;--result-date:#107d98;--result-percent:#3a5bc7;--variable:#9e6c00;--subtotal-rule:#8d8d8d;--note-bg:#fffab8;--note-border:#f3d768;--note-fg:#473b1f;--confirm-bg:#e54d2e;--confirm-fg:#fff;--confirm-btn:#0006;--confirm-btn-hover:#00000080;--confirm-btn-quiet:#00000026;--confirm-btn-quiet-hover:#0000004d}@media (prefers-color-scheme:dark){:root{--bg:#111;--fg:#eee;--muted:#b4b4b4;--line-number:#606060;--muted-soft:#7b7b7b;--shadow:#00000080;--border:#3a3a3a;--border-strong:#484848;--tint-bg:#222;--surface-2:#191919;--surface-2-border:#2a2a2a;--menu-mark:#ffca16;--pill-bg:#003362;--result-number:#70b8ff;--result-money:#d19dff;--result-unit:#ffca16;--result-date:#4ccce6;--result-percent:#9eb1ff;--variable:#f5e147;--subtotal-rule:#6e6e6e;--note-bg:#2d2305;--note-border:#524202;--note-fg:#f6eeb4}}@supports (color:light-dark(#000, #fff)){:root{--bg:var(--gray-1);--fg:var(--gray-12);--muted:var(--gray-11);--line-number:var(--gray-8);--muted-soft:var(--gray-10);--accent:var(--blue-9);--menu-bg:var(--indigo-9);--menu-fg:var(--white);--menu-fg-dim:var(--white-a11);--menu-line:var(--white-a10);--menu-rule:var(--white-a6);--menu-btn:var(--black-a6);--menu-btn-hover:var(--black-a7);--shadow:var(--black-a3);--border:var(--gray-6);--border-strong:var(--gray-7);--tint-bg:var(--gray-3);--surface-2:var(--gray-2);--surface-2-border:var(--gray-4);--pill-bg:var(--blue-4);--result-number:var(--blue-11);--result-money:var(--purple-11);--result-unit:var(--amber-11);--result-date:var(--cyan-11);--result-percent:var(--indigo-11);--variable:var(--yellow-11);--subtotal-rule:var(--gray-9);--note-bg:var(--yellow-3);--note-border:var(--yellow-6);--note-fg:var(--yellow-12);--confirm-bg:var(--tomato-9);--confirm-fg:var(--white);--confirm-btn:var(--black-a6);--confirm-btn-hover:var(--black-a7);--confirm-btn-quiet:var(--black-a3);--confirm-btn-quiet-hover:var(--black-a5)}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:SN Pro,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;font-weight:450}.icon{flex:none;width:1rem;height:1rem}body{overscroll-behavior:none;flex-direction:column;height:100dvh;display:flex}#status{color:var(--note-fg);pointer-events:none;font-size:.875rem}#status:not(:empty){border:1px solid var(--note-border);background:var(--note-bg);box-shadow:2px 2px 0 var(--shadow);border-radius:4px;padding:.3rem .7rem}body.dropping:after{content:"";z-index:30;pointer-events:none;border:2px dashed var(--accent);border-radius:6px;position:fixed;inset:.25rem}button{color:var(--fg);border:1px solid var(--border-strong);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:.1rem .5rem}button:hover{border-color:var(--accent)}#chrome{top:calc(.4rem + env(safe-area-inset-top,0px));z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}#menu{pointer-events:auto;font-size:.85rem;position:relative}#menu>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.1rem;padding:.3rem;list-style:none;display:flex}#menu>summary svg{display:block}#menu[open]>summary{background:var(--tint-bg);border-radius:8px}#menu[open]>summary .chevron{transform:rotate(180deg)}#menu>summary .mark{stroke:var(--indigo-10)}#menu>summary .wordmark{color:var(--fg);letter-spacing:-.05em;margin:0 .3rem 0 0;font-family:Chango,system-ui,sans-serif;font-size:1.5rem;line-height:1;transform:translateY(-.08em)}#menu>summary .chevron path{fill:var(--fg);stroke:var(--fg);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}#menu>summary::-webkit-details-marker{display:none}#menu .panel{z-index:10;background:var(--menu-bg);min-width:16rem;max-height:calc(100dvh - 4rem);color:var(--menu-fg);box-shadow:4px 4px 0 var(--shadow);transform-origin:top;border:none;border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;font-size:1rem;display:flex;position:absolute;top:calc(100% + .4rem);left:50%;overflow:auto;transform:translate(-50%)}@keyframes menu-pop{0%{opacity:0;transform:translate(-50%)translateY(-.4rem)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}#menu[open] .panel{animation:.15s cubic-bezier(.16,1,.3,1) menu-pop}#menu>summary .chevron{transition:transform .15s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){#menu[open] .panel{animation:none}#menu>summary .chevron{transition:none}}#menu .panel button{color:var(--menu-fg);background:var(--menu-btn);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .9rem;display:flex}#menu .panel button .icon{color:var(--white-a10)}#menu .panel button:hover{background:var(--menu-btn-hover)}#menu .panel button:disabled{cursor:not-allowed;color:var(--menu-fg-dim);opacity:.55}#menu .panel button:disabled:hover{background:var(--menu-btn)}#menu .panel .hint{color:var(--menu-fg-dim);margin:0;font-size:.8125rem}#menu .panel section{flex-direction:column;gap:.5rem;display:flex}#menu .panel h3{text-transform:uppercase;letter-spacing:.08em;color:var(--menu-fg-dim);margin:0;font-size:.75rem;font-weight:600}#menu .panel label{justify-content:space-between;align-items:center;gap:1rem;display:flex}#menu .panel footer{border-top:1px solid var(--menu-rule);color:var(--menu-fg-dim);flex-direction:column;gap:.25rem;padding-top:.75rem;font-size:.875rem;display:flex}#menu .panel footer a{color:inherit}#menu .panel footer a:hover{color:var(--menu-fg)}#menu .panel footer button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;margin:0;padding:0;text-decoration:underline;display:inline}#menu .panel footer button:hover{color:var(--menu-fg);background:0 0}#menu .panel footer .attribution{font-size:11px;text-decoration:none}#menu .panel footer .attribution:hover{text-decoration:underline}#confirm-open{background:var(--confirm-bg);max-width:24rem;color:var(--confirm-fg);box-shadow:4px 4px 0 var(--shadow);border:none;border-radius:8px;padding:1.25rem 1.5rem}#confirm-open::backdrop{background:#0006}#confirm-open h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}#confirm-open p{margin:0 0 1rem;font-size:1rem;line-height:1.5}#confirm-open .row{justify-content:flex-end;gap:.5rem;display:flex}#confirm-open button{color:var(--confirm-fg);background:var(--confirm-btn);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .9rem;display:flex}#confirm-open button:hover{background:var(--confirm-btn-hover)}#confirm-open button.quiet{background:var(--confirm-btn-quiet)}#confirm-open button.quiet:hover{background:var(--confirm-btn-quiet-hover)}#guide-dialog{background:var(--bg);width:min(52rem,100vw);max-width:none;height:min(90vh,100dvh);max-height:none;color:var(--fg);border:1px solid var(--border-strong);border-radius:12px;padding:0;overflow:hidden}#guide-dialog::backdrop{background:#0006}.guide-scroll{height:100%;padding:2.5rem clamp(1.25rem,5vw,3rem) 3rem;overflow:auto}.guide-title{letter-spacing:-.01em;margin:0;font-size:1.6rem;font-weight:700}.guide-intro{max-width:34rem;color:var(--muted);margin:.4rem 0 2rem;font-size:1rem;line-height:1.5}.guide-close{z-index:2;background:var(--tint-bg);width:2rem;height:2rem;color:var(--muted);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:.85rem;right:.85rem}.guide-close:hover{color:var(--fg);background:var(--border)}#guide-body{flex-direction:column;gap:2.25rem;display:flex}.guide-section{max-width:42rem}.guide-section h2{margin:0 0 .25rem;font-size:1.15rem;font-weight:650}.guide-blurb{color:var(--muted);margin:0 0 .85rem;font-size:.95rem;line-height:1.5}.guide-examples{background:var(--surface-2);border:1px solid var(--surface-2-border);border-radius:8px;flex-direction:column;padding:.35rem .4rem;display:flex}.guide-ex{justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.4rem .5rem;display:flex}.guide-in{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.05rem}.guide-out{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}#scroll{flex:1;overflow:auto}#sheet{align-items:flex-start;min-height:100%;display:flex;position:relative}#editor,#results .row{font:inherit;font-size:var(--editor-fs);line-height:var(--lh)}#editor{white-space:pre-wrap;overflow-wrap:break-word;min-width:0;padding:calc(3.9rem + env(safe-area-inset-top,0px)) .25rem .75rem .5rem;color:var(--fg);caret-color:var(--accent);counter-reset:line;outline:none;flex:1}#editor .ln{min-height:var(--lh);counter-increment:line;contain:layout paint;content-visibility:auto;contain-intrinsic-block-size:auto var(--lh);padding-left:2.75rem;position:relative}#results .row{contain:layout paint;content-visibility:auto;contain-intrinsic-block-size:auto var(--lh)}#editor .ln:before{content:counter(line);text-align:right;width:1.75rem;color:var(--line-number);font-size:.7rem;font-weight:600;line-height:var(--lh);transform:translateY(calc((var(--editor-fs) - .7rem) * .35 - 1px));font-variant-numeric:tabular-nums;user-select:none;pointer-events:none;position:absolute;top:0;left:0}#editor .ln.current:before{color:var(--muted)}@supports (background:-webkit-named-image(apple-pay-logo-black)){#editor .ln,#results .row{content-visibility:visible}}:is(#editor,#guide-dialog) .tk-number{color:var(--result-number)}:is(#editor,#guide-dialog) .tk-money{color:var(--result-money)}:is(#editor,#guide-dialog) .tk-unit{color:var(--result-unit)}:is(#editor,#guide-dialog) .tk-date{color:var(--result-date)}:is(#editor,#guide-dialog) .tk-percent{color:var(--result-percent)}:is(#editor,#guide-dialog) .tk-keyword{color:var(--muted)}:is(#editor,#guide-dialog) .tk-operator{color:var(--fg)}:is(#editor,#guide-dialog) .tk-variable{color:var(--variable)}:is(#editor,#guide-dialog) .tk-hash{color:var(--muted-soft)}:is(#editor,#guide-dialog) .tk-heading{font-weight:600}:is(#editor,#guide-dialog) .tk-slashes{color:var(--muted-soft)}:is(#editor,#guide-dialog) .tk-comment{color:var(--muted)}:is(#editor,#guide-dialog) .tk-ref{color:var(--accent);background:var(--tint-bg);border-radius:.3em}:is(#editor,#guide-dialog) .pill{background:var(--pill-bg);white-space:nowrap;cursor:default;color:var(--fg);border-radius:.2em;margin:0 1px;padding:0 .25em}#results{width:15rem;padding:calc(3.9rem + env(safe-area-inset-top,0px)) 1rem 0 .75rem;text-align:left;user-select:none;flex:none;align-self:stretch}#results .row{height:var(--lh);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;color:var(--fg);transition:opacity .15s;position:relative;overflow:hidden}#results .row:hover{opacity:.7}#results .row.copied{opacity:.3}#results .row.hot{background:var(--pill-bg);border-radius:.2em}#results .row:has(+.row.subtotal){margin-left:-16px;padding-left:16px}#results .row:has(+.row.subtotal):after{content:"";background:var(--subtotal-rule);height:8px;position:absolute;bottom:0;left:0;right:.2em;mask-position:0 3px;mask-size:100% 100%;mask-repeat:no-repeat}#results .row.subtotal{font-family:Shantell Sans,SN Pro,system-ui,sans-serif;font-weight:700}#results .row:has(+.row.subtotal):nth-of-type(8n+1):after{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2097%205%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22m1.57049%203.6485c6.08788.0777%2012.17041.0757%2018.25701.10226%203.1004.01329%206.1948-.09628%209.2958-.03253%203.0274.06242%206.054.1255%209.0814.15206%2012.0927.10691%2024.2114.41502%2036.3021.10027%206.8708-.17863%2013.7389-.51396%2020.5938-1.02195%201.5206-.11289%201.5764-2.502086.0418-2.388536-12.118.899766-24.2878%201.226476-36.435%201.443616-6.052.10823-12.1067.11023-18.158-.002-6.0514-.11222-12.1399.02789-18.1959-.3008-6.9007-.37452-13.83188-.35327-20.74117-.44092-1.5365817-.01926-1.5817363%202.36861-.04184%202.38853z%22%2F%3E%3C%2Fsvg%3E)}#results .row:has(+.row.subtotal):nth-of-type(8n+2):after{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-1%2067%205%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22m1.41816%202.91159c8.24625.12733%2016.50114.12066%2024.74804.09466%208.2456-.026%2016.4992.018%2024.7421-.15399%204.6498-.09666%209.2975-.23199%2013.9453-.39398%201.5386-.054%201.5899-2.45587249.042-2.4012086-8.2463.2933186-16.4978.4433106-24.7421.7712936-8.2442.327985-16.5091.172655-24.7474.115328-4.6511-.031999-9.29884-.170658-13.94861-.26932-1.4392556-.030665-1.4805868%202.215217-.03933%202.237217z%22%2F%3E%3C%2Fsvg%3E)}#results .row:has(+.row.subtotal):nth-of-type(8n+3):after{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-1%2080%205%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22m1.42249%203.35279c4.98974-.02267%209.99211.05466%2014.97791-.13933%204.9857-.19399%209.9901-.37064%2014.9779-.36131%204.9877.00933%209.9848.25799%2014.9779.27732%204.8817.01866%209.7635-.024%2014.6452-.04467%205.6584-.024%2011.3168-.03733%2016.9752-.07666%201.6005-.01133%201.6039-2.491206%200-2.487873-9.9842.019332-19.9724.026667-29.9558.141327-4.9938.057331-9.9842.300651-14.9779.394646-4.8758.092-9.7702-.00667-14.6453-.134659-5.6584-.147993-11.31474-.089329-16.97511-.064664-1.605922.006666-1.609255%202.503203%200%202.495873z%22%2F%3E%3C%2Fsvg%3E)}#results .row:has(+.row.subtotal):nth-of-type(8n+4):after{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-1%2078%205%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22m1.42651%203.68881c1.21994-.016%202.43188.09133%203.64982.09799%201.2706.00734%202.54586-.05%203.8158-.08266%202.43657-.062%204.87377-.06399%207.30027-.28665%204.9038-.44998%209.8495-.39131%2014.7693-.45664%204.8684-.064%209.7361-.09067%2014.6045-.07001%202.4339.01%204.8698-.00799%207.3023.08401%202.4326.09199%204.8618.26598%207.3023.29797%205.5318.07333%2011.0635.16067%2016.5945.28133%201.6066.03533%201.6066-2.46188%200-2.49587-4.9224-.104665-9.8455-.191328-14.7686-.229992-4.923-.038665-9.8428.210652-14.7705.222652-4.8684.012-9.7369.04866-14.6046.08266-4.8678.034-9.7395.22-14.6033.09734-1.3279-.03334-2.6545-.166-3.9824-.144-1.438.024-2.8759.06867-4.31381.10667-1.32727.03466-2.6552.07065-3.9818.12132-1.44259.05533-2.87118.27532-4.31311.34665-1.295267.06399-1.313267%202.04456-.00067%202.02723z%22%2F%3E%3C%2Fsvg%3E)}#results .row:has(+.row.subtotal):nth-of-type(8n+5):after{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2097%205%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22m1.57049%203.6485c6.08788.0777%2012.17041.0757%2018.25701.10226%203.1004.01329%206.1948-.09628%209.2958-.03253%203.0274.06242%206.054.1255%209.0814.15206%2012.0927.10691%2024.2114.41502%2036.3021.10027%206.8708-.17863%2013.7389-.51396%2020.5938-1.02195%201.5206-.11289%201.5764-2.502086.0418-2.388536-12.118.899766-24.2878%201.226476-36.435%201.443616-6.052.10823-12.1067.11023-18.158-.002-6.0514-.11222-12.1399.02789-18.1959-.3008-6.9007-.37452-13.83188-.35327-20.74117-.44092-1.5365817-.01926-1.5817363%202.36861-.04184%202.38853z%22%2F%3E%3C%2Fsvg%3E)}#results .row:has(+.row.subtotal):nth-of-type(8n+6):after{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-1%2067%205%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22m1.41816%202.91159c8.24625.12733%2016.50114.12066%2024.74804.09466%208.2456-.026%2016.4992.018%2024.7421-.15399%204.6498-.09666%209.2975-.23199%2013.9453-.39398%201.5386-.054%201.5899-2.45587249.042-2.4012086-8.2463.2933186-16.4978.4433106-24.7421.7712936-8.2442.327985-16.5091.172655-24.7474.115328-4.6511-.031999-9.29884-.170658-13.94861-.26932-1.4392556-.030665-1.4805868%202.215217-.03933%202.237217z%22%2F%3E%3C%2Fsvg%3E)}#results .row:has(+.row.subtotal):nth-of-type(8n+7):after{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-1%2080%205%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22m1.42249%203.35279c4.98974-.02267%209.99211.05466%2014.97791-.13933%204.9857-.19399%209.9901-.37064%2014.9779-.36131%204.9877.00933%209.9848.25799%2014.9779.27732%204.8817.01866%209.7635-.024%2014.6452-.04467%205.6584-.024%2011.3168-.03733%2016.9752-.07666%201.6005-.01133%201.6039-2.491206%200-2.487873-9.9842.019332-19.9724.026667-29.9558.141327-4.9938.057331-9.9842.300651-14.9779.394646-4.8758.092-9.7702-.00667-14.6453-.134659-5.6584-.147993-11.31474-.089329-16.97511-.064664-1.605922.006666-1.609255%202.503203%200%202.495873z%22%2F%3E%3C%2Fsvg%3E)}#results .row:has(+.row.subtotal):nth-of-type(8n+8):after{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-1%2078%205%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22m1.42651%203.68881c1.21994-.016%202.43188.09133%203.64982.09799%201.2706.00734%202.54586-.05%203.8158-.08266%202.43657-.062%204.87377-.06399%207.30027-.28665%204.9038-.44998%209.8495-.39131%2014.7693-.45664%204.8684-.064%209.7361-.09067%2014.6045-.07001%202.4339.01%204.8698-.00799%207.3023.08401%202.4326.09199%204.8618.26598%207.3023.29797%205.5318.07333%2011.0635.16067%2016.5945.28133%201.6066.03533%201.6066-2.46188%200-2.49587-4.9224-.104665-9.8455-.191328-14.7686-.229992-4.923-.038665-9.8428.210652-14.7705.222652-4.8684.012-9.7369.04866-14.6046.08266-4.8678.034-9.7395.22-14.6033.09734-1.3279-.03334-2.6545-.166-3.9824-.144-1.438.024-2.8759.06867-4.31381.10667-1.32727.03466-2.6552.07065-3.9818.12132-1.44259.05533-2.87118.27532-4.31311.34665-1.295267.06399-1.313267%202.04456-.00067%202.02723z%22%2F%3E%3C%2Fsvg%3E)}#welcome{z-index:1;pointer-events:none;text-align:center;color:var(--muted-soft);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;padding:4rem 1.5rem 3rem;transition:opacity .3s,visibility 0s linear .3s;display:flex;position:absolute;inset:0}body.napkin-empty #welcome{opacity:1;visibility:visible;transition:opacity .3s,visibility}body.napkin-empty.keyboard-up #welcome{opacity:0;visibility:hidden}.w-menu-hint{align-items:flex-start;gap:.5rem;display:flex;position:absolute;top:3.1rem;left:50%;transform:translate(-2.5rem)}.w-arrow{width:66px;height:50px;color:var(--muted-soft);flex:none}.w-label{font-variation-settings:"wght" 680, "INFM" 90, "BNCE" 45;color:var(--muted-soft);white-space:nowrap;align-self:flex-end;font-family:Shantell Sans,SN Pro,system-ui,sans-serif;font-size:1rem;line-height:1.2;transform:translateY(.3rem)rotate(-3deg)}.w-center{flex-direction:column;align-items:center;gap:1.6rem;max-width:30rem;display:flex}.w-tagline{font-variation-settings:"wght" 700, "INFM" 78, "BNCE" 22;color:var(--muted);margin:0;font-family:Shantell Sans,SN Pro,system-ui,sans-serif;font-size:1.5rem;transform:rotate(1.25deg)}.w-actions{pointer-events:auto;justify-content:center;display:flex}.w-actions button{font:inherit;color:var(--white);background:var(--indigo-9);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:1rem;font-weight:500;transition:box-shadow .15s;display:inline-flex}.w-actions button:hover{box-shadow:inset 0 0 0 100px var(--black-a4)}.w-actions button:focus-visible{outline:2px solid var(--indigo-8);outline-offset:2px}.w-examples-group{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;width:22rem;max-width:100%;display:flex}.w-examples-group:hover .w-in,.w-examples-group:hover .w-out{color:var(--muted)}.w-examples-title{font-variation-settings:"wght" 800, "INFM" 55, "BNCE" 8;color:var(--muted);align-self:flex-start;margin-bottom:.6rem;padding-bottom:.2rem;font-family:Shantell Sans,SN Pro,system-ui,sans-serif;font-size:1.15rem;position:relative;transform:rotate(-13deg)translate(-2rem,.125rem)}.w-examples-title:after{content:"";background:var(--indigo-9);height:6px;position:absolute;bottom:0;left:-.1em;right:-.1em;mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2097%205%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22m1.57049%203.6485c6.08788.0777%2012.17041.0757%2018.25701.10226%203.1004.01329%206.1948-.09628%209.2958-.03253%203.0274.06242%206.054.1255%209.0814.15206%2012.0927.10691%2024.2114.41502%2036.3021.10027%206.8708-.17863%2013.7389-.51396%2020.5938-1.02195%201.5206-.11289%201.5764-2.502086.0418-2.388536-12.118.899766-24.2878%201.226476-36.435%201.443616-6.052.10823-12.1067.11023-18.158-.002-6.0514-.11222-12.1399.02789-18.1959-.3008-6.9007-.37452-13.83188-.35327-20.74117-.44092-1.5365817-.01926-1.5817363%202.36861-.04184%202.38853z%22%2F%3E%3C%2Fsvg%3E);mask-size:100% 100%;mask-repeat:no-repeat}.w-examples{flex-direction:column;gap:.5rem;width:100%;font-size:1.1rem;display:flex}.w-ex{justify-content:space-between;gap:2rem;display:flex}.w-in{color:var(--muted-soft);transition:color .15s}.w-out{color:var(--muted-soft);font-variant-numeric:tabular-nums;transition:color .15s}@media (height<=480px){.w-menu-hint{display:none}}@media (width<=600px){:root{--lh:2rem;--editor-fs:1.25rem}.w-menu-hint{display:none}.w-examples-title{transform:none}#editor{padding-left:.25rem}#editor .ln{padding-left:2.25rem}#editor .ln:before{width:1.5rem}#results{width:auto;min-width:7ch;max-width:34vw;padding:calc(3.9rem + env(safe-area-inset-top,0px)) .5rem 0;padding-right:max(.5rem, env(safe-area-inset-right,0px))}#results .row{text-overflow:ellipsis;overflow:hidden}}@media (pointer:coarse){:root{--lh:2rem}#editor .pill{padding:.25em .5em}#menu>summary{min-width:2.25rem;min-height:2.25rem}#menu .panel button,#confirm-open button{min-height:2.25rem}}