.shuriken-spinner{animation:shuriken-spin 1s linear infinite;flex-shrink:0}@keyframes shuriken-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.shuriken-spinner{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-action-gradient);color:var(--color-on-action);box-shadow:var(--shadow-action)}.btn-primary:hover:not(:disabled){background:var(--color-action-hover);box-shadow:var(--shadow-action-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-inset)}.btn-secondary{background:var(--color-surface-gradient);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background-color:var(--color-primary-soft);color:var(--color-primary)}.btn-sm{padding:8px 14px;font-size:var(--font-size-sm)}.btn-md{padding:12px 22px;font-size:var(--font-size-lg)}.btn-lg{padding:14px 28px;font-size:var(--font-size-body)}.btn-loading{display:inline-flex;align-items:center;gap:8px}.auth-recovery{width:min(100%,34rem);box-sizing:border-box;margin:1rem auto;padding:1.25rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;line-height:1.7}.auth-recovery p{margin:0 0 1rem;overflow-wrap:anywhere}.auth-recovery-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.auth-recovery a{color:var(--color-text);text-decoration:underline;padding:.6rem 0}.auth-page{min-height:100dvh;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.auth-notice{position:fixed;z-index:var(--z-system);bottom:max(1rem,env(safe-area-inset-bottom));left:1rem;right:1rem;width:min(34rem,calc(100% - 2rem));margin:auto;max-height:80dvh;overflow-y:auto;background:var(--color-bg);box-shadow:var(--shadow-lg);border-radius:12px}.auth-notice .auth-recovery{margin:0}.auth-login-help{width:min(100%,34rem);margin:1rem auto}.auth-login-help summary{cursor:pointer;padding:.65rem 0}.auth-page>a{color:var(--color-text);padding:.65rem}.auth-recovery :focus-visible,.auth-login-help :focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.social-auth-dialog{box-sizing:border-box;margin:auto;width:min(440px,calc(100vw - 32px));padding:40px 28px 24px;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface)}.social-auth-dialog::backdrop{background:var(--color-scrim-strong)}.social-auth-dialog h2{margin:0 0 12px;font-size:var(--font-size-3xl)}.social-auth-dialog p{font-size:var(--font-size-md);line-height:1.7}.social-auth-close{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:transparent;color:var(--color-text);font-size:var(--font-size-4xl);cursor:pointer}.social-auth-provider{width:100%;min-height:48px;margin-top:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-highlight);font:inherit;font-weight:700;cursor:pointer}.social-auth-provider:disabled{opacity:.55;cursor:wait}.social-auth-dialog :focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.social-auth-legal{margin-bottom:0}.social-auth-legal a{color:var(--color-text-secondary);text-decoration:underline}.social-auth-page{position:relative;display:block;margin:0 auto;box-sizing:border-box}.auth-signin-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 12px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);background:var(--color-chip-bg);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease}.auth-signin-btn:hover{color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.35);background:var(--color-primary-soft)}.auth-user{display:flex;align-items:center;justify-content:center;padding:4px 0}.auth-buttons{display:flex;flex-direction:column;gap:8px}.auth-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 12px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-google-text);background:var(--color-google-bg);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease}.auth-google-btn:hover{background:var(--color-chip-bg);border-color:rgba(var(--color-primary-rgb),.35)}.auth-google-icon{width:16px;height:16px}.auth-signup-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 12px;font-size:var(--font-size-sm);font-weight:600;background:var(--color-action-gradient);color:var(--color-on-action);box-shadow:var(--shadow-action);border:1px solid var(--color-primary);border-radius:10px;cursor:pointer;transition:all .2s ease}.auth-signup-btn:hover{background:var(--color-action-hover);border-color:var(--color-primary)}.auth-closed-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;padding:4px 0}.landing-header{--lp-navy: var(--color-text);--lp-coral: var(--color-primary);display:flex;justify-content:space-between;align-items:center;padding:16px 20px 10px;position:relative;z-index:var(--z-sticky);animation:fadeInDown .7s ease-out both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.landing-logo{display:flex;align-items:center;text-decoration:none}.landing-nav{display:flex;align-items:center;gap:12px}.landing-nav a{color:var(--lp-navy);font-size:var(--font-size-xs);font-weight:700;text-decoration:none;padding:6px 2px}.landing-nav a:hover{color:var(--lp-coral)}.landing-nav-divider{width:1px;height:14px;background:var(--color-border)}.landing-menu-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:4px;border:none;border-radius:9px;background:transparent;color:var(--lp-navy);cursor:pointer;transition:background .2s ease}.landing-menu-btn:hover{background:var(--color-hover-bg)}.landing-menu{position:absolute;top:calc(100% - 2px);right:16px;display:flex;flex-direction:column;min-width:190px;padding:8px;background:var(--color-surface);border-radius:16px;box-shadow:var(--shadow-md);z-index:var(--z-dropdown)}.landing-menu a:not(.landing-menu-cta){color:var(--lp-navy)}.landing-menu a{padding:11px 14px;border-radius:10px;font-size:var(--font-size-sm);font-weight:700;text-decoration:none}.landing-menu a:not(.landing-menu-cta):hover{background:var(--color-hover-bg)}.landing-menu-cta{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;background:var(--color-action-gradient);color:var(--color-on-action)}.landing-menu-cta:hover{opacity:.92;background:var(--color-action-gradient)}.landing-menu-auth{display:flex;flex-direction:column;gap:8px;padding:11px 14px}.landing-menu-auth .auth-buttons{display:flex;flex-direction:column;gap:8px}.landing-menu-auth .auth-signin-btn,.landing-menu-auth .auth-signup-btn{width:100%;justify-content:center}.landing-menu-auth .auth-closed-note{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.landing-header-auth .auth-buttons{flex-direction:row;gap:8px}.landing-header-auth .auth-signin-btn,.landing-header-auth .auth-signup-btn{width:auto;padding:7px 12px;font-size:var(--font-size-xs)}@media(max-width:768px){.landing-nav>a,.landing-nav>.landing-nav-divider,.landing-header-auth{display:none}.landing-menu-btn{display:flex}}@media(min-width:769px){.landing-header{padding:22px 48px 12px}.landing-logo .brand-wordmark{--bw-height: 42px}.landing-nav{gap:16px}.landing-nav a{font-size:var(--font-size-md)}}.landing-brand-image{display:block;width:auto;height:39px;object-fit:contain}@media(max-width:768px){.landing-brand-image{height:30px}}.legal-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:24px 20px 32px;font-size:var(--font-size-sm)}.legal-footer a{color:var(--lp-gray, var(--color-text-secondary));text-decoration:none}.legal-footer a:hover{color:var(--lp-navy, var(--color-text));text-decoration:underline}.sample-preview{display:block;width:100%;border:1px solid var(--color-paper-line);padding:0;background:var(--color-paper);cursor:zoom-in;border-radius:2px;overflow:hidden}.sample-preview img{display:block;width:100%;height:auto;aspect-ratio:16 / 9}.sample-expand{border:0;background:transparent;display:inline-flex;align-items:center;gap:7px;color:var(--home-ink);font-size:var(--font-size-md);cursor:pointer;padding:10px 4px;white-space:nowrap}.sample-tabs{display:flex;gap:8px;margin:30px 0 28px;border-bottom:1px solid var(--color-border)}.sample-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;min-height:52px;padding:10px 20px;color:var(--home-muted);font-weight:700;cursor:pointer}.sample-tabs button[aria-selected=true]{background:var(--color-primary-soft);border-radius:12px 12px 0 0;border-bottom-color:var(--home-accent);color:var(--home-accent)}.sample-panel{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;align-items:start}.sample-input h3{font-size:var(--font-size-2xl);line-height:1.65;margin:0 0 12px}.sample-input>p{font-size:var(--font-size-md);margin:0 0 16px;color:var(--home-muted)}.sample-input details{border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);margin:20px 0 16px}.sample-input summary{cursor:pointer;padding:14px 0;font-size:var(--font-size-md);font-weight:700}.sample-input-text{font-size:var(--font-size-md);line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.sample-settings{font-size:var(--font-size-sm);color:var(--home-muted)}.sample-input .btn{color:var(--home-ink);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-md)}.sample-input .sample-copy-status{min-height:24px;font-size:var(--font-size-sm);margin:8px 0}.sample-input .sample-provenance{font-size:var(--font-size-xs);line-height:1.9}.sample-input-excerpt{font-size:var(--font-size-md);line-height:1.9}.sample-input:has(details[open]) .sample-input-excerpt{display:none}.sample-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.sample-pagination{display:flex;align-items:center;gap:16px;font-size:var(--font-size-md)}.sample-pagination button,.sample-dialog-bar button{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:5px;width:42px;height:42px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.sample-pagination button:disabled{opacity:.35;cursor:default}.sample-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(1500px,96vw);max-width:96vw;max-height:95dvh;padding:20px;background:var(--color-bg);color:var(--color-text);border:0;border-radius:8px;overflow:auto;font-family:Noto Sans JP,sans-serif}.sample-dialog::backdrop{background:var(--color-scrim-strong)}.sample-dialog :is(button,a,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.sample-dialog-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.sample-dialog-bar h2{font-size:var(--font-size-xl);margin:0}.sample-dialog-bar button{flex-shrink:0}.sample-dialog-image{overflow:auto;background:var(--color-paper)}.sample-dialog-image img{display:block;width:100%;min-width:960px;height:auto;aspect-ratio:16 / 9}.sample-dialog .sample-pagination{justify-content:center;margin-top:16px}.sample-unavailable{min-height:280px;align-self:stretch;padding:40px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.sample-unavailable h3{font-size:var(--font-size-2xl);margin:0 0 12px}.sample-unavailable p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.sample-pan-hint{display:none;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:10px 0}@media(max-width:1100px){.sample-panel{grid-template-columns:250px minmax(0,1fr);gap:24px}}@media(max-width:1100px){.sample-pan-hint{display:block}}@media(max-width:768px){.sample-tabs{gap:0;margin-top:22px}.sample-tabs button{flex:1;padding:10px 6px;font-size:var(--font-size-xs)}.sample-panel{display:flex;flex-direction:column;gap:24px}.sample-input,.sample-output{width:100%}.sample-input h3{font-size:var(--font-size-xl)}.sample-input .sample-copy-status:empty{min-height:0;margin:0}.sample-input .sample-provenance{margin-top:12px}.sample-toolbar{gap:8px}.sample-pagination{gap:10px;font-size:var(--font-size-xs)}.sample-expand{font-size:var(--font-size-xs)}.sample-dialog{padding:12px;width:96vw}.sample-dialog-bar h2{font-size:var(--font-size-md)}.sample-dialog-image{max-height:66dvh}}@media(prefers-reduced-motion:no-preference){.sample-tabs button{transition:background .22s,color .22s,border-color .22s}.sample-pagination button,.sample-expand{transition:transform .2s,background .2s}.sample-pagination button:not(:disabled):hover{transform:translateY(-3px);background:var(--color-hover-bg)}.sample-expand:hover{transform:translateY(-2px)}.sample-preview{transition:box-shadow .25s,border-color .25s}.sample-preview:is(:hover,:focus-visible){box-shadow:0 8px 28px var(--color-shadow);border-color:var(--home-accent)}.sample-panel{animation:sample-arrive .45s cubic-bezier(.16,1,.3,1)}.sample-output img{animation:sample-page-in .3s ease-out}.sample-dialog[open]{animation:sample-dialog-in .22s ease-out}}@keyframes sample-arrive{0%{opacity:.5;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sample-page-in{0%{opacity:.6;transform:translate(8px)}to{opacity:1;transform:none}}@keyframes sample-dialog-in{0%{opacity:.4;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@font-face{font-family:Ninjai Home JP;src:url(/assets/home-display-900-CCiMWoxR.woff2) format("woff2");font-weight:700 900;font-display:swap}@font-face{font-family:Ninjai Home Latin;src:url(/assets/home-latin-D9FQYPTK.woff2) format("woff2");font-weight:700 900;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2014,U+2018-201D,U+2026}.top-page{--top-gutter: clamp(18px, 5vw, 48px);--top-max: 1240px;--top-inline: max(var(--top-gutter), calc((100% - var(--top-max)) / 2));--top-ease: cubic-bezier(.16, 1, .3, 1);--top-spring: cubic-bezier(.34, 1.56, .64, 1);--top-font-display: "Ninjai Home Latin", "Ninjai Home JP", "IBM Plex Sans JP", sans-serif;--top-font-body: "IBM Plex Sans", "IBM Plex Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--color-text-muted: var(--top-ink-2);--color-bg: var(--top-bg);--color-surface: var(--top-surface);--color-surface-hover: var(--top-soft);--color-hover-bg: var(--top-soft);--color-border: var(--top-line);--color-primary-soft: var(--top-soft);--color-primary-soft-hover: var(--top-soft-2);--shadow-action: var(--top-shadow-sm);--shadow-action-hover: var(--top-shadow-sm);--shadow-md: var(--top-shadow);--home-ink: var(--top-ink);--home-muted: var(--top-ink-2);--home-accent: var(--top-purple);min-height:100vh;overflow-x:clip;background:var(--top-bg);color:var(--top-ink);font-family:var(--top-font-body);line-height:1.75;letter-spacing:.02em}html:has(.top-page){background:var(--top-bg)}.top-page :is(a,button,summary,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.top-page button{font:inherit}.top-page a,.top-page button{-webkit-tap-highlight-color:transparent}.top-page :is(h1,h2,h3,p,li,figcaption){word-break:auto-phrase;line-break:strict}.top-page :is(h1,h2,h3){font-family:var(--top-font-display);color:var(--top-ink);text-wrap:balance}.top-page p{text-wrap:pretty}.top-display{font-weight:900;letter-spacing:-.01em;line-height:1.3}.top-phrase{display:inline-block}.top-skip{position:fixed;top:8px;left:8px;z-index:var(--z-modal);padding:12px 16px;border-radius:10px;background:var(--top-purple);color:var(--top-on-purple);font-weight:700;transform:translateY(-160%)}.top-skip:focus{transform:none}.top-marker{position:relative;z-index:var(--z-base);display:inline-block;color:var(--top-marker-text);white-space:nowrap}.top-marker:after{content:"";position:absolute;inset:auto -.06em .04em;z-index:var(--z-below);height:.32em;border-radius:.12em;background:var(--top-marker);transform-origin:left center}.top-page .landing-header{--lp-navy: var(--top-ink);--lp-coral: var(--top-link);max-width:calc(var(--top-max) + 2 * var(--top-gutter));margin:0 auto;padding:20px var(--top-gutter)}.top-page .landing-brand-image{filter:var(--logo-filter)}.top-page .landing-nav>a,.top-page .landing-menu-btn{color:var(--top-ink)}.top-page .landing-nav>a:hover{color:var(--top-link)}.top-page .landing-nav-divider{background:var(--top-line)}.top-page .landing-menu-btn{width:44px;height:44px}.top-page .landing-menu-btn:hover{background:var(--top-soft)}.top-page .landing-menu{background:var(--top-surface);border:1px solid var(--top-line);box-shadow:var(--top-shadow)}.top-page .landing-menu a{color:var(--top-ink)}.top-page .landing-menu a:hover{background:var(--top-soft)}.top-page :is(.landing-menu-cta,.auth-signup-btn){border-radius:999px}.top-page .landing-header-auth .auth-signin-btn{color:var(--top-ink);background:var(--top-soft);border-color:var(--top-line);border-radius:999px;box-shadow:none}.top-page .landing-header-auth .auth-signin-btn:hover{color:var(--top-link);background:var(--top-soft-2);border-color:var(--top-purple)}.top-page .legal-footer{background:var(--top-bg);border-top:1px solid var(--top-line);padding:28px var(--top-gutter) 36px}.top-page .legal-footer a{color:var(--top-ink-2)}.top-page .legal-footer a:hover{color:var(--top-link)}.top-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.top-cta,.top-ghost,.top-text-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;text-decoration:none}.top-cta{min-height:56px;padding:14px 28px;border-radius:999px;background:var(--top-purple);color:var(--top-on-purple);font-size:var(--font-size-body);box-shadow:var(--top-shadow-sm)}.top-cta:hover{background:var(--top-purple-hover);color:var(--top-on-purple)}.top-cta-yellow,.top-cta-yellow:hover{color:var(--top-on-yellow)}.top-cta-yellow{background:var(--top-yellow)}.top-cta-yellow:hover{background:var(--top-yellow-hover)}.top-ghost{min-height:56px;padding:14px 24px;border:1.5px solid var(--top-line);border-radius:999px;background:var(--top-surface);color:var(--top-ink);font-size:var(--font-size-lg)}.top-ghost:hover{border-color:var(--top-purple);color:var(--top-link)}.top-text-link{color:var(--top-link);font-size:var(--font-size-lg);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}.top-note{margin-top:14px;color:var(--top-ink-2);font-size:var(--font-size-sm)}.top-section{padding:clamp(64px,9vw,120px) var(--top-inline);scroll-margin-top:16px}.top-heading{max-width:760px}.top-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--top-link);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.12em}.top-eyebrow:before{content:"";width:18px;height:4px;border-radius:2px;background:var(--top-yellow)}.top-heading h2{font-size:clamp(28px,calc(2.6vw + 18px),46px)}.top-heading>p:last-child:not(.top-eyebrow){margin-top:16px;color:var(--top-ink-2);font-size:var(--font-size-xl)}.top-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(28px,5vw,72px) var(--top-inline) clamp(64px,8vw,112px)}.top-hero:before,.top-hero:after{content:"";position:absolute;z-index:var(--z-below);border-radius:50%;pointer-events:none}.top-hero:before{top:2%;right:max(-6vw,-80px);width:min(58vw,720px);aspect-ratio:1;background:radial-gradient(closest-side,var(--top-yellow-soft),transparent)}.top-hero:after{bottom:-8%;left:-10vw;width:min(48vw,560px);aspect-ratio:1;background:radial-gradient(closest-side,var(--top-soft-2),transparent)}.top-hero-copy{min-width:0}.top-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:4px 16px 4px 4px;border:1px solid var(--top-line);border-radius:999px;background:var(--top-surface);color:var(--top-ink);font-size:var(--font-size-md);font-weight:700}.top-kicker-img{width:36px;height:36px;border-radius:50%;background:var(--top-yellow);object-fit:contain}.top-hero h1{font-size:clamp(40px,calc(4.2vw + 22px),76px);line-height:1.22;letter-spacing:-.02em}.top-line{display:block;white-space:nowrap}.top-lead{max-width:34em;margin:28px 0 32px;color:var(--top-ink-2);font-size:clamp(16px,calc(.4vw + 14px),19px);line-height:1.9}.top-demo{min-width:0;margin:0}.top-demo-window{overflow:hidden;border:1px solid var(--top-line);border-radius:22px;background:var(--top-surface);box-shadow:var(--top-shadow)}.top-demo-bar{display:flex;align-items:center;gap:7px;padding:10px 16px;border-bottom:1px solid var(--top-line)}.top-demo-bar span{width:10px;height:10px;border-radius:50%;background:var(--top-line)}.top-demo-bar span:nth-child(2){background:var(--top-yellow)}.top-demo-bar span:nth-child(3){background:var(--top-purple)}.top-demo-bar p{margin-left:auto;color:var(--top-ink-2);font-size:var(--font-size-xs)}.top-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px}.top-demo-card{padding:12px 14px 14px;border-radius:14px;background:var(--top-soft);font-size:var(--font-size-sm);line-height:1.6}.top-demo-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--top-ink);font-size:var(--font-size-xs);font-weight:700}.top-demo-label>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--top-purple);color:var(--top-on-purple);font-family:var(--top-font-display);font-size:var(--font-size-2xs)}.top-demo-label small{margin-left:auto;color:var(--top-ink-2);font-size:var(--font-size-xs);font-weight:500}.top-demo-memo ul,.top-demo-outline ol{display:grid;gap:4px;list-style:none}.top-demo-memo li{position:relative;padding-left:14px}.top-demo-memo li:before{content:"";position:absolute;top:.75em;left:2px;width:6px;height:2px;border-radius:1px;background:var(--top-link)}.top-demo-outline ol{counter-reset:outline}.top-demo-outline li{display:flex;gap:8px;padding:2px 6px;border-radius:6px;counter-increment:outline}.top-demo-outline li:before{content:counter(outline);flex:none;color:var(--top-link);font-family:var(--top-font-display);font-weight:800}.top-demo-outline li.is-current{background:var(--top-yellow-soft);font-weight:700}.top-demo-slide{grid-column:1 / -1}.top-demo-slide .top-demo-label{padding-inline:2px}.top-page .sample-preview{border:1px solid var(--top-line);border-radius:12px;background:var(--color-paper)}.top-page .sample-preview:is(:hover,:focus-visible){border-color:var(--top-purple)}.top-demo figcaption,.top-demo>figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:12px;color:var(--top-ink-2);font-size:var(--font-size-xs);line-height:1.7}.top-page .sample-expand{color:var(--top-link);font-weight:700}.top-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}.top-pillar{display:flex;flex-direction:column;padding:14px 14px 28px;border:1px solid var(--top-line);border-radius:24px;background:var(--top-surface)}.top-pillar>:not(.top-pillar-visual){padding-inline:12px}.top-pillar-visual{display:flex;flex-direction:column;overflow:hidden;aspect-ratio:5 / 4;border-radius:16px;background:var(--top-soft)}.top-pillar-shot{flex:1;min-height:0;width:100%;object-fit:cover;object-position:top left}.top-pillar-outline .top-pillar-shot{width:calc(100% - 48px);margin:20px 24px 0;border-radius:10px 10px 0 0;box-shadow:var(--top-shadow-sm)}.top-type-list{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;height:100%;padding:16px;list-style:none}.top-type-list li{display:flex;align-items:center;gap:12px;min-height:0;font-size:var(--font-size-sm);font-weight:700}.top-type-thumb{height:100%;width:auto;aspect-ratio:16 / 9;border:1px solid var(--top-line);border-radius:6px;background:var(--color-paper);object-fit:cover}.top-formats{display:flex;gap:8px;padding:12px;border-top:1px solid var(--top-line);background:var(--top-surface)}.top-formats span{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;background:var(--top-yellow);color:var(--top-on-yellow);font-family:var(--top-font-display);font-size:var(--font-size-sm);font-weight:800}.top-pillar-number{margin-top:24px;color:var(--top-link);font-family:var(--top-font-display);font-size:var(--font-size-md);font-weight:800;letter-spacing:.14em}.top-pillar h3{margin:6px 0 10px;font-size:clamp(20px,calc(.6vw + 16px),24px);font-weight:900;line-height:1.45}.top-pillar>p:last-child{color:var(--top-ink-2);font-size:var(--font-size-lg)}.top-samples{background:var(--top-soft)}.home-slider-picker{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 28px}.home-slider-picker button{min-height:44px;padding:8px 20px;border:1.5px solid var(--top-line);border-radius:999px;background:var(--top-surface);color:var(--top-ink);font-weight:700;cursor:pointer}.home-slider-picker button:hover{border-color:var(--top-purple)}.home-slider-picker button[aria-pressed=true]{border-color:var(--top-purple);background:var(--top-purple);color:var(--top-on-purple)}.home-slider-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px}.home-slider-track::-webkit-scrollbar{display:none}.home-slider-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);padding:4px;scroll-snap-align:start}.home-slider-slide .sample-preview{border-radius:16px;box-shadow:var(--top-shadow)}.top-badge{display:inline-block;margin-bottom:12px;padding:2px 12px;border-radius:999px;background:var(--top-yellow);color:var(--top-on-yellow);font-size:var(--font-size-xs);font-weight:700}.home-slider-slide h3{margin-bottom:12px;font-size:clamp(22px,calc(1vw + 16px),30px);font-weight:900;line-height:1.45}.home-slider-slide p:not(.top-badge){color:var(--top-ink-2)}.home-sample-source{margin:16px 0 4px;font-size:var(--font-size-md)}.home-sample-source summary{color:var(--top-link);font-weight:700;cursor:pointer}.home-sample-source p{max-height:180px;margin-top:8px;overflow:auto;white-space:pre-wrap;font-size:var(--font-size-sm);line-height:1.75}.home-slider-slide .sample-expand{display:flex;margin:4px 0 8px}.home-slider-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px 0 8px;font-size:var(--font-size-md)}.home-slider-controls button{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid var(--top-line);border-radius:50%;background:var(--top-surface);color:var(--top-ink);cursor:pointer}.home-slider-controls button:not(:disabled):hover{border-color:var(--top-purple);color:var(--top-link)}.home-slider-controls button:disabled{opacity:.35;cursor:default}.top-samples-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-top:20px;padding-top:20px;border-top:1px solid var(--top-line)}.top-samples-footer .top-note{margin:0}.top-step-list{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0 32px;list-style:none}.top-step-list:before{content:"";position:absolute;top:51px;left:16%;right:16%;border-top:2px dashed var(--top-line)}.top-step-list li{position:relative;padding:28px;border:1px solid var(--top-line);border-radius:20px;background:var(--top-surface)}.top-step-number{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:50%;background:var(--top-yellow);color:var(--top-on-yellow);font-family:var(--top-font-display);font-size:var(--font-size-2xl);font-weight:800}.top-step-list h3{margin-bottom:6px;font-size:var(--font-size-2xl);font-weight:900}.top-step-list p{color:var(--top-ink-2);font-size:var(--font-size-lg)}.top-more{padding-top:0}.top-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}.top-more-card{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--top-line);border-radius:20px;background:var(--top-surface);color:var(--top-ink);text-decoration:none}.top-more-card:hover{border-color:var(--top-purple);color:var(--top-ink)}.top-more-icon{display:grid;flex:none;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--top-soft-2);color:var(--top-link)}.top-more-body{display:grid;gap:4px;min-width:0}.top-more-body strong{font-family:var(--top-font-display);font-size:var(--font-size-xl);font-weight:900}.top-more-body>span{color:var(--top-ink-2);font-size:var(--font-size-md)}.top-more-arrow{flex:none;margin-left:auto;color:var(--top-link)}.top-final{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,9vw,112px) var(--top-inline);background:var(--top-final);color:var(--top-final-text);text-align:center}.top-final:before,.top-final:after{content:"";position:absolute;z-index:var(--z-below);border-radius:50%;pointer-events:none}.top-final:before{top:-30%;left:-8%;width:min(50vw,520px);aspect-ratio:1;background:radial-gradient(closest-side,var(--top-glow-yellow),transparent)}.top-final:after{right:-10%;bottom:-40%;width:min(60vw,640px);aspect-ratio:1;background:radial-gradient(closest-side,var(--top-glow-white),transparent)}.top-final-inner{max-width:760px;margin:0 auto}.top-final-mascot{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.top-final-mascot-img{width:88px;height:88px;border-radius:50%;background:var(--top-final-halo);object-fit:contain}.top-final-mascot span{padding:8px 16px;border-radius:16px 16px 16px 4px;background:var(--top-bubble);color:var(--top-on-yellow);font-size:var(--font-size-md);font-weight:700}.top-final h2{color:var(--top-final-text);font-size:clamp(32px,calc(3vw + 20px),60px)}.top-final .top-actions{justify-content:center;margin-top:32px}.top-final .top-ghost{border-color:var(--top-final-line);background:transparent;color:var(--top-final-text)}.top-final .top-ghost:hover{border-color:var(--top-final-text);color:var(--top-final-text)}.top-final .top-note{color:var(--top-final-muted)}.top-page .sample-dialog{background:var(--top-soft);color:var(--top-ink);border-radius:16px;font-family:var(--top-font-body)}.top-page .sample-dialog-bar h2{font-family:var(--top-font-body)}.top-page .sample-dialog::backdrop{background:var(--top-scrim)}.top-page :is(.sample-pagination button,.sample-dialog-bar button){border-color:var(--top-line);border-radius:50%;background:var(--top-surface);color:var(--top-ink)}@media(max-width:1100px){.top-hero{grid-template-columns:minmax(0,1fr)}.top-hero-copy{max-width:680px}.top-pillar-grid{grid-template-columns:minmax(0,1fr);max-width:640px}.top-step-list{grid-template-columns:minmax(0,1fr)}.top-step-list:before{top:40px;bottom:40px;left:52px;right:auto;border-top:0;border-left:2px dashed var(--top-line)}.top-step-list li{display:grid;grid-template-columns:auto 1fr;column-gap:18px;padding:20px 24px}.top-step-number{grid-row:span 2;margin:0}}@media(max-width:768px){.top-page .landing-header{padding:14px var(--top-gutter)}.home-slider-slide{grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.top-more-grid{grid-template-columns:minmax(0,1fr)}.top-heading>p:last-child:not(.top-eyebrow){font-size:var(--font-size-lg)}}@media(max-width:480px){.top-kicker{font-size:var(--font-size-sm)}.top-hero .top-actions>*{flex:1 1 100%}.top-demo-grid{grid-template-columns:minmax(0,1fr);padding:10px;gap:10px}.top-demo>figcaption{flex-direction:column;gap:0}.top-final .top-actions>*{flex:1 1 100%}.top-more-card{padding:20px 18px;gap:14px}.top-step-list li{padding:18px}.top-step-list:before{left:42px}}@media(prefers-reduced-motion:no-preference){html:has(.top-page){scroll-behavior:smooth}.top-cta,.top-ghost,.top-more-card,.top-pillar,.home-slider-picker button,.home-slider-controls button{transition:transform .26s var(--top-spring),background-color .2s,border-color .2s,color .2s,box-shadow .26s}:is(.top-cta,.top-ghost):is(:hover,:focus-visible){transform:translateY(-2px)}:is(.top-cta,.top-ghost):active{transform:translateY(1px) scale(.98)}:is(.top-cta,.top-text-link,.top-more-card) svg:last-child{transition:transform .26s var(--top-spring)}:is(.top-cta,.top-text-link,.top-more-card):is(:hover,:focus-visible) svg:last-child{transform:translate(4px)}.top-more-card:is(:hover,:focus-visible),.top-pillar:hover{transform:translateY(-4px);box-shadow:var(--top-shadow)}.top-pillar-shot,.top-type-thumb{transition:transform .5s var(--top-ease)}.top-pillar:hover .top-pillar-shot,.top-type-list li:hover .top-type-thumb{transform:scale(1.03)}.home-slider-controls button:not(:disabled):active,.home-slider-picker button:active{transform:scale(.94)}.top-page .sample-preview{transition:transform .3s var(--top-ease),border-color .2s}.top-page .sample-preview:hover{transform:translateY(-3px)}.top-page .landing-header{animation:top-fade .6s var(--top-ease) both}.top-hero-copy>*{animation:top-rise .8s var(--top-ease) both}.top-hero-copy>:nth-child(2){animation-delay:80ms}.top-hero-copy>:nth-child(3){animation-delay:.16s}.top-hero-copy>:nth-child(n+4){animation-delay:.24s}.top-hero .top-marker:after{animation:top-sweep .7s .5s cubic-bezier(.7,0,.2,1) both}.top-kicker-img{animation:top-bounce .9s .9s var(--top-ease) 3;transform-origin:50% 90%}.top-demo-window{animation:top-rise .9s .12s var(--top-ease) both}.top-demo-memo li{animation:top-type .42s calc(.4s + var(--step) * .22s) steps(6,end) both}.top-demo-memo li:last-child:after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.15em;background:var(--top-purple);opacity:0}.top-demo-memo li:last-child:after{animation:top-caret .9s 1.3s steps(1) 3}.top-demo-outline li{animation:top-stack .52s calc(1.3s + var(--step) * .11s) var(--top-ease) both}.top-demo-outline li.is-current{animation:top-stack .52s calc(1.3s + var(--step) * .11s) var(--top-ease) both,top-flash .9s 2.1s ease-out}.top-demo-slide .sample-preview{animation:top-land .9s 1.9s var(--top-spring) both}.top-can-reveal [data-reveal]:not(.is-revealed){opacity:0}.top-can-reveal .is-entering{animation:top-rise .76s var(--top-ease) var(--reveal-delay, 0ms) backwards}.top-can-reveal .is-entering .top-marker:after{animation:top-sweep .7s calc(var(--reveal-delay, 0ms) + .35s) cubic-bezier(.7,0,.2,1) backwards}.top-can-reveal [data-reveal]:not(.is-revealed) .top-marker:after{transform:scaleX(0)}.top-final-inner.is-entering .top-final-mascot-img{animation:top-bounce 1.1s .4s ease-in-out 3;transform-origin:50% 90%}.top-final-mascot:hover .top-final-mascot-img{animation:top-wave .65s ease-in-out}.top-page .sample-dialog[open]{animation:top-rise .26s var(--top-ease)}}@keyframes top-fade{0%{opacity:0}}@keyframes top-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes top-sweep{0%{transform:scaleX(0)}}@keyframes top-type{0%{opacity:0;transform:translate(-8px)}}@keyframes top-caret{0%{opacity:1}50%{opacity:0}}@keyframes top-stack{0%{opacity:0;transform:translateY(10px)}}@keyframes top-flash{0%{transform:scale(1)}40%{transform:scale(1.04)}}@keyframes top-land{0%{opacity:.2;transform:translateY(28px) scale(.94)}}@keyframes top-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-6px) rotate(-4deg)}}@keyframes top-wave{25%{transform:rotate(-10deg)}75%{transform:rotate(8deg)}}@media(prefers-reduced-motion:reduce){.top-page *,.top-page *:before,.top-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.top-page [data-reveal]{opacity:1!important;transform:none!important}}.route-fallback{display:flex;align-items:center;justify-content:center;min-height:100dvh;color:var(--color-primary)}.confirm-dialog{box-sizing:border-box;margin:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface-gradient);background-color:var(--color-surface);box-shadow:var(--shadow-md)}.confirm-dialog::backdrop{background:var(--color-scrim-strong)}.confirm-dialog-title{font-size:var(--font-size-xl);font-weight:600;line-height:1.6;overflow-wrap:anywhere}.confirm-dialog-description{margin-top:12px;padding:10px 12px;border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-text);font-size:var(--font-size-md);font-weight:600;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}.confirm-dialog--danger .confirm-dialog-description{border-left-color:var(--color-error);background:var(--color-error-soft)}.confirm-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}.confirm-dialog-actions .btn{min-height:44px;white-space:normal}.btn-primary.confirm-dialog-danger-action{background:var(--color-error);color:var(--color-on-error)}.btn-primary.confirm-dialog-danger-action:hover:not(:disabled){background:var(--color-error);filter:brightness(.92)}@media(max-width:480px){.confirm-dialog{padding:20px 16px 16px}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .btn{width:100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--color-brand: light-dark(#5b3df5, #b7a6ff);--color-primary: light-dark(#5b3df5, #c9bdff);--color-primary-hover: light-dark(#4527d8, #e0d8ff);--color-primary-rgb: 91, 61, 245;--color-on-primary: light-dark(#ffffff, #140f2e);--color-on-action: light-dark(#ffffff, #140f2e);--color-action: light-dark(#5b3df5, #b7a6ff);--color-action-strong: light-dark(#4527d8, #cbbfff);--color-action-gradient: linear-gradient(135deg, var(--color-action), var(--color-action));--color-action-hover: linear-gradient( 135deg, var(--color-action-strong), var(--color-action-strong) );--color-brand-gradient: linear-gradient( 135deg, var(--color-brand) 0%, light-dark(#4527d8, #cbbfff) 100% );--color-highlight: #ffd43b;--color-highlight-hover: #ffe070;--color-on-highlight: #1c1538;--color-highlight-soft: light-dark(#fff4c7, #ffd43b24);--color-bg: light-dark(#f7f5fd, #120e26);--color-surface: light-dark(#fdfcff, #1b1638);--color-surface-glass: var(--color-surface);--color-surface-hover: light-dark(#efebfb, #2a2352);--color-surface-gradient: linear-gradient( 145deg, var(--color-surface-highlight), var(--color-surface) );--color-chip-bg: light-dark(#ece8f7, #29224f);--color-primary-soft: light-dark(#f0ecff, #2a2354);--color-primary-soft-hover: light-dark(#e4dcff, #342b66);--color-text: light-dark(#1c1538, #f5f2ff);--color-text-secondary: light-dark(#4a4366, #d3cbf2);--color-text-muted: light-dark(#5f5880, #aba2d4);--color-border: light-dark(#c8bfe3, #4f4680);--color-hover-bg: light-dark(#ece8f7, #2a2352);--color-overlay: light-dark(#f7f5fdee, #120e26ee);--color-success: light-dark(#007955, #74d9b5);--color-error: light-dark(#b62939, #ff9292);--color-focus: light-dark(#5b3df5, #ffd43b);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 3px 3px 8px light-dark(#2a1a7a12, #05031060), -2px -2px 6px light-dark(#ffffffc9, #4a3f8a26);--shadow-md: 8px 10px 24px light-dark(#2a1a7a17, #05031080), -6px -6px 18px light-dark(#ffffffd9, #4a3f8a1f);--shadow-action: 0 8px 20px -10px light-dark(#2a1a7a66, #00000080);--shadow-action-hover: 0 12px 24px -10px light-dark(#2a1a7a80, #00000099);--shadow-inset: inset 2px 2px 5px light-dark(#2a1a7a10, #05031070), inset -2px -2px 5px light-dark(#ffffffc9, #4a3f8a1f);--logo-filter: none;--sidebar-ink: 28, 21, 56;--color-surface-highlight: light-dark(#ffffff, #241e47);--color-border-subtle: light-dark(#e1d9fb, #3b3368);--color-error-soft: light-dark(#fbecee, #3d2233);--color-on-error: light-dark(#ffffff, #3a1016);--color-scrim: light-dark(#1c153866, #05031099);--color-scrim-strong: light-dark(#0e0a1fa6, #050310cc);--color-shadow: light-dark(#2a1a7a26, #05031080);--color-shadow-soft: light-dark(#2a1a7a0a, #05031040);--color-edge-highlight: light-dark(#ffffff, #3a3268);--color-media-scrim: #000000a0;--color-on-media: #ffffff;--color-code-bg: #1e1e1e;--color-code-text: #d4d4d4;--color-code-border: #333333;--color-paper: #ffffff;--color-paper-line: #d9e0e8;--color-paper-ink: #1c3d5a;--color-paper-muted: #5a6b7d;--color-paper-error: #c0392b;--color-edit-ring: #c45c26;--color-device-frame: #333333;--color-canvas: #e8ebef;--color-accent-soft: light-dark(#fff4c7, #312a5c);--color-accent-edge: light-dark(transparent, #ffd43bb3);--shadow-lg: 0 16px 48px var(--color-shadow);--color-google-bg: #ffffff;--color-google-text: #1f1f1f;--focus-ring-width: 2px;--focus-ring-offset: 3px;--focus-ring: var(--focus-ring-width) solid var(--color-focus);--focus-ring-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), .35);--font-size-2xs: 11px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-body: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--z-below: -1;--z-base: 0;--z-raised: 1;--z-above: 2;--z-sticky: 10;--z-dropdown: 100;--z-overlay: 200;--z-modal: 1000;--z-toast: 1100;--z-system: 2147483647;--top-ink: var(--color-text);--top-ink-2: var(--color-text-secondary);--top-bg: light-dark(#ffffff, #120e26);--top-surface: light-dark(#ffffff, #1b1638);--top-soft: light-dark(#f5f2ff, #221c47);--top-soft-2: light-dark(#ece6ff, #29224f);--top-line: var(--color-border-subtle);--top-purple: var(--color-brand);--top-purple-hover: var(--color-action-strong);--top-on-purple: var(--color-on-action);--top-link: var(--color-primary);--top-yellow: var(--color-highlight);--top-yellow-hover: var(--color-highlight-hover);--top-yellow-soft: var(--color-highlight-soft);--top-on-yellow: var(--color-on-highlight);--top-marker: light-dark(#ffd43b, #6e4bffa6);--top-marker-text: light-dark(#1c1538, #ffd43b);--top-focus: var(--color-focus);--top-final: light-dark(#5b3df5, #251f4a);--top-final-text: #ffffff;--top-final-muted: light-dark(#f1edff, #d3cbf2);--top-shadow: 0 24px 48px -24px light-dark(#2a1a7a3d, #00000099);--top-shadow-sm: 0 8px 20px -10px light-dark(#2a1a7a33, #00000080);--top-glow-yellow: #ffd43b40;--top-glow-white: #ffffff26;--top-final-halo: #ffffff24;--top-final-line: #ffffff80;--top-bubble: #ffffff;--top-scrim: #120e26d9}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-primary-rgb: 183, 166, 255;--logo-filter: brightness(0) invert(1);--sidebar-ink: 245, 242, 255}}:root[data-theme=dark]{color-scheme:dark;--color-primary-rgb: 183, 166, 255;--logo-filter: brightness(0) invert(1);--sidebar-ink: 245, 242, 255}html,body,#root{height:100%;margin:0;padding:0}html{font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg)}body{font-family:IBM Plex Sans,IBM Plex Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);line-height:1.6;font-feature-settings:"palt";letter-spacing:.02em}h1,h2,h3{font-family:"M PLUS Rounded 1c",IBM Plex Sans JP,sans-serif}button{font-family:inherit;cursor:pointer;border:none;background:none}button,a,select,input,textarea,[role=button]{touch-action:manipulation}textarea{font-family:inherit;resize:vertical}a{color:var(--color-primary);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}.logo-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light{display:none}:root:not([data-theme=light]) .logo-dark{display:inline}}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:inline}::selection{background:var(--color-highlight);color:var(--color-on-highlight)}input,textarea{caret-color:var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}html{scrollbar-color:var(--color-border) var(--color-bg)}@media(prefers-reduced-motion:reduce){.btn{transition:none}}