:root{color-scheme:light dark;--canvas:#fff;--overlay-surface-opacity:86%;--canvas-rgb:255,255,255;--glass-blur:3.5px;--chrome-material-light:#FBFBFF;--chrome-material-dark:#1F1F21;--chrome-material-base:var(--chrome-material-light);--glass:color-mix(in srgb,var(--chrome-material-base) 80%,transparent);--ui-rim-width:1px;--elevation-contact:rgba(17,17,24,.12);--elevation-ambient:rgba(17,17,24,.06);--dock-shadow:0 0 2px var(--elevation-contact),0 0 14px var(--elevation-ambient);--compact-action-shadow:0 0 2px var(--elevation-contact),0 0 10px var(--elevation-ambient);--dock-selected-light:rgba(233,233,233,.8);--dock-selected-light-touch:rgba(247,247,247,.8);--dock-selected-dark:rgba(63,63,63,.8);--dock-selected-dark-touch:rgba(110,110,110,.8);--dock-selected:var(--dock-selected-light);--dock-selected-touch:var(--dock-selected-light-touch);--dock-touch-in:130ms;--dock-touch-out:400ms;--dock-touch-light-size:52px;--dock-touch-light-rgb:var(--dock-touch-light-light-rgb);--dock-touch-light-alpha:var(--dock-touch-light-light-alpha);--dock-touch-light-light-rgb:255,255,255;--dock-touch-light-light-alpha:.55;--dock-touch-light-dark-rgb:255,255,255;--dock-touch-light-dark-alpha:.14;--group-tone:rgba(239,239,242,.90);--pressed:rgba(118,118,128,.13);--ink:#111113;--secondary:#6e6e73;--tertiary:#8e8e93;--separator:rgba(60,60,67,.16);--glass-border:rgba(60,60,67,.13);--specular-rim-light-rgb:255,255,255;--specular-rim-light-tl:.72;--specular-rim-light-br:.58;--specular-rim-dark-rgb:152,154,162;--specular-rim-dark-tl:.24;--specular-rim-dark-br:.18;--specular-rim-rgb:var(--specular-rim-light-rgb);--specular-rim-tl:var(--specular-rim-light-tl);--specular-rim-br:var(--specular-rim-light-br);--content-accent:var(--accent);--tab-accent:var(--accent);--tab-hot:color-mix(in srgb,var(--accent) 72%,white);--ease:cubic-bezier(.22,1,.36,1);--title-fade:520ms;--title-scale:460ms;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--dock-bottom:max(18px,var(--safe-bottom));--edge-top:calc(56px + var(--safe-top));--edge-bottom:46px;--edge-blur:.5px;--edge-alpha-min:0;--edge-blur-shift:0px;--edge-blur-top:max(0px,calc(var(--edge-top) - var(--edge-blur-shift)));--edge-blur-bottom:max(0px,calc(var(--edge-bottom) - var(--edge-blur-shift)));--edge-mask:linear-gradient(to bottom,
    rgba(0,0,0,var(--edge-alpha-min)) 0,
    #000 var(--edge-top),
    #000 calc(100% - var(--edge-bottom)),
    rgba(0,0,0,var(--edge-alpha-min)) 100%);--overlay-head-h:52px;--toc-section-gap:56px}@media(prefers-color-scheme:dark){:root{--canvas:#000;--canvas-rgb:0,0,0;--chrome-material-base:var(--chrome-material-dark);--elevation-contact:rgba(0,0,0,.10);--elevation-ambient:rgba(0,0,0,.05);--dock-selected:var(--dock-selected-dark);--dock-selected-touch:var(--dock-selected-dark-touch);--dock-touch-light-rgb:var(--dock-touch-light-dark-rgb);--dock-touch-light-alpha:var(--dock-touch-light-dark-alpha);--group-tone:rgba(60,60,64,.94);--pressed:rgba(118,118,128,.25);--ink:#f5f5f7;--secondary:#a1a1a6;--tertiary:#8e8e93;--separator:rgba(84,84,88,.62);--glass-border:rgba(255,255,255,.08);--specular-rim-rgb:var(--specular-rim-dark-rgb);--specular-rim-tl:var(--specular-rim-dark-tl);--specular-rim-br:var(--specular-rim-dark-br);--tab-hot:color-mix(in srgb,var(--accent) 66%,white)}}:root[data-theme=light]{--canvas:#fff;--canvas-rgb:255,255,255;--chrome-material-base:var(--chrome-material-light);--elevation-contact:rgba(17,17,24,.12);--elevation-ambient:rgba(17,17,24,.06);--dock-selected:var(--dock-selected-light);--dock-selected-touch:var(--dock-selected-light-touch);--dock-touch-light-rgb:var(--dock-touch-light-light-rgb);--dock-touch-light-alpha:var(--dock-touch-light-light-alpha);--group-tone:rgba(239,239,242,.90);--pressed:rgba(118,118,128,.13);--ink:#111113;--secondary:#6e6e73;--tertiary:#8e8e93;--separator:rgba(60,60,67,.16);--glass-border:rgba(60,60,67,.13);--specular-rim-rgb:var(--specular-rim-light-rgb);--specular-rim-tl:var(--specular-rim-light-tl);--specular-rim-br:var(--specular-rim-light-br);--tab-hot:color-mix(in srgb,var(--accent) 72%,white)}:root[data-theme=dark]{--canvas:#000;--canvas-rgb:0,0,0;--chrome-material-base:var(--chrome-material-dark);--elevation-contact:rgba(0,0,0,.10);--elevation-ambient:rgba(0,0,0,.05);--dock-selected:var(--dock-selected-dark);--dock-selected-touch:var(--dock-selected-dark-touch);--dock-touch-light-rgb:var(--dock-touch-light-dark-rgb);--dock-touch-light-alpha:var(--dock-touch-light-dark-alpha);--group-tone:rgba(60,60,64,.94);--pressed:rgba(118,118,128,.25);--ink:#f5f5f7;--secondary:#a1a1a6;--tertiary:#8e8e93;--separator:rgba(84,84,88,.62);--glass-border:rgba(255,255,255,.08);--specular-rim-rgb:var(--specular-rim-dark-rgb);--specular-rim-tl:var(--specular-rim-dark-tl);--specular-rim-br:var(--specular-rim-dark-br);--tab-hot:color-mix(in srgb,var(--accent) 66%,white)}:root:is([data-tool-id=home],[data-pudding=true]){--ink:var(--brand-pudding-ink);--secondary:color-mix(in srgb, var(--ink) 68%, var(--canvas));--tertiary:color-mix(in srgb, var(--ink) 48%, var(--canvas));--chrome-material-base:var(--brand-background);--dock-selected:color-mix(in srgb, var(--brand-pudding-ink) 7%, var(--brand-background));--dock-selected-touch:color-mix(in srgb, var(--brand-pudding-ink) 3%, var(--brand-background));--group-tone:color-mix(in srgb, var(--brand-pudding-ink) 5%, var(--brand-background));--pressed:color-mix(in srgb, var(--brand-pudding-ink) 10%, transparent);--separator:color-mix(in srgb, var(--brand-pudding-ink) 16%, transparent);--glass-border:color-mix(in srgb, var(--brand-pudding-ink) 13%, transparent);--elevation-contact:color-mix(in srgb, var(--brand-pudding-ink) 12%, transparent);--elevation-ambient:color-mix(in srgb, var(--brand-pudding-ink) 6%, transparent);--overlay-surface-opacity:100%}:root[data-tool-id=home]{--canvas:var(--brand-background);--canvas-rgb:var(--brand-background-rgb)}:root[data-pudding=true]:not([data-tool-id=home]){--canvas:var(--brand-pudding-background);--canvas-rgb:var(--brand-pudding-background-rgb)}.screen[data-tool-id=home] .large-title{text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;line-height:1.22}*{box-sizing:border-box;touch-action:pan-x pan-y}body,html{margin:0;min-width:320px;min-height:100%;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{min-height:100dvh;overflow:hidden}button,input{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}input:focus-visible{outline:2px solid var(--content-accent);outline-offset:3px}.app{position:relative;height:100dvh;overflow:hidden;background:var(--canvas)}.viewport{position:absolute;z-index:1;inset:0;overflow:hidden}.edge{position:absolute;z-index:3;left:0;right:0;pointer-events:none}.edge--top{top:0;height:var(--edge-blur-top)}.edge--bottom{bottom:0;height:var(--edge-blur-bottom)}.edge span{position:absolute;inset:0}.edge-scrim{position:absolute;left:0;right:0}.edge--top .edge-scrim{top:0;height:var(--edge-top);background:linear-gradient(to bottom,rgba(var(--canvas-rgb),calc(1 - var(--edge-alpha-min))) 0,rgba(var(--canvas-rgb),0) 100%)}.edge--bottom .edge-scrim{bottom:0;height:var(--edge-bottom);background:linear-gradient(to top,rgba(var(--canvas-rgb),calc(1 - var(--edge-alpha-min))) 0,rgba(var(--canvas-rgb),0) 100%)}.edge--top span{backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));-webkit-mask-image:linear-gradient(to top,transparent var(--b1),#000 var(--b2),#000 var(--b3),transparent var(--b4));mask-image:linear-gradient(to top,transparent var(--b1),#000 var(--b2),#000 var(--b3),transparent var(--b4))}.edge--bottom span{backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));-webkit-mask-image:linear-gradient(to bottom,transparent var(--b1),#000 var(--b2),#000 var(--b3),transparent var(--b4));mask-image:linear-gradient(to bottom,transparent var(--b1),#000 var(--b2),#000 var(--b3),transparent var(--b4))}.edge span:first-child{--blur:calc(var(--edge-blur) / 8);--b1:0%;--b2:3%;--b3:6%;--b4:9%}.edge span:nth-child(2){--blur:calc(var(--edge-blur) / 4);--b1:4%;--b2:7%;--b3:10%;--b4:13%}.edge span:nth-child(3){--blur:calc(var(--edge-blur) * .375);--b1:8%;--b2:11%;--b3:14%;--b4:17%}.edge span:nth-child(4){--blur:calc(var(--edge-blur) / 2);--b1:12%;--b2:15%;--b3:18%;--b4:21%}.edge span:nth-child(5){--blur:calc(var(--edge-blur) * .75);--b1:16%;--b2:19%;--b3:22%;--b4:25%}.edge span:nth-child(6){--blur:var(--edge-blur);--b1:20%;--b2:26%;--b3:100%;--b4:100%}.screen{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:1}.screen.is-active{opacity:1;pointer-events:auto;z-index:2}.scroll-view{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:max(var(--edge-top),calc(var(--safe-top) + 4px)) 16px calc(var(--dock-bottom) + 96px)}.scroll-view::-webkit-scrollbar{display:none}.content{width:min(100%,680px);margin:0 auto;padding-bottom:var(--toc-tail-space,0)}.large-title-wrap{position:relative;padding:0 0 18px}.title-edge{position:absolute;top:0;right:0;left:0;height:1px;pointer-events:none}.large-title{margin:0;font-size:34px;line-height:1.08;font-weight:720;letter-spacing:-.035em;transform-origin:left center;transition:opacity var(--title-fade) cubic-bezier(.2,.7,.2,1),transform var(--title-scale) var(--ease)}.screen.is-title-collapsed .large-title{opacity:0;transform:scale(.985) translateY(-1px)}.app.is-route-switching .inline-title,.app.is-route-switching .large-title{transition:none!important}.navbar{position:absolute;z-index:30;top:0;left:0;right:0;height:calc(52px + var(--safe-top));padding:var(--safe-top) 18px 0;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;pointer-events:none}.navbar>*{pointer-events:auto}.inline-title{justify-self:center;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:700;letter-spacing:-.025em;opacity:0;transform:scale(.88);transform-origin:center;transition:opacity var(--title-fade) cubic-bezier(.2,.7,.2,1),transform var(--title-scale) var(--ease)}.app.is-collapsed .inline-title{opacity:1;transform:scale(1)}.nav-spacer{width:40px;height:40px}.nav-action{justify-self:end;font-size:20px}.overlay{position:absolute;z-index:35;inset:0;opacity:0;pointer-events:none;background:color-mix(in srgb,var(--canvas) var(--overlay-surface-opacity),transparent);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);transition:opacity 190ms}.overlay.is-open{opacity:1;pointer-events:auto}.overlay-panel{position:absolute;inset:0;overflow:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 18px + var(--overlay-head-h)) 18px calc(var(--dock-bottom) + 92px);transform:translateY(8px) scale(.992);opacity:.65;transition:transform 240ms var(--ease),opacity 190ms ease;-webkit-mask-image:var(--edge-mask);mask-image:var(--edge-mask)}.overlay-panel::-webkit-scrollbar{display:none}.overlay.is-open .overlay-panel{transform:none;opacity:1}.overlay-inner{width:min(100%,680px);margin:0 auto}.overlay-head{position:absolute;z-index:2;top:0;left:0;right:0;padding:var(--safe-top) 18px 0}.overlay-head-inner{width:min(100%,680px);margin:0 auto;min-height:52px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center}.overlay-head h1,.overlay-head h2{margin:0;text-align:center;font-size:20px;font-weight:700;letter-spacing:-.025em}.overlay-close{font-size:20px}.overlay-lead{width:40px;height:40px}.overlay-section{margin-top:28px}.overlay-section h3{margin:0 0 12px 2px;font-size:21px;line-height:1.2;letter-spacing:-.025em}.result-item,.toc-item{width:100%;min-height:58px;border:0;background:0 0;padding:0 4px;align-items:center;gap:12px;text-align:left;font-size:18px}.toc-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto}.toc-group+.toc-group,.toc-tree{border-top:.5px solid var(--separator)}.toc-group-head{position:relative}.toc-group-head .toc-item{padding-right:48px}.toc-disclosure{position:absolute;inset:0 0 0 auto;width:44px;padding:0;color:var(--secondary);display:grid;place-items:center}.toc-disclosure i{font-size:18px;transition:transform calc(var(--ui-disclosure-close-ms) * 1ms) var(--ui-disclosure-easing)}.toc-disclosure[aria-expanded=true] i{transition-duration:calc(var(--ui-disclosure-open-ms) * 1ms);transform:rotate(90deg)}.toc-item[data-toc-level="3"]{min-height:52px;padding-left:22px;font-size:17px}.result-item{display:flex}.toc-mark{width:30px;height:30px;display:grid;place-items:center}.result-item i,.toc-mark i{font-size:22px;color:var(--content-accent)}.result-item .sub,.toc-item .sub{margin-left:auto;color:var(--tertiary);font-size:13px}.toc-item.is-current,.toc-item.is-current .sub{color:var(--content-accent);font-weight:650}.toc-item.is-current .toc-mark::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--content-accent)}.toc-item[data-toc-target=top].is-current .toc-mark::after{display:none}.toc-item.is-current .toc-mark i{color:var(--content-accent)}.send-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}.send-more{margin-top:26px}.search-field{position:relative;height:52px;border-radius:26px;box-shadow:var(--compact-action-shadow);display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:0 15px}.search-field i{font-size:22px}.search-input{box-sizing:border-box;min-width:0;width:100%;height:100%;padding:0;border:0;background:0 0;font-size:19px;outline:0;-webkit-appearance:none;appearance:none}.search-field[data-clear-visible] .search-input{padding-inline-end:44px}.search-input:not(:focus){overflow:hidden;text-overflow:ellipsis}.search-input:focus,.search-input:focus-visible{outline:0!important;outline-offset:0!important;box-shadow:none!important}.search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none;appearance:none}.search-clear{position:absolute;top:50%;inset-inline-end:5px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:0 0;display:grid;place-items:center;font-size:18px;color:var(--secondary);opacity:0;transform:translateY(-50%) scale(.84);pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.search-field[data-clear-visible] .search-clear{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.search-clear:focus-visible{outline:0;color:var(--accent)}@media (hover:hover) and (pointer:fine){.search-clear:hover{color:var(--ink)}}.library-groups{display:grid;gap:18px}.library-category{min-width:0}.library-category-heading{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 2px;color:var(--ink);font-size:20px;font-weight:720;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.library-category-heading::-webkit-details-marker{display:none}.library-category-heading i{color:var(--tertiary);font-size:20px}.library-category-heading[aria-expanded=true] i,.library-category[open]>.library-category-heading:not([aria-expanded]) i{transition-duration:calc(var(--ui-disclosure-open-ms) * 1ms);transform:rotate(90deg)}.library-category-heading:focus-visible{outline:0;color:var(--accent)}@media (prefers-reduced-motion:no-preference){.search-clear{transition:opacity .4s ease,transform .4s var(--ease),color .4s ease}.search-field[data-clear-visible] .search-clear{transition-duration:130ms}.library-category-heading i{transition:transform calc(var(--ui-disclosure-close-ms) * 1ms) var(--ui-disclosure-easing)}}.library-app{--ui-square-icon-size:36px;color:var(--ink);font-weight:400}.result-item[aria-current=page]{background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:600}.library-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}@media (max-width:359px){.library-apps{grid-template-columns:repeat(3,minmax(0,1fr))}}.tabbar-wrap{position:absolute;z-index:40;left:20px;right:20px;bottom:var(--dock-bottom);height:62px;pointer-events:none}.tabbar{position:absolute;inset:0;pointer-events:auto;overflow:hidden;border:0;border-radius:31px;box-shadow:var(--dock-shadow);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform var(--dock-touch-out) ease}.tabbar.is-touching{transform:scale(1.004);transition:transform var(--dock-touch-in) var(--ease)}.tabs{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:0 6px}.selector{position:absolute;z-index:0;top:2px;left:0;height:58px;border-radius:29px;will-change:transform,width;pointer-events:none}.selector-shape{position:absolute;inset:0;border:0;border-radius:inherit;background:var(--dock-selected);box-shadow:0 1px 2.5px rgba(0,0,0,.035);opacity:0;transform:scale(.86);transform-origin:center center;will-change:opacity,transform;transition:opacity .2s ease,transform 250ms var(--ease),background var(--dock-touch-out) ease,box-shadow var(--dock-touch-out) ease}.tabbar.has-selection .selector-shape,.tabbar.is-touching .selector-shape{opacity:1;transform:scale(1)}.tabbar.is-touching .selector-shape{background:var(--dock-selected-touch);box-shadow:0 2px 4px rgba(0,0,0,.05);transition:opacity .2s ease,transform 250ms var(--ease),background var(--dock-touch-in) ease,box-shadow var(--dock-touch-in) ease}.tabs::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle var(--dock-touch-light-size) at var(--touch-x,50%) 50%,rgba(var(--dock-touch-light-rgb),var(--dock-touch-light-alpha)) 0,rgba(var(--dock-touch-light-rgb),0) 100%);transition:opacity var(--dock-touch-out) ease}.tabbar.is-touching .tabs::before{opacity:1;transition:opacity var(--dock-touch-in) ease}.tab{--mag:0;position:relative;z-index:1;min-width:0;height:56px;padding:2px 0 1px;border:0;background:0 0;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink);touch-action:none;transition:transform 95ms var(--ease),color var(--dock-touch-out) ease,filter var(--dock-touch-out) ease}.tab.is-selected,.tabbar.is-touching .tab{transition:transform 95ms var(--ease),color var(--dock-touch-in) ease,filter var(--dock-touch-in) ease}.tab.is-pressed{transform:scale(.95)}.icon-stack{position:relative;width:25px;height:25px;display:grid;place-items:center;transform:translateY(calc(var(--mag) * -1.2px)) scale(calc(1 + var(--mag) * .08));will-change:transform;transition:transform var(--dock-touch-out) ease}.tabbar.is-touching .icon-stack{transition:transform 80ms linear}.icon-stack i{display:grid;place-items:center;font-size:24px;line-height:25px}.tab-label{font-size:10px;font-weight:600;line-height:1;letter-spacing:-.015em;white-space:nowrap}.tab.is-selected{color:var(--tab-accent)}.tab:focus-visible{outline:1.5px solid var(--ink);outline-offset:2px;color:var(--tab-accent)}.tab.is-candidate{color:var(--tab-hot);filter:brightness(1.06) saturate(1.05)}.tabbar.is-touching .tab.is-selected:not(.is-candidate){color:var(--ink);filter:none}@media(min-width:760px){.tabbar-wrap{left:50%;right:auto;width:470px;transform:translateX(-50%)}.scroll-view{padding-left:24px;padding-right:24px}.navbar,.overlay-head{padding-left:20px;padding-right:20px}}@media(min-width:1024px){.app{max-width:720px;margin:0 auto}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important}:not(:where(artpudding-logo *)){animation-duration:1ms!important}}