.of-root{--of-cjk:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei";--of-cjk-serif:"Songti TC", "Noto Serif TC", "PMingLiU"}.of-root:lang(zh-CN){--of-cjk:"PingFang SC", "Noto Sans SC", "Microsoft YaHei";--of-cjk-serif:"Songti SC", "Noto Serif SC", "SimSun"}.of-root:lang(ja){--of-cjk:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo";--of-cjk-serif:"Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho";word-break:auto-phrase;overflow-wrap:anywhere}.of-root{--of-font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", var(--of-cjk), sans-serif;--of-heading-font:var(--of-font);--of-radius:10px;--of-gap:24px;--of-width:640px;--of-primary:#4f46e5;--of-primary-fg:#fff;--of-bg:#f4f4f6;--of-surface:#fff;--of-fg:#18181b;--of-muted:#6b6b76;--of-border:#e2e2e7;--of-control:#93939b;--of-input:#fff;--of-error:#d92d20;--of-success:#16a34a;--of-ring:color-mix(in srgb, var(--of-primary) 24%, transparent);--of-hover-border:color-mix(in srgb, var(--of-fg) 22%, var(--of-border));--of-hover-control:color-mix(in srgb, var(--of-fg) 40%, var(--of-control));--of-button-radius:var(--of-radius);--of-ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--of-font);color:var(--of-fg);background:var(--of-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;padding:clamp(16px,6vw,64px) 16px;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){.of-root{--lightningcss-light: ;--lightningcss-dark:initial}.of-root:where(:not([data-scheme=light])){--of-primary:#8b8cf8;--of-primary-fg:#0b0b12;--of-bg:#0b0b0e;--of-surface:#141418;--of-fg:#f4f4f5;--of-muted:#a0a0ab;--of-border:#2a2a31;--of-control:#64646f;--of-input:#0f0f13;--of-error:#f97066;--of-success:#4ade80}}.of-root:where([data-scheme=dark]){--of-primary:#8b8cf8;--of-primary-fg:#0b0b12;--of-bg:#0b0b0e;--of-surface:#141418;--of-fg:#f4f4f5;--of-muted:#a0a0ab;--of-border:#2a2a31;--of-control:#64646f;--of-input:#0f0f13;--of-error:#f97066;--of-success:#4ade80}.of-root[data-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.of-root[data-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.of-root *,.of-root :before,.of-root :after{box-sizing:border-box}.of-root[data-layout=plain]{background:0 0;padding:0}.of-frame{display:contents}.of-form{max-width:var(--of-width);background:var(--of-surface);border:1px solid var(--of-border);border-radius:calc(var(--of-radius) * 1.6);margin:0 auto;padding:clamp(24px,5vw,44px);position:relative;box-shadow:0 1px 2px #0000000a,0 12px 40px -16px #0000001f}.of-root[data-layout=plain] .of-form{box-shadow:none;background:0 0;border:0;padding:0}.of-header{margin-bottom:calc(var(--of-gap) * 1.25)}.of-title{font-family:var(--of-heading-font);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,1.2rem + 1.1vw,1.875rem);font-weight:650;line-height:1.2}.of-description{color:var(--of-muted);text-wrap:pretty;margin:.6rem 0 0;line-height:1.6}.of-eyebrow{letter-spacing:.04em;color:var(--of-muted);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.of-progress{margin-bottom:calc(var(--of-gap) * 1.25)}.of-progress-label{color:var(--of-muted);font-variant-numeric:tabular-nums;margin-bottom:.5rem;font-size:.8125rem;font-weight:550}.of-progress-track{background:color-mix(in srgb, var(--of-fg) 8%, transparent);border-radius:999px;height:4px;overflow:hidden}.of-progress-bar{border-radius:inherit;background:var(--of-primary);height:100%;transition:width .4s var(--of-ease)}.of-root{--of-aside-width:340px}.of-shell{grid-template-columns:minmax(0, var(--of-width)) var(--of-aside-width);justify-content:center;align-items:start;gap:calc(var(--of-gap) * 1.25);margin:0 auto;display:grid}.of-shell>.of-form{width:100%;max-width:none;margin:0}.of-aside{min-width:0;position:sticky;top:clamp(16px,4vw,40px)}@media (width<=960px){.of-shell{max-width:var(--of-width);grid-template-columns:minmax(0,1fr)}.of-aside{position:static}}.of-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.of-step:focus{outline:none}.of-step{animation:of-step-in .32s var(--of-ease)}@keyframes of-step-in{0%{opacity:0;transform:translateY(6px)}}.of-page-header{margin-bottom:var(--of-gap)}.of-page-title{font-family:var(--of-heading-font);letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:620}.of-page-description{color:var(--of-muted);margin:.35rem 0 0;line-height:1.55}.of-fields{gap:var(--of-gap);display:grid}.of-fields+.of-step{margin-top:var(--of-gap)}.of-row{gap:var(--of-gap) calc(var(--of-gap) * .66);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.of-heading{font-family:var(--of-heading-font);margin:.25rem 0 0;font-size:1rem;font-weight:620}.of-paragraph{color:var(--of-muted);margin:0;line-height:1.6}.of-field{border:0;min-width:0;margin:0;padding:0;display:block}.of-field>*+*{margin-top:.5rem}.of-field>legend{float:left;width:100%;padding:0}.of-field>legend+*{clear:both}.of-label{font-size:.9375rem;font-weight:560;line-height:1.4;display:block}.of-required{color:var(--of-error);margin-left:.2em}.of-help{color:var(--of-muted);margin:0;font-size:.875rem;line-height:1.5}.of-label+.of-help,.of-field>legend+.of-help{margin-top:.15rem}.of-error{color:var(--of-error);animation:of-error-in .2s var(--of-ease);margin:0;font-size:.875rem;line-height:1.45}@keyframes of-error-in{0%{opacity:0;transform:translateY(-2px)}}.of-input{width:100%;min-height:46px;font:inherit;color:var(--of-fg);background:var(--of-input);border:1px solid var(--of-control);border-radius:var(--of-radius);appearance:none;margin:0;padding:.7rem .875rem;font-size:1rem;transition:border-color .15s,box-shadow .15s;display:block}.of-input:hover{border-color:var(--of-hover-control)}.of-input:focus{border-color:var(--of-primary);box-shadow:0 0 0 3px var(--of-ring);outline:none}.of-input::placeholder{color:color-mix(in srgb, var(--of-muted) 70%, transparent)}.of-input[aria-invalid=true]{border-color:var(--of-error)}.of-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--of-error) 20%, transparent)}.of-textarea{resize:vertical;min-height:7rem;line-height:1.55}.of-field>.of-counter{text-align:right;color:var(--of-muted);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.75rem}.of-input-group{align-items:center;gap:.6rem;display:flex}.of-unit{color:var(--of-muted);flex:none;font-size:.9375rem}.of-select-wrap{position:relative}.of-select-wrap:after{content:"";background:var(--of-muted);pointer-events:none;width:10px;height:6px;position:absolute;top:50%;right:.95rem;translate:0 -50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.of-select{cursor:pointer;padding-right:2.5rem}.of-select[data-placeholder]{color:var(--of-muted)}.of-choices{gap:.5rem;display:grid}.of-choices[data-variant=cards]{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}.of-choice{border:1px solid var(--of-border);border-radius:var(--of-radius);background:var(--of-input);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.75rem .875rem;line-height:1.4;transition:border-color .15s,background-color .15s;display:flex}.of-choice:hover{border-color:var(--of-hover-border)}.of-choice:has(input:checked){border-color:var(--of-primary);background:color-mix(in srgb, var(--of-primary) 7%, var(--of-input))}.of-choice:has(input:focus-visible){outline:2px solid var(--of-primary);outline-offset:2px}.of-choice-text{gap:.15rem;display:grid}.of-choice-single,.of-choice-single:hover{background:0 0;border:0;padding:0}.of-choice-single:has(input:checked){background:0 0;border:0;padding:0}.of-choice-single:has(input:focus-visible){outline:none}.of-radio,.of-checkbox{border:1.5px solid var(--of-control);background:var(--of-input);appearance:none;cursor:pointer;flex:none;place-content:center;width:20px;height:20px;margin:.05rem 0 0;transition:background-color .15s,border-color .15s;display:grid}.of-radio{border-radius:50%}.of-checkbox{border-radius:6px}.of-radio:before{content:"";background:var(--of-primary-fg);width:8px;height:8px;transition:transform .15s var(--of-ease);border-radius:50%;transform:scale(0)}.of-checkbox:before{content:"";background:var(--of-primary-fg);width:12px;height:12px;transition:transform .15s var(--of-ease);transform:scale(0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.of-radio:checked,.of-checkbox:checked{border-color:var(--of-primary);background:var(--of-primary)}.of-radio:checked:before,.of-checkbox:checked:before{transform:scale(1)}.of-radio:focus-visible,.of-checkbox:focus-visible{outline:none}.of-choice-single .of-checkbox:focus-visible{outline:2px solid var(--of-primary);outline-offset:2px}.of-radio[aria-invalid=true],.of-checkbox[aria-invalid=true]{border-color:var(--of-error)}.of-rating{grid-template-columns:repeat(var(--of-rating-count,5), minmax(0, 1fr));gap:6px;display:grid}.of-rating-item{position:relative}.of-rating-item input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.of-rating-item span{border:1px solid var(--of-control);border-radius:var(--of-radius);background:var(--of-input);font-variant-numeric:tabular-nums;place-items:center;min-height:46px;font-weight:560;transition:background-color .15s,border-color .15s,color .15s;display:grid}.of-rating-item:hover span{border-color:var(--of-hover-control)}.of-rating-item input:checked+span{background:var(--of-primary);border-color:var(--of-primary);color:var(--of-primary-fg)}.of-rating-item input:focus-visible+span{outline:2px solid var(--of-primary);outline-offset:2px}.of-rating-item input[aria-invalid=true]+span{border-color:var(--of-error)}.of-rating-labels{color:var(--of-muted);justify-content:space-between;gap:1rem;font-size:.8125rem;display:flex}.of-alert{margin-top:var(--of-gap);border:1px solid color-mix(in srgb, var(--of-error) 28%, transparent);border-radius:var(--of-radius);background:color-mix(in srgb, var(--of-error) 8%, var(--of-surface));color:var(--of-error);padding:.75rem 1rem;font-size:.9rem}.of-alert:empty{border:0;margin:0;padding:0}.of-root{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--of-fg) 26%, transparent) transparent;position:relative}.of-lang{z-index:20;font-family:var(--of-font);position:absolute;top:12px;right:12px}.of-lang-button{border:1px solid color-mix(in srgb, var(--of-fg) 14%, transparent);background:color-mix(in srgb, var(--of-surface) 88%, transparent);height:32px;color:var(--of-fg);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.8125rem;transition:border-color .15s;display:inline-flex}.of-lang-button svg{color:var(--of-muted)}.of-lang-button:hover{border-color:color-mix(in srgb, var(--of-fg) 28%, transparent)}.of-lang-button:focus-visible{outline:2px solid var(--of-primary);outline-offset:2px}.of-lang-menu{border:1px solid color-mix(in srgb, var(--of-fg) 12%, transparent);background:var(--of-surface);border-radius:12px;min-width:168px;padding:4px;animation:.12s ease-out of-lang-in;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px -12px #00000047}@keyframes of-lang-in{0%{opacity:0;transform:translateY(-4px)}}.of-lang-option{color:var(--of-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:.875rem;display:flex}.of-lang-option svg{color:var(--of-primary);visibility:hidden}.of-lang-option[aria-selected=true]{font-weight:600}.of-lang-option[aria-selected=true] svg{visibility:visible}.of-lang-option:hover,.of-lang-option:focus-visible{background:color-mix(in srgb, var(--of-fg) 7%, transparent);outline:none}.of-banner.of-banner-draft{background:color-mix(in srgb, var(--of-primary) 8%, var(--of-surface));color:var(--of-fg);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.of-banner-action{color:inherit;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.of-banner-action:focus-visible{outline:2px solid var(--of-primary);outline-offset:2px;border-radius:2px}.of-banner.of-banner-inspect{background:color-mix(in srgb, var(--of-primary) 10%, var(--of-surface));color:var(--of-fg)}.of-inspect-note{border:1px dashed color-mix(in srgb, var(--of-primary) 55%, transparent);color:var(--of-primary);border-radius:6px;margin:0 0 12px;padding:3px 9px;font-size:.8125rem;display:inline-block}.of-when-reveal{gap:var(--of-gap);border:1px dashed color-mix(in srgb, var(--of-primary) 45%, transparent);border-radius:var(--of-radius);padding:12px;display:grid}.of-when-reveal>.of-inspect-note{border:0;justify-self:start;margin:0;padding:0}.of-banner{margin:0 0 var(--of-gap);border-radius:var(--of-radius);background:color-mix(in srgb, #f59e0b 14%, var(--of-surface));color:color-mix(in srgb, #b45309 80%, var(--of-fg));padding:.6rem .9rem;font-size:.875rem}.of-nav{margin-top:calc(var(--of-gap) * 1.25);flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.of-button{min-width:112px;min-height:46px;font:inherit;border-radius:var(--of-button-radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.35rem;font-size:.9375rem;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s,transform .1s;display:inline-flex}.of-button:active{transform:scale(.98)}.of-button:focus-visible{outline:2px solid var(--of-primary);outline-offset:2px}.of-button:disabled{opacity:.7;cursor:progress}.of-button-primary{background:var(--of-primary);color:var(--of-primary-fg)}.of-button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--of-primary) 88%, #000)}.of-button-secondary{color:var(--of-fg);border-color:var(--of-control);background:0 0;margin-right:auto}.of-button-secondary:hover{background:color-mix(in srgb, var(--of-fg) 5%, transparent)}.of-success,.of-notice{text-align:center;padding-block:clamp(40px,9vw,72px)}.of-success .of-description,.of-notice .of-description{max-width:44ch;margin-inline:auto}.of-success-icon{background:color-mix(in srgb, var(--of-success) 14%, transparent);width:56px;height:56px;color:var(--of-success);animation:of-pop .45s var(--of-ease);border-radius:50%;place-items:center;margin:0 auto 1.25rem;display:grid}@keyframes of-pop{0%{opacity:0;transform:scale(.6)}}.of-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.of-root:has(>.of-frame>.of-split,>.of-split){padding:0}.of-split{grid-template-columns:minmax(300px,5fr) minmax(0,7fr);min-height:100dvh;display:grid}.of-split-brand{background:var(--of-primary);color:var(--of-primary-fg);padding:clamp(32px,6vw,80px);position:relative}.of-split-brand-inner{gap:calc(var(--of-gap) * 1.5);display:grid;position:sticky;top:clamp(32px,6vw,80px)}.of-split-brand .of-header{margin:0}.of-split-brand .of-title{font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);line-height:1.05}.of-split-brand .of-description,.of-split-brand .of-progress-label{color:color-mix(in srgb, var(--of-primary-fg) 72%, transparent)}.of-split-brand .of-progress{margin:0}.of-split-brand .of-progress-track{background:color-mix(in srgb, var(--of-primary-fg) 20%, transparent)}.of-split-brand .of-progress-bar{background:var(--of-primary-fg)}.of-split-main{background:var(--of-surface);align-items:center;padding:clamp(32px,6vw,80px) clamp(20px,5vw,72px);display:grid}.of-split-content{width:100%;max-width:var(--of-width)}.of-split-content.of-success{text-align:center}@media (width<=860px){.of-split{grid-template-columns:minmax(0,1fr);min-height:0}.of-split-brand{padding:32px 20px}.of-split-main{padding:28px 20px 40px}}.of-stepper{max-width:calc(var(--of-width) + 240px)}.of-stepper-body{gap:calc(var(--of-gap) * 1.5);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.of-stepper-rail{position:sticky;top:24px}.of-stepper-rail ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.of-stepper-rail button{border-radius:var(--of-radius);width:100%;color:var(--of-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-size:.9rem;transition:background-color .15s,color .15s;display:flex}.of-stepper-rail button:hover:not(:disabled){background:color-mix(in srgb, var(--of-fg) 5%, transparent);color:var(--of-fg)}.of-stepper-rail button:disabled{cursor:default}.of-stepper-rail button:focus-visible{outline:2px solid var(--of-primary);outline-offset:2px}.of-stepper-rail li[data-state=current] button{background:color-mix(in srgb, var(--of-primary) 9%, transparent);color:var(--of-fg);font-weight:600}.of-stepper-dot{border:1.5px solid var(--of-border);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:650;display:grid}.of-stepper-rail li[data-state=current] .of-stepper-dot,.of-stepper-rail li[data-state=done] .of-stepper-dot{border-color:var(--of-primary);background:var(--of-primary);color:var(--of-primary-fg)}.of-stepper-aside{margin-top:var(--of-gap)}@media (width<=760px){.of-stepper-body{gap:var(--of-gap);grid-template-columns:minmax(0,1fr)}.of-stepper-rail{position:static}.of-stepper-rail ol{gap:6px;display:flex;overflow-x:auto}.of-stepper-rail li:not([data-state=current]) .of-stepper-title{display:none}.of-stepper-rail button{white-space:nowrap;width:auto}}.of-root:has(>.of-frame>.of-focus,>.of-focus){padding:0}.of-focus{align-items:center;min-height:100dvh;display:grid;position:relative}.of-focus-bar{background:color-mix(in srgb, var(--of-fg) 8%, transparent);height:4px;position:absolute;inset:0 0 auto}.of-focus-bar span{background:var(--of-primary);height:100%;transition:width .5s var(--of-ease);display:block}.of-focus-inner{width:min(var(--of-width), 100% - 40px);margin:0 auto;padding:clamp(56px,10vh,120px) 0}.of-focus-inner.of-success{text-align:center}.of-focus .of-header{margin-bottom:calc(var(--of-gap) * 1.5)}.of-focus .of-title{font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem);line-height:1.05}.of-focus-count{color:var(--of-muted);font-variant-numeric:tabular-nums;margin:0 0 1rem;font-size:.875rem;font-weight:600}.of-focus-current{color:var(--of-primary)}.of-focus-cover .of-header{margin-bottom:calc(var(--of-gap) * 1.5)}.of-focus-cover .of-description{text-wrap:pretty;max-width:32rem}.of-focus-cover{animation:of-focus-in .5s var(--of-ease)}.of-focus-actions{margin-top:calc(var(--of-gap) * 1.5);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.of-focus-actions>.of-nav{display:contents}.of-focus-actions .of-button-secondary{order:2;margin-left:auto}.of-focus .of-step{animation:of-focus-in .5s var(--of-ease)}@keyframes of-focus-in{0%{opacity:0;transform:translateY(24px)}}.of-focus .of-page-title,.of-focus .of-label{letter-spacing:-.01em;font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);font-weight:600;line-height:1.25}.of-focus .of-help{font-size:1rem}.of-focus .of-input{min-height:56px;font-size:1.25rem}.of-focus-hint{color:var(--of-muted);order:1;margin:0;font-size:.8125rem}.of-focus-newline{display:none}.of-focus-inner:has(textarea) .of-focus-newline{display:inline}@media (hover:none){.of-focus-hint{display:none}}@media (width<=520px){.of-root[data-layout=card]{background:var(--of-surface);padding:0}.of-root[data-layout=card] .of-form{box-shadow:none;border:0;border-radius:0;padding:28px 20px 32px}.of-root[data-layout=card] .of-shell{gap:0}.of-root[data-layout=card] .of-aside{padding:0 20px 28px}.of-nav .of-button{flex:1;min-width:0}.of-button-secondary{margin-right:0}.of-rating{gap:4px}.of-rating-item span{min-height:42px;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.of-root *,.of-root :before,.of-root :after{transition:none!important;animation:none!important}}html,body{margin:0}html:has(.of-host){background:var(--of-page-bg,#f4f4f6);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--of-page-fg,#888) 28%, transparent) transparent}html:has(.of-host)::-webkit-scrollbar{width:10px;height:10px}html:has(.of-host)::-webkit-scrollbar-track{background:0 0}html:has(.of-host)::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--of-page-fg,#888) 28%, transparent) padding-box;border:3px solid #0000;border-radius:999px}.of-host{flex-direction:column;min-height:100dvh;display:flex}.of-host>.of-root{flex:1}html[data-of-embed] .of-host,html[data-of-embed] .of-split,html[data-of-embed] .of-focus{min-height:0}.of-host-detail{text-align:left;white-space:pre-wrap;max-width:60ch;color:var(--of-error);background:color-mix(in srgb, var(--of-error) 7%, var(--of-surface));border-radius:var(--of-radius);margin:1.25rem auto 0;padding:.85rem 1rem;font:.8125rem/1.55 ui-monospace,SF Mono,Menlo,monospace}.of-missing{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-bottom:max(clamp(16px,6vw,64px),10vh);display:flex}.of-missing>*{animation:of-missing-rise .6s var(--of-ease) both}.of-missing>:nth-child(2){animation-delay:80ms}.of-missing>:nth-child(3){animation-delay:.14s}.of-missing>:nth-child(4){animation-delay:.2s}@keyframes of-missing-rise{0%{opacity:0;transform:translateY(8px)}}.of-missing-art{aspect-ratio:232/148;width:min(232px,72vw);margin-bottom:40px;position:relative}.of-missing-card{border:1px solid var(--of-border);background:var(--of-surface);border-radius:16px;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-2deg);box-shadow:0 1px 2px #0000000a,0 18px 40px -16px #00000029}.of-missing-card-back{opacity:.55;box-shadow:none;transform:translate(10px,8px)rotate(4deg)}.of-missing-rail{stroke:var(--of-fg);stroke-opacity:.12;stroke-width:2px;stroke-linecap:round}.of-missing-dashed{stroke-dasharray:2 4}.of-missing-done{fill:var(--of-fg);fill-opacity:.16}.of-missing-bar{fill:var(--of-fg);fill-opacity:.08}.of-missing-gone{stroke:var(--of-fg);stroke-width:1.5px;stroke-dasharray:3 3.5;animation:2.4s ease-in-out infinite of-missing-search}@keyframes of-missing-search{0%,to{stroke-opacity:.2}50%{stroke-opacity:.55}}.of-missing-code{border:1px solid var(--of-border);background:var(--of-surface);letter-spacing:.12em;color:var(--of-muted);border-radius:999px;margin:0 0 16px;padding:2px 10px;font:500 12px/20px ui-monospace,SF Mono,Menlo,monospace}.of-missing-title{font-family:var(--of-heading-font);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(28px,5vw,40px);font-weight:600;line-height:1.1}.of-missing-message{max-width:38ch;color:var(--of-muted);text-wrap:balance;margin:14px 0 0;font-size:15px;line-height:1.6}.of-missing:lang(zh) .of-missing-title,.of-missing:lang(ja) .of-missing-title{letter-spacing:0}.of-missing:lang(zh) .of-missing-message,.of-missing:lang(ja) .of-missing-message{max-width:22em}@media (prefers-color-scheme:dark){.of-missing-card{box-shadow:0 18px 40px -16px #0009}}@media (prefers-reduced-motion:reduce){.of-missing>*,.of-missing-gone{animation:none}.of-missing-gone{stroke-opacity:.4}}