:root{--paper:#f3eee2;--paper-2:#f7f3ea;--ink:#1d1b19;--ink-soft:#1d1b19a3;--ink-faint:#1d1b191f;--glass:#f6f1e6bd;--seal:#b3261e;--line:#1d1b1924;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Noto Serif CJK JP", Georgia, serif;--mincho:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Noto Serif CJK JP", "Songti SC", serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body{background:var(--paper);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--serif);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#paper{width:100vw;height:100vh;touch-action:none;cursor:crosshair;outline:none;height:100dvh;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}.sheet.open,.intro{pointer-events:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline-offset:3px;outline:2px solid #1d1b19b3}body.night :focus-visible{outline-color:#f3eee2cc}body.dark{--paper:#17161b;--paper-2:#1e1d22;--ink:#ece6d8;--ink-soft:#ece6d8a8;--ink-faint:#ece6d824;--glass:#1a191ecc;--line:#ece6d829}body.dark .bar .btn.toggle.on,body.dark .bar .btn[aria-pressed=true]{color:#1d1b19}body.dark .bar .btn.dark-toggle[aria-pressed=true]{color:#f3eee2;background:#f3eee224;border-color:#f3eee257}body.dark .bar .btn.dark-toggle[aria-pressed=true] .cap{color:#f3eee2}body.dark .seal-layer canvas.pressed,body.dark .seal-choice canvas{mix-blend-mode:normal}body.dark .demo-svg .hz{stroke:#ece6d84d}body.dark .demo-svg .ctx{stroke:#ece6d861}body.dark .demo-svg .gp{stroke:#ece6d8}body.dark .demo-svg .pool{fill:#ece6d880}body.dark .demo .tip{box-shadow:0 0 0 1px #ece6d833}.btn.dark-toggle .ic .moon{fill:currentColor;fill-opacity:0;transition:fill .3s,fill-opacity .3s}.btn.dark-toggle[aria-pressed=true] .ic .moon{fill-opacity:1}.bar{padding-left:calc(10px + var(--safe-l));padding-right:calc(10px + var(--safe-r));pointer-events:none;transition:opacity .5s var(--ease);justify-content:space-between;align-items:center;gap:6px;display:flex;position:fixed;left:0;right:0}.bar>*{pointer-events:auto}.bar.top{padding-top:calc(8px + var(--safe-t));top:0}.bar.bottom{padding-bottom:calc(10px + var(--safe-b));justify-content:center;gap:8px;bottom:0}.grp{align-items:center;gap:4px;display:flex}.sep{background:var(--line);width:1px;height:34px;margin:0 2px;pointer-events:none!important}body.painting .bar,body.replaying .bar.bottom{opacity:.28}body.painting .bar *,body.replaying .bar.bottom *{pointer-events:none}.btn{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;min-width:44px;min-height:44px;transition:transform .15s var(--ease), background .2s, opacity .2s;touch-action:manipulation;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:5px 4px 4px;display:inline-flex}.btn .ic{width:24px;height:24px;display:block}.btn .ic svg{width:100%;height:100%;display:block}.btn .cap{letter-spacing:.01em;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:62px;font-size:10.5px;line-height:1.1;overflow:hidden}.btn.big{border-radius:16px;width:56px;min-height:58px}.btn.big .ic{width:26px;height:26px}.btn:active{transform:scale(.94)}.btn:disabled{opacity:.32;cursor:default}.btn[hidden]{display:none}body.idle .bar{opacity:.42}body.idle .bar:hover,body.idle .bar:focus-within{opacity:1}.btn.toggle.on,.btn[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.toggle.on .cap,.btn[aria-pressed=true] .cap{color:#f3eee2cc}.bar .btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.bar .btn .ic{filter:drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 5px var(--paper))}.bar .btn .cap{color:#1d1b19c7;text-shadow:0 0 3px var(--paper), 0 0 7px var(--paper), 0 0 1px var(--paper)}.bar .btn:hover{background:#f6f1e680}.bar .btn.toggle.on,.bar .btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}.bar .btn.toggle.on .cap,.bar .btn[aria-pressed=true] .cap{color:#f3eee2d9;text-shadow:none}.btn.ghost{visibility:hidden}.btn.plain{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.btn.wide{border-radius:999px;flex-direction:row;gap:8px;padding:8px 16px 8px 12px}.btn.wide .cap{color:var(--ink);max-width:none;font-size:14px}.top .btn{min-height:48px}.title{opacity:.82;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;pointer-events:none!important}.title .k{font-family:var(--mincho);letter-spacing:.18em;font-size:19px}.title .e{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}@media (max-width:460px){.title{display:none}.bar.top{justify-content:space-between}}@media (max-width:400px){.bar.top{padding-left:calc(5px + var(--safe-l));padding-right:calc(5px + var(--safe-r))}.bar.top .grp{gap:1px}.top .btn{padding-left:1px;padding-right:1px}.top .btn.sound .cap{white-space:normal;text-align:center;max-width:46px;font-size:9.5px;line-height:1.05}}.lang-in-guide{margin-top:10px;display:none}@media (max-width:349px){.bar.top .btn.lang{display:none}.lang-in-guide{display:inline-flex}}@media (max-height:500px){.btn .cap{display:none}.btn.big{width:48px;min-height:48px}.bar.bottom{padding:calc(8px + var(--safe-t)) calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) 0;flex-direction:column;justify-content:center;width:auto;inset:0 0 0 auto}.bar.bottom .grp{flex-direction:column}.bar.bottom .sep{width:34px;height:1px}.bar.top{right:76px}.title{display:none}}.horizon{opacity:0;height:0;transition:opacity 1.2s var(--ease);border-top:1px dashed #1d1b1933;position:fixed;top:0;left:0;right:0;pointer-events:none!important}.horizon.show{opacity:1;transition-duration:.3s}.horizon .hz-cap{right:calc(12px + var(--safe-r));letter-spacing:.06em;color:#1d1b196b;text-shadow:0 0 4px var(--paper);font-size:11px;font-style:italic;position:absolute;top:2px}body.night .horizon{border-top-color:#f3eee238}body.night .horizon .hz-cap{color:#f3eee280;text-shadow:none}@media (prefers-reduced-motion:reduce){.horizon{transition:none}}.bar .btn.colour-toggle[aria-pressed=true]{background:0 0;border-color:#0000}.bar .btn.colour-toggle[aria-pressed=true] .cap{color:#9e2b1f;text-shadow:0 0 3px var(--paper), 0 0 7px var(--paper)}.btn.colour-toggle .ic .dab{stroke-width:1.4px;transition:fill .3s,fill-opacity .3s,stroke .3s}.btn.colour-toggle .ic .d1{fill:#a8362c;stroke:#a8362c;fill-opacity:.35}.btn.colour-toggle .ic .d2{fill:#3f6f9e;stroke:#3f6f9e;fill-opacity:.35}.btn.colour-toggle .ic .d3{fill:#4f8a6e;stroke:#4f8a6e;fill-opacity:.35}.btn.colour-toggle[aria-pressed=true] .ic .dab{fill-opacity:1}body.night .bar .btn.colour-toggle[aria-pressed=true]{color:#f3eee2eb;background:0 0;border-color:#0000}body.night .bar .btn.colour-toggle[aria-pressed=true] .cap{color:#f0b6a4;text-shadow:0 0 3px #1e202af2}.bar .btn.beckon .ic{position:relative}.bar .btn.beckon .ic:after{content:"";width:30px;height:30px;animation:beckon 2.6s var(--ease) infinite;pointer-events:none;border:2px solid #a8362cb3;border-radius:50%;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%}body.night .bar .btn.beckon .ic:after{border-color:#f3eee299}@keyframes beckon{0%{opacity:.35;transform:scale(.9)}35%{opacity:.9}to{opacity:.35;transform:scale(1.45)}}.bar .btn.beckon .ic:before{content:"";width:8px;height:8px;box-shadow:0 0 0 2px var(--paper);background:#a8362c;border-radius:50%;position:absolute;top:-2px;right:-3px}body.night .bar .btn.beckon .ic:before{box-shadow:0 0 0 2px #1e202ae6}.bar .btn.beckon .cap{color:var(--ink);max-width:96px}body.welcoming .horizon{opacity:0}@media (prefers-reduced-motion:reduce){.bar .btn.beckon .ic:after{opacity:.55;animation:none;transform:scale(1.2)}}body.reduced .bar .btn.beckon .ic:after{opacity:.55;animation:none;transform:scale(1.2)}.sound-hint{z-index:5;max-width:min(70vw,260px);color:var(--paper);opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);background:#1d1b19e0;border-radius:14px;padding:9px 13px;font-size:14.5px;line-height:1.35;position:fixed;transform:translateY(-4px);pointer-events:none!important}.sound-hint:before{content:"";top:-6px;right:var(--arrow,22px);background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.sound-hint.show{opacity:1;transform:none}.intro .primary .ic{width:22px;height:22px;display:block}.intro .link.quiet{margin-top:-2px}.intro .sound-choice{border:1px dashed var(--line);width:100%;min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 0 6px;padding:6px 12px;font-size:14.5px;display:flex}.intro .sound-choice[aria-pressed=true]{color:var(--ink);border-style:solid;border-color:#1d1b1947}.intro .sound-choice .ic{width:22px;height:22px;display:block}.intro .sound-choice .ic svg{width:100%;height:100%;display:block}.toast,.hint{max-width:min(92vw,520px);color:var(--paper);opacity:0;pointer-events:none;transition:opacity .35s var(--ease), transform .35s var(--ease);text-align:center;background:#1d1b19db;border-radius:999px;align-items:center;gap:12px;padding:10px 16px;font-size:15px;line-height:1.35;display:flex;position:fixed;left:50%;transform:translate(-50%,-8px)}.toast{top:calc(72px + var(--safe-t));text-align:left;border-radius:18px}.toast>span{flex:1}.hint{bottom:calc(92px + var(--safe-b));background:var(--glass);color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast.show,.hint.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast-act{color:var(--paper);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f3eee280;border-radius:999px;flex:none;min-height:44px;padding:8px 14px}@media (max-height:500px){.hint{bottom:calc(16px + var(--safe-b))}.toast{top:calc(12px + var(--safe-t))}}.labels{position:fixed;inset:0;pointer-events:none!important}.label{opacity:0;transition:opacity .45s var(--ease), transform .8s var(--ease);pointer-events:none;align-items:center;gap:7px;display:flex;position:absolute;transform:translate(-50%,6px)}.label.show{opacity:1;transform:translate(-50%)}.label .kj{font-family:var(--mincho);color:#fbf6ec;background:var(--seal);border-radius:3px;padding:4px 5px 3px;font-size:15px;line-height:1;box-shadow:0 0 0 1px #b3261e40}.label .nm{color:var(--ink);text-shadow:0 0 6px var(--paper), 0 0 2px var(--paper);font-size:15px;font-style:italic}.seal-layer{position:fixed;inset:0;pointer-events:none!important}.seal-layer canvas.pressed{mix-blend-mode:multiply;opacity:.92;position:absolute}.replay{left:50%;bottom:calc(92px + var(--safe-b));opacity:0;pointer-events:none;transition:opacity .3s, transform .3s var(--ease);position:fixed;transform:translate(-50%,10px)}.replay.show{opacity:1;pointer-events:auto;transform:translate(-50%)}@media (max-height:500px){.replay{bottom:calc(14px + var(--safe-b))}}.scrim{opacity:0;background:#281e1429;transition:opacity .3s;position:fixed;inset:0;pointer-events:none!important}.scrim.open{opacity:1;pointer-events:auto!important}.sheet{pointer-events:none;background:var(--paper-2);border:1px solid var(--line);width:min(100vw,560px);max-height:min(82vh,82dvh);transition:transform .38s var(--ease), visibility .38s;visibility:hidden;padding-bottom:var(--safe-b);border-bottom:0;border-radius:20px 20px 0 0;outline:none;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,104%);box-shadow:0 -14px 40px #281e1424}.sheet.open{visibility:visible;transform:translate(-50%)}.sheet-head{justify-content:space-between;align-items:center;padding:10px 10px 4px 20px;display:flex}.sheet-head h2{letter-spacing:.02em;margin:0;font-size:19px;font-weight:500}.sheet-body{-webkit-overflow-scrolling:touch;padding:6px 18px 22px;overflow-y:auto}.note{color:var(--ink-soft);margin:12px 2px;font-size:14.5px;line-height:1.45}.note.small{margin-top:18px;font-size:12.5px}.shape-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tile{border:1px solid var(--line);background:var(--paper);cursor:pointer;min-height:96px;transition:transform .15s var(--ease);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;display:flex}.tile:active{transform:scale(.95)}.tile .pic{width:46px;height:46px}.tile .pic svg{width:100%;height:100%}.tile .cap{text-align:center;font-size:12.5px;line-height:1.15}.tile .kj{font-family:var(--mincho);color:var(--seal);font-size:12px}:lang(ja) .tile .kj{display:none}.slider{margin:8px 0 20px;display:block}.slabel{margin-bottom:6px;font-size:15px;display:block}.slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#1d1b191f,#1d1b198c);border-radius:2px;height:4px}.slider input[type=range]::-moz-range-track{background:#1d1b194d;border-radius:2px;height:4px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:30px;height:30px;margin-top:-13px;box-shadow:0 2px 6px #00000026}.slider input[type=range]::-moz-range-thumb{background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:26px;height:26px}.marks{color:var(--ink-soft);justify-content:space-between;padding:0 2px;font-size:12.5px;display:flex}.check{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--ink)}.seal-row{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.seal-choice{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;min-height:52px;padding:6px}.seal-choice canvas{mix-blend-mode:multiply;width:100%;height:auto;display:block}.seal-choice[aria-pressed=true]{border:2px solid var(--ink);padding:5px}.seal-custom{border:1px solid var(--line);background:var(--paper);width:100%;min-height:48px;font:inherit;color:var(--ink);border-radius:12px;margin:14px 0 10px;padding:10px 14px;font-size:17px}.seg{gap:8px;margin-bottom:14px;display:flex}.segb{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;flex:1;min-height:44px}.segb[aria-pressed=true]{background:var(--ink);color:var(--paper)}.primary,.secondary{border:1px solid var(--ink);background:var(--ink);width:100%;min-height:50px;color:var(--paper);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin:8px 0;padding:10px 18px;font-size:16px;display:flex}.secondary{color:var(--ink);background:0 0}.secondary .ic{width:22px;height:22px;display:block}.secondary .ic svg{width:100%;height:100%}.primary .ic{width:22px;height:22px;display:block}.primary .ic svg{width:100%;height:100%}.linkbox input.link{border:1px solid var(--line);background:var(--paper);width:100%;min-height:44px;color:var(--ink-soft);border-radius:10px;padding:8px 12px;font:13px ui-monospace,Menlo,monospace}.scroll-list{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.scroll-card{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.scroll-card .thumb{aspect-ratio:9/16;background:var(--paper);width:100%;box-shadow:0 0 0 1px var(--line), 0 6px 16px #281e141a;border-radius:6px;display:block;overflow:hidden}.scroll-card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.scroll-card.blank .thumb{background:linear-gradient(#f7f3ea,#efe8d8)}.scroll-card .name{text-align:center;font-size:14px;line-height:1.2}.scroll-card .kj{font-family:var(--mincho);color:var(--seal);font-size:12px}:lang(ja) .scroll-card .kj{display:none}.guide{grid-template-columns:1fr 1fr;gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.guide li{grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:8px;min-height:48px;display:grid}.guide .pic{grid-row:span 2;width:40px;height:40px}.guide .pic svg{width:100%;height:100%}.guide .how{font-size:13.5px;line-height:1.2}.guide .what{color:var(--seal);font-size:12.5px;font-style:italic}@media (max-width:380px){.guide{grid-template-columns:1fr}}.intro{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);text-align:center;width:min(88vw,380px);transition:opacity .45s var(--ease), transform .45s var(--ease);background:#f7f3eae6;border-radius:22px;padding:30px 26px 20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #281e1429}.intro.gone{opacity:0;pointer-events:none;transform:translate(-50%,-46%)}body.welcoming .bar{opacity:0;pointer-events:none}body.welcoming .bar *{pointer-events:none}.intro-k{font-family:var(--mincho);letter-spacing:.22em;margin-right:-.22em;font-size:44px}.intro-e{letter-spacing:.38em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;font-size:12px}.intro-p{margin:18px 0 16px;font-size:16.5px;line-height:1.5}.intro-row{flex-direction:column;gap:2px;display:flex}body.placing #paper{cursor:copy}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}body.reduced *,body.reduced :before,body.reduced :after{transition-duration:0s!important}.homepill{left:50%;top:calc(66px + var(--safe-t));opacity:0;pointer-events:none;transition:opacity .35s, transform .35s var(--ease);position:fixed;transform:translate(-50%,-6px)}.homepill.show{opacity:1;pointer-events:auto;transform:translate(-50%)}@media (max-height:500px){.homepill{top:calc(10px + var(--safe-t))}}.coach{left:50%;bottom:calc(96px + var(--safe-b));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;width:min(92vw,360px);transition:opacity .4s, transform .4s var(--ease);border-radius:18px;align-items:center;gap:12px;max-width:min(92vw,420px);padding:8px 8px 8px 12px;display:flex;position:fixed;transform:translate(-50%,8px)}.coach.show{opacity:1;pointer-events:none;transform:translate(-50%)}.coach.show .coach-x{pointer-events:auto}.coach .txt{flex-direction:column;flex:1;gap:1px;font-size:15px;line-height:1.25;display:flex}.coach .what{color:var(--seal);font-size:14px;font-style:italic}:lang(ja) .coach .what{font-style:normal}.coach-x{cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;width:44px;height:44px}.coach-x svg{width:20px;height:20px}.demo{background:var(--paper);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;flex:none;position:relative;overflow:hidden}.demo .tip{background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:34px;left:19px;box-shadow:0 0 0 1px #1d1b1926}.demo.up .tip{animation:up 1.6s var(--ease) infinite}.demo.side .tip{animation:1.9s ease-in-out infinite side}.demo.hold .tip{animation:1.9s ease-in-out infinite hold;top:19px;left:19px}@keyframes up{0%{height:6px;top:36px}20%{height:6px;top:36px}55%{border-radius:3px;height:30px;top:6px}70%,to{opacity:0;height:6px;top:4px}}@keyframes side{0%{opacity:1;top:26px;left:4px}35%{top:12px;left:16px}60%{top:20px;left:28px}85%{opacity:1;top:26px;left:38px}to{opacity:0;left:38px}}@keyframes hold{0%{opacity:1;transform:scale(1)}70%{opacity:.45;transform:scale(4.2)}to{opacity:0;transform:scale(4.6)}}@media (max-height:500px){.coach{bottom:calc(12px + var(--safe-b))}}body.clean #ui{display:none}.label.teach .nm{font-size:14px}:lang(ja) .label .nm{font-style:normal}.lessons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 8px;padding:0;list-style:none;display:grid}.lesson{background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:3px;padding:8px 8px 10px;display:flex}.lesson .how{font-size:14px;line-height:1.2}.lesson .what{color:var(--seal);font-size:13px;font-style:italic}:lang(ja) .lesson .what{font-style:normal}.demo-svg{aspect-ratio:100/72;width:100%;display:block}.demo-svg svg{width:100%;height:100%;display:block}.demo-svg.small{background:var(--paper);width:70px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;flex:none}.demo-svg .hz{stroke:#1d1b1947;stroke-width:.8px;stroke-dasharray:2 3}.demo-svg .ctx{stroke:#1d1b1959;stroke-width:1.4px}.demo-svg .gp{stroke:#1d1b19;stroke-width:3.6px;stroke-dasharray:100;stroke-dashoffset:100px;animation:2.6s cubic-bezier(.45,.05,.4,1) infinite gdraw}.demo-svg .pool{fill:#1d1b198c;stroke:none;transform-origin:50px 50px;animation:2.6s ease-out infinite gpool}.demo-svg .dot{fill:var(--ink);stroke:none;opacity:0;animation:2.6s ease-out infinite gdot}.demo-svg .d2{animation-delay:.25s}.demo-svg .d3{animation-delay:.5s}.demo-svg .d4{animation-delay:.75s}@keyframes gdraw{0%{stroke-dashoffset:100px;opacity:1}55%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes gpool{0%{opacity:.9;transform:scale(.4)}70%{opacity:.35;transform:scale(3.4)}to{opacity:0;transform:scale(3.6)}}@keyframes gdot{0%{opacity:0}10%{opacity:1}85%{opacity:1}to{opacity:0}}.intro .link{color:var(--ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:15px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.demo-svg .gp{stroke-dashoffset:0;animation:none}.demo-svg .dot{opacity:1;animation:none}.demo-svg .pool{opacity:.4;animation:none;transform:scale(3)}}body.reduced .demo-svg .gp{stroke-dashoffset:0;animation:none}body.night .bar .btn{color:#f3eee2eb;background:0 0;border-color:#0000}body.night .bar .btn .ic{filter:drop-shadow(0 0 1.5px #1e202ae6)drop-shadow(0 0 6px #1e202ab3)}body.night .bar .btn .cap{color:#f3eee2d9;text-shadow:0 0 3px #1e202af2,0 0 8px #1e202acc}body.night .bar .btn.toggle.on,body.night .bar .btn[aria-pressed=true]{color:var(--ink);background:#f3eee2e0}body.night .title{color:#f3eee2cc}body.night .title .e{color:#f3eee299}