:root{color-scheme:light dark;--canvas:#fff;--chrome:#F2F2F6;--surface:#fff;--sidebar:var(--chrome);--group-tone:rgba(239,239,242,.90);--selection:rgba(233,233,233,.80);--ink:#111113;--secondary:#6e6e73;--tertiary:#8e8e93;--separator:rgba(60,60,67,.16);--destructive:#FF3B30;--pressed:rgba(118,118,128,.13);--glass-border:rgba(60,60,67,.13);--toolbar-h:58px;--left-w:clamp(192px,22vw,272px);--right-w:320px;--desktop-panel-duration:400ms;--floating-panel-top-inset:18px;--floating-panel-title-row-h:34px;--edge-top:42px;--edge-bottom:46px;--ease:cubic-bezier(.22,1,.36,1)}@media(prefers-color-scheme:dark){:root{--canvas:#000;--chrome:#1C1C1E;--surface:#2C2C2E;--sidebar:var(--chrome);--group-tone:rgba(60,60,64,.94);--selection:rgba(63,63,63,.80);--ink:#f5f5f7;--secondary:#a1a1a6;--tertiary:#8e8e93;--separator:rgba(84,84,88,.62);--destructive:#FF453A;--pressed:rgba(118,118,128,.25);--glass-border:rgba(255,255,255,.08)}}:root[data-theme=light]{--canvas:#fff;--chrome:#F2F2F6;--surface:#fff;--sidebar:var(--chrome);--group-tone:rgba(239,239,242,.90);--selection:rgba(233,233,233,.80);--ink:#111113;--secondary:#6e6e73;--tertiary:#8e8e93;--separator:rgba(60,60,67,.16);--destructive:#FF3B30;--pressed:rgba(118,118,128,.13);--glass-border:rgba(60,60,67,.13)}:root[data-theme=dark]{--canvas:#000;--chrome:#1C1C1E;--surface:#2C2C2E;--sidebar:var(--chrome);--group-tone:rgba(60,60,64,.94);--selection:rgba(63,63,63,.80);--ink:#f5f5f7;--secondary:#a1a1a6;--tertiary:#8e8e93;--separator:rgba(84,84,88,.62);--destructive:#FF453A;--pressed:rgba(118,118,128,.25);--glass-border:rgba(255,255,255,.08)}: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:var(--brand-background);--surface:var(--brand-background);--selection:color-mix(in srgb, var(--brand-pudding-ink) 7%, 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);--destructive:#FF3B30}:root[data-tool-id=home]{--canvas:var(--brand-background)}:root[data-pudding=true]:not([data-tool-id=home]){--canvas:var(--brand-pudding-background)}.desktop-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}body,html{margin:0;min-width:0;width:100%;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;overscroll-behavior:none}body{overflow:hidden}button,input{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{position:relative;height:100dvh;display:grid;grid-template-rows:var(--toolbar-h) minmax(0,1fr);background:var(--canvas);overflow:hidden}.toolbar{position:relative;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border-bottom:.5px solid var(--separator);background:var(--chrome);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.toolbar-group{position:relative;z-index:2;display:flex;align-items:center;gap:7px;min-width:0}.toolbar-group--right{margin-left:auto;justify-content:flex-end}.tool-title{position:absolute;z-index:1;left:50%;top:50%;width:min(42vw,560px);transform:translate(-50%,-50%);text-align:center;font-size:15px;font-weight:650;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.toolbar-button{height:34px;min-width:34px;padding:0 10px;border:0;border-radius:9px;background:0 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:560;transition:background 160ms ease,transform 190ms var(--ease),color 180ms ease}.toolbar-button i{font-size:18px}.toolbar-button:hover{background:color-mix(in srgb,var(--pressed) 78%,transparent)}.toolbar-button:focus-visible{outline:1.5px solid var(--ink);outline-offset:2px;background:var(--pressed)}.toolbar-button:active{transform:scale(.955);background:var(--pressed);transition-duration:80ms}.toolbar-button[data-library]{display:none}.workspace{min-width:0;min-height:0;display:grid;grid-template-columns:var(--left-w) minmax(0,1fr) var(--right-w);overflow:hidden}.pane{min-width:0;min-height:0}.sidebar{position:relative;background:var(--sidebar);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.sidebar-left{border-right:.5px solid var(--separator)}.sidebar-right{border-left:.5px solid var(--separator)}.sidebar-scroll{height:100%;overflow:auto;scrollbar-width:none;padding:var(--floating-panel-top-inset) 14px 28px}.sidebar-scroll::-webkit-scrollbar{display:none}.pane-title-row{display:flex;align-items:center;justify-content:space-between;margin:0 4px 14px}.pane-title{margin:0;font-size:20px;line-height:1.1;font-weight:720;letter-spacing:-.025em}.pane-close{display:none;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:0 0;place-items:center;transition:background 150ms ease,transform 170ms var(--ease)}.pane-close:hover{background:var(--pressed)}.pane-close:focus-visible{outline:1.5px solid var(--ink);outline-offset:2px;background:var(--pressed)}.pane-close:active{transform:scale(.93)}.floating-panel{visibility:hidden;opacity:0;transform:translateX(var(--desktop-panel-offset,calc(100% + 12px)));pointer-events:none;transition:transform var(--desktop-panel-duration) var(--ease),opacity var(--desktop-panel-duration) ease,visibility 0s linear var(--desktop-panel-duration);position:fixed;z-index:75;top:calc(var(--toolbar-h) + 8px);right:10px;width:min(320px,calc(100vw - 20px));max-height:calc(100dvh - var(--toolbar-h) - 18px);overflow:hidden;border:.5px solid var(--glass-border);border-radius:14px;background:var(--sidebar);box-shadow:0 16px 44px rgba(0,0,0,.16);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.floating-panel.sidebar-left{--desktop-panel-offset:calc(-100% - 12px);left:10px;right:auto}.floating-panel.is-open{visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto;transition-delay:0s}.floating-panel .floating-panel-scroll{height:auto;max-height:calc(100dvh - var(--toolbar-h) - 18px);overflow:auto;padding:var(--floating-panel-top-inset) 16px 22px;scrollbar-width:none}.floating-panel-scroll::-webkit-scrollbar{display:none}.floating-panel .floating-panel-head{height:var(--floating-panel-title-row-h);margin:0 2px 10px;display:flex;align-items:center;justify-content:space-between}.floating-panel .floating-panel-head :is(h1,h2){margin:0;font-size:14px;line-height:1.2;font-weight:700;letter-spacing:normal}.floating-panel .pane-close{display:grid}.search-shell{position:relative;height:38px;padding:0 8px 0 10px;border:.5px solid var(--glass-border);border-radius:10px;background:color-mix(in srgb,var(--surface) 82%,transparent);display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;transition:border-color 180ms,background 180ms}.search-shell:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--glass-border));background:color-mix(in srgb,var(--surface) 94%,transparent)}.search-shell>i{color:var(--secondary);font-size:16px}.search-input{box-sizing:border-box;min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:0 0;font-size:14px;appearance:none;-webkit-appearance:none}.search-shell[data-clear-visible] .search-input{padding-inline-end:32px}.search-input:not(:focus){overflow:hidden;text-overflow:ellipsis}.search-input:focus,.search-input:focus-visible{outline:0!important}.search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none;appearance:none}.search-clear{position:absolute;top:50%;inset-inline-end:4px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:0 0;color:var(--tertiary);display:grid;place-items:center;opacity:0;transform:translateY(-50%) scale(.84);pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.search-clear:hover{color:var(--ink)}.search-clear:focus-visible{outline:0;color:var(--accent)}.search-shell[data-clear-visible] .search-clear{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}@media (prefers-reduced-motion:no-preference){.search-clear{transition:opacity .4s ease,transform .4s var(--ease),color .4s ease}.search-shell[data-clear-visible] .search-clear{transition-duration:130ms}}.tool-list{margin-top:14px}.library-category-items[hidden],.library-category[hidden]{display:none}.tool-list>.library-category{margin-top:16px}.library-disclosure{width:100%;min-height:36px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--secondary);font-size:13px;font-weight:650;text-align:left}.library-disclosure-label{display:flex;align-items:center;gap:6px}.library-disclosure .library-current-mark{display:none;flex:none;font-size:16px}.library-disclosure[aria-current=location]{color:var(--accent)}.library-disclosure[aria-current=location] .library-current-mark{display:inline-block}.library-disclosure>.ph-caret-right{font-size:13px;transition:transform calc(var(--ui-disclosure-close-ms) * 1ms) var(--ui-disclosure-easing)}.library-disclosure[aria-expanded=true]>.ph-caret-right{transition-duration:calc(var(--ui-disclosure-open-ms) * 1ms);transform:rotate(90deg)}.tool-item{width:100%;min-height:42px;padding:10px 8px;color:var(--ink);text-decoration:none;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;text-align:left;transition:color 220ms,background 170ms}.tool-item[hidden]{display:none}.tool-item.is-active{color:var(--accent)}.tool-item.is-active .name{font-weight:650}.tool-item i{font-size:18px}.tool-item .name{min-width:0;font-size:14px;font-weight:560;line-height:1.45;overflow-wrap:anywhere}.empty-search{display:none;padding:16px 8px;color:var(--secondary);font-size:13px}.empty-search.is-visible{display:block}.main{position:relative;min-width:0;background:var(--canvas)}.floating-top{position:absolute;z-index:20;right:20px;bottom:max(20px,env(safe-area-inset-bottom));font-size:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility 0s linear .4s}.floating-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-duration:130ms,0s;transition-delay:0s}.toolbar-button.floating-top-button{width:40px;height:40px;padding:0;border:.5px solid var(--glass-border);border-radius:50%;background:var(--chrome);box-shadow:0 2px 8px rgba(0,0,0,.16)}.toolbar-button.floating-top-button:active,.toolbar-button.floating-top-button:focus-visible,.toolbar-button.floating-top-button:hover{background:color-mix(in srgb,var(--chrome) 82%,var(--pressed))}.toolbar-button.floating-top-button>i{font-size:22px}.desktop-viewport{position:absolute;inset:0;overflow:hidden}.desktop-screen{position:absolute;inset:0;visibility:hidden;pointer-events:none}.desktop-screen.is-active{visibility:visible;pointer-events:auto}.main-scroll{position:absolute;inset:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;--scroll-end-padding:64px;--scroll-sticky-bottom:calc(var(--edge-bottom) - var(--scroll-end-padding));--scroll-pin-reach:var(--scroll-sticky-bottom);padding:var(--edge-top) clamp(26px,5vw,72px) var(--scroll-end-padding);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.52) 14px,#000 var(--edge-top),#000 calc(100% - var(--edge-bottom)),rgba(0,0,0,.52) calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.52) 14px,#000 var(--edge-top),#000 calc(100% - var(--edge-bottom)),rgba(0,0,0,.52) calc(100% - 16px),transparent 100%)}.main-scroll::-webkit-scrollbar{display:none}.main-inner{width:min(100%,720px);margin:0 auto;padding-bottom:var(--toc-tail-space,0)}.main-scroll:has(> .main-inner [data-fill-screen]){display:flex;flex-direction:column}.main-scroll:has(> .main-inner [data-fill-screen])>.main-inner{flex:1 0 auto;display:flex;flex-direction:column}.desktop-screen[data-tool-id=home] .main-inner{width:min(100%,720px)}.desktop-screen[data-tool-id=home] .main-scroll{padding-inline:24px}.desktop-screen[data-tool-id=home] .main-scroll[data-near-end]{background-color:var(--brand-caramel-background)}.large-title-wrap{margin:8px 0 26px}.large-title-wrap.has-tool-help{display:flex;align-items:flex-start;gap:12px}.large-title-wrap.has-tool-help>.large-title{min-width:0}.large-title-help{flex:0 0 auto}.large-title{margin:0;font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,sans-serif;font-size:34px;line-height:1.08;font-weight:720;letter-spacing:-.035em}.context-section+.context-section{margin-top:28px}.context-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 9px;padding:0;border:0}.context-head h2{margin:0;font-size:14px;font-weight:700}.context-link{position:relative;width:100%;min-height:36px;padding:0 5px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;text-align:left;color:var(--secondary);font-size:13px;transition:background 150ms,color 190ms}.toc-group+.toc-group,.toc-tree{border-top:.5px solid var(--separator)}.toc-group-head{position:relative}.toc-group-head .context-link{padding-right:38px}.toc-disclosure{position:absolute;inset:0 0 0 auto;width:34px;padding:0;color:var(--secondary);display:grid;place-items:center}.toc-disclosure i{font-size:13px;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)}.context-link[data-toc-level="3"]{min-height:32px;padding-left:20px}.context-link i{font-size:15px}.context-link:hover{color:var(--ink)}.context-link.is-current{color:var(--accent);font-weight:650}.context-link.is-current .toc-mark::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}.context-link[data-toc-target=top].is-current .toc-mark::after{display:none}.toc-mark{width:22px;height:22px;display:grid;place-items:center}.send-list{display:grid}.send-action{width:100%;min-height:38px;padding:0 6px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;text-align:left;font-size:13px;transition:background 150ms}.send-action>i:first-child{font-size:17px;color:var(--secondary)}.send-action>i:last-child{font-size:13px;color:var(--tertiary)}.send-action>i:last-child.is-copied{font-size:15px;color:var(--accent)}@media(max-width:1199px){.workspace{grid-template-columns:var(--left-w) minmax(0,1fr)}.sidebar-right{position:fixed;visibility:hidden;pointer-events:none}.sidebar-right .context-section{margin-top:0}.sidebar-right[data-mode=share] #tocSection,.sidebar-right[data-mode=toc] #sendSection{display:none}#sendButton,.toolbar-button[data-context]{display:inline-flex}}@media(min-width:1200px){#sendButton,.toolbar-button[data-context]{display:none}}@media(max-width:980px){.toolbar{gap:8px;padding:0 10px}.toolbar-button .button-label{display:none}.toolbar-button{padding:0 8px}.tool-title{width:min(34vw,300px)}.main-scroll{padding-left:30px;padding-right:30px}}@media(max-width:759px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar-left{position:fixed;visibility:hidden;pointer-events:none}.toolbar-button[data-library]{display:inline-flex}#contextButton{order:1}#sendButton{order:2}.main-scroll{padding-left:clamp(18px,6vw,30px);padding-right:clamp(18px,6vw,30px)}}@media(max-width:520px){.toolbar{gap:4px;padding:0 7px}.toolbar-group{gap:1px}.toolbar-button{height:32px;min-width:32px;padding:0 6px}.toolbar-button i{font-size:17px}.tool-title{width:72px;font-size:13px}.large-title{font-size:31px}}@media(prefers-reduced-motion:reduce){.floating-panel,.floating-top{transition-delay:0s!important}*,::after,::before{scroll-behavior:auto!important;transition-duration:NaNs!important}:not(:where(artpudding-logo *)),:not(:where(artpudding-logo *))::after,:not(:where(artpudding-logo *))::before{animation-duration:NaNs!important;animation-iteration-count:1!important}}