:root{color-scheme: light dark;--bg: #fbf8f0;--bg-alt: #f5efe1;--sheet: linear-gradient(180deg,#fbf6e9,#f3ecdc);--tile: #fffdf8;--tile-2: #f6f1e5;--text: #26221a;--text-2: #5e574a;--text-3: #857d6e;--hairline: rgba(58,47,18,0.12);--hairline-2: rgba(58,47,18,0.07);--canary: #ffe04a;--canary-top: #fce368;--canary-bot: #ffdb2a;--stroke: linear-gradient(90deg,#c25100,#b57f00);--accent: #1450d2;--accent-soft: rgba(20,80,210,0.1);--link: #1450d2;--focus: #1450d2;--btn: linear-gradient(180deg,#ffe668,#ffd31f);--btn-text: #3a2f12;--nav-bg: rgba(251,248,240,0.8);--pro: linear-gradient(135deg,#ffe04a 0%,#ffaac4 52%,#9fd4fb 100%);--pro-text: #2c2410;--shadow-tile: 0 1px 2px rgba(58,47,18,0.06),0 18px 40px -26px rgba(80,60,10,0.34);--shadow-lg: 0 50px 100px -40px rgba(70,50,10,0.4),0 24px 48px -30px rgba(0,0,0,0.3);--radius: 26px;--maxw: 1180px;--gutter: 22px;--font: -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--rounded: ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Hiragino Maru Gothic ProN","Hiragino Sans","Segoe UI",Roboto,sans-serif;--mono: ui-monospace,"SF Mono",Menlo,monospace;--ease-out: cubic-bezier(0.22,1,0.36,1);--spring: cubic-bezier(0.34,1.4,0.64,1)}@media (prefers-color-scheme: dark){:root{--bg: #16140f;--bg-alt: #1c1913;--sheet: linear-gradient(180deg,#1d1a14,#17150f);--tile: #221f18;--tile-2: #29251d;--text: #f4efe4;--text-2: #b9b1a1;--text-3: #8f8778;--hairline: rgba(255,245,220,0.12);--hairline-2: rgba(255,245,220,0.07);--stroke: linear-gradient(90deg,#ffa33d,#ffcf3d);--accent: #6fa8ff;--accent-soft: rgba(111,168,255,0.16);--link: #8fb8ff;--focus: #8fb8ff;--nav-bg: rgba(22,20,15,0.78);--shadow-tile: 0 0 0 1px rgba(255,245,220,0.06);--shadow-lg: 0 50px 110px -40px rgba(0,0,0,0.7),0 0 0 1px rgba(255,245,220,0.06)}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 72px;background: var(--bg)}body{margin: 0;background: var(--bg);color: var(--text);font-family: var(--font);font-size: 17px;line-height: 1.55;letter-spacing: -0.011em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip;text-rendering: optimizeLegibility}:lang(ja) body,body:lang(ja){letter-spacing: 0.01em;line-height: 1.75;line-break: strict;word-break: normal;overflow-wrap: anywhere}img,svg,canvas,picture{display: block;max-width: 100%}picture img{width: 100%;height: auto}a{color: var(--link);text-decoration: none;text-underline-offset: 0.18em}a:hover{text-decoration: underline}:focus-visible{outline: 3px solid var(--accent);outline-offset: 3px;border-radius: 6px}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin: 0}ul,ol{margin: 0;padding: 0}button{font: inherit;color: inherit}kbd{display: inline-grid;place-items: center;min-width: 1.75em;height: 1.75em;padding: 0 0.45em;border-radius: 0.42em;font: 600 0.82em/1 var(--rounded);color: var(--text);background: linear-gradient(180deg,#ffffff,#f0eff3);box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12),0 1px 0 rgba(0,0,0,0.12);vertical-align: 0.08em;white-space: nowrap}@media (prefers-color-scheme: dark){kbd{background: linear-gradient(180deg,#3a3a42,#2c2c33);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12),0 1px 0 #000}}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: 12px;top: -60px;z-index: 100;padding: 10px 16px;border-radius: 12px;background: var(--text);color: var(--bg);font-weight: 600}.skip-link:focus{top: 12px}.sprite{position: absolute;width: 0;height: 0;overflow: hidden}.wrap{width: 100%;max-width: calc(var(--maxw) + 2 * var(--gutter));margin: 0 auto;padding: 0 var(--gutter)}.narrow{max-width: calc(780px + 2 * var(--gutter))}.eyebrow{display: inline-flex;align-items: center;gap: 8px;font: 700 14px/1.2 var(--rounded);background: var(--stroke);-webkit-background-clip: text;background-clip: text;color: transparent}:lang(ja) .eyebrow{text-transform: none;letter-spacing: 0.04em}.headline{font: 700 clamp(40px,6.6vw,80px)/1.03 var(--rounded);letter-spacing: -0.035em;text-wrap: balance}.h2{font: 700 clamp(32px,4.6vw,54px)/1.06 var(--rounded);letter-spacing: -0.03em;text-wrap: balance}.h3{font: 700 clamp(22px,2.4vw,28px)/1.15 var(--rounded);letter-spacing: -0.02em}:lang(ja) .headline,:lang(ja) .h2,:lang(ja) .h3{letter-spacing: 0;line-height: 1.25}.subhead{font-size: clamp(19px,2vw,23px);line-height: 1.45;color: var(--text-2);text-wrap: pretty}.headline em,.h2 em{font-style: normal;background: var(--stroke);-webkit-background-clip: text;background-clip: text;color: transparent;padding-bottom: 0.06em}.center{text-align: center}.lede-block{max-width: 760px}.center .lede-block,.lede-block.center{margin-left: auto;margin-right: auto}.sec-head{display: grid;gap: 14px;margin-bottom: clamp(32px,4vw,52px)}.sec-head.center{justify-items: center}.more{display: inline-flex;align-items: center;gap: 6px;font-weight: 600;color: var(--link)}.more::after{content: "›";font-size: 1.2em;line-height: 1;transition: transform 0.25s var(--ease-out)}.more:hover{text-decoration: none}.more:hover::after{transform: translateX(3px)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 44px;padding: 0 22px;border-radius: 999px;background: var(--btn);color: var(--btn-text);font-weight: 600;border: 0;cursor: pointer;box-shadow: 0 10px 24px -12px rgba(160,120,0,0.7),inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(150,110,0,0.25);transition: transform 0.2s var(--ease-out),box-shadow 0.2s}.btn:hover{text-decoration: none;transform: translateY(-1px)}.btn-sm{height: 34px;padding: 0 16px;font-size: 15px}.appstore-badge{display: inline-block;border-radius: 10px;transition: transform 0.2s var(--ease-out)}.appstore-badge:hover{transform: translateY(-2px)}.appstore-badge img{width: auto;height: 54px}.hero-cta{display: flex;flex-direction: column;align-items: center;gap: 12px;margin-top: 30px}.hero-cta.left{align-items: flex-start}.cta-note{font-size: 14px;color: var(--text-3)}.chip{display: inline-flex;align-items: center;gap: 6px;height: 26px;padding: 0 11px;border-radius: 999px;font: 600 13px/1 var(--rounded);background: var(--tile-2);color: var(--text-2);box-shadow: inset 0 0 0 1px var(--hairline-2);white-space: nowrap}.chip.free{background: rgba(40,180,90,0.12);color: #157a3c;box-shadow: none}.chip.pro{background: var(--pro);color: var(--pro-text);box-shadow: none}@media (prefers-color-scheme: dark){.chip.free{background: rgba(60,200,110,0.16);color: #74e09d}}.ck{width: 20px;height: 20px;flex: none;color: var(--accent)}.lang-banner{position: relative;z-index: 60;display: flex;align-items: center;justify-content: center;gap: 12px;padding: 10px 48px 10px 18px;background: var(--text);color: var(--bg);font-size: 15px}.lang-banner[hidden]{display: none}.lang-banner p{margin: 0;text-align: center}.lang-banner a{color: inherit;font-weight: 700;text-decoration: underline}.lang-banner-close{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 32px;height: 32px;border: 0;border-radius: 50%;background: transparent;cursor: pointer}.lang-banner-close svg{width: 16px;height: 16px;margin: auto;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round}.nav{position: sticky;top: 0;z-index: 50;background: var(--nav-bg);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid var(--hairline-2)}.nav-inner{display: flex;align-items: center;gap: 18px;height: 56px;max-width: calc(var(--maxw) + 2 * var(--gutter));margin: 0 auto;padding: 0 var(--gutter)}.brand{display: inline-flex;align-items: center;gap: 10px;font: 700 19px/1 var(--rounded);letter-spacing: -0.02em;color: var(--text);white-space: nowrap}.brand:hover{text-decoration: none}.brand img{width: 30px;height: 30px}.nav-links{display: flex;align-items: center;gap: 22px;margin-left: auto;list-style: none;font-size: 14.5px}.nav-links a{color: var(--text-2)}.nav-links a:hover{color: var(--text);text-decoration: none}.nav .btn{margin-left: 4px}@media (max-width: 920px){.nav-links{display: none}.nav .btn{margin-left: auto}}.section{padding: clamp(72px,10vw,130px) 0}.section.tight{padding: clamp(48px,6vw,76px) 0}.section-alt{background: var(--sheet)}.section-desk{background: radial-gradient(120% 80% at 50% 0%,#3a352b 0%,#27231c 60%,#1d1a15 100%);color: #f4efe4;--text: #f4efe4;--text-2: #c2baa9;--text-3: #978f80;--tile: #2e2a22;--tile-2: #353027;--hairline: rgba(255,255,255,0.12);--hairline-2: rgba(255,255,255,0.07);--link: #8ab4ff}.grid-2{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(28px,4vw,56px);align-items: center}@media (max-width: 860px){.grid-2{grid-template-columns: 1fr}}.tile{background: var(--tile);border-radius: var(--radius);box-shadow: var(--shadow-tile)}.points{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 22px 32px;list-style: none}.points li{display: grid;gap: 4px}.points strong{font: 700 18px/1.3 var(--rounded);letter-spacing: -0.01em}.points span{color: var(--text-2);font-size: 16px}@media (max-width: 640px){.points{grid-template-columns: 1fr}}.ticks{display: grid;gap: 12px;list-style: none}.ticks li{display: flex;gap: 10px;align-items: flex-start}.ticks li .ck{margin-top: 2px}.hero{position: relative;padding: clamp(46px,7vw,88px) 0 clamp(56px,8vw,110px);overflow: hidden;isolation: isolate}.hero::before{content: "";position: absolute;inset: -10% -20% auto;height: 820px;z-index: -1;background: radial-gradient(42% 46% at 22% 18%,rgba(255,224,74,0.32),transparent 70%),radial-gradient(40% 44% at 78% 12%,rgba(255,170,196,0.22),transparent 70%),radial-gradient(36% 40% at 60% 58%,rgba(134,239,192,0.18),transparent 70%);filter: blur(10px)}.hero-copy{display: grid;justify-items: center;gap: 18px;text-align: center;max-width: 900px;margin: 0 auto}.hero-copy .subhead{max-width: 720px}.hero-stage{margin-top: clamp(40px,6vw,70px)}.hero-caption{margin-top: 18px;text-align: center;font-size: 14px;color: var(--text-3)}.privacy-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px;list-style: none}.privacy-grid li{display: grid;gap: 6px;padding: 24px;border-radius: 22px;background: var(--tile);box-shadow: var(--shadow-tile)}.privacy-grid strong{font: 700 18px/1.25 var(--rounded)}.privacy-grid span{color: var(--text-2);font-size: 15.5px}.privacy-icon{width: 34px;height: 34px;border-radius: 10px;display: grid;place-items: center;background: var(--accent-soft);color: var(--accent);margin-bottom: 6px}.privacy-icon svg{width: 20px;height: 20px}@media (max-width: 860px){.privacy-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.privacy-grid{grid-template-columns: 1fr}}.plans{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px;max-width: 960px;margin: 0 auto}.plan{display: grid;align-content: start;gap: 18px;padding: clamp(26px,3vw,36px)}.plan h3{display: flex;align-items: center;gap: 10px;font: 700 26px/1.1 var(--rounded)}.plan.pro{position: relative;background: linear-gradient(var(--tile),var(--tile)) padding-box,var(--pro) border-box;border: 2px solid transparent}.plan-options{margin-top: 26px;text-align: center;font: 700 19px/1.3 var(--rounded)}.plan-note{margin-top: 8px;text-align: center;font-size: 14px;color: var(--text-3)}@media (max-width: 760px){.plans{grid-template-columns: 1fr}}.ggroups{display: grid;gap: 34px}.ggroup>h3{margin-bottom: 14px;font: 700 15px/1 var(--rounded);color: var(--text-3)}:lang(ja) .ggroup>h3{text-transform: none}.ggrid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 14px}.gcard{position: relative;display: grid;grid-template-columns: 52px 1fr;gap: 14px;align-items: start;padding: 18px 18px 18px 16px;border-radius: 20px;background: var(--tile);box-shadow: var(--shadow-tile);color: var(--text);transition: transform 0.25s var(--ease-out),box-shadow 0.25s}.gcard:hover{text-decoration: none;transform: translateY(-2px);box-shadow: var(--shadow-tile),0 22px 40px -28px rgba(40,30,110,0.4)}.gcard-icon{position: relative;width: 52px;height: 52px;display: grid;place-items: center;color: var(--tx);transform: rotate(-2deg);filter: drop-shadow(0 2px 2px var(--sh-c)) drop-shadow(0 8px 10px var(--sh-a));transition: transform 0.3s var(--spring)}.gcard:hover .gcard-icon{transform: rotate(1.5deg) translateY(-2px)}.gcard-paper{position: absolute;inset: 0;border-radius: 3px;background: linear-gradient(180deg,var(--glue-a),var(--glue-b)) top / 100% 17% no-repeat,linear-gradient(180deg,var(--pt),var(--pb));box-shadow: inset 0 1px 0 var(--hl),inset 0 -6px 8px -6px var(--sh-e)}.gcard-icon svg{position: relative;width: 24px;height: 24px}.gcard h3{font: 700 17px/1.25 var(--rounded);letter-spacing: -0.01em}.gcard p{margin-top: 4px;font-size: 14.5px;line-height: 1.45;color: var(--text-2)}.faq{max-width: 820px;margin: 0 auto;display: grid;gap: 10px}.faq details{border-radius: 18px;background: var(--tile);box-shadow: var(--shadow-tile)}.faq summary{list-style: none;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 20px 24px}.faq summary::-webkit-details-marker{display: none}.faq summary h3{font: 700 18px/1.3 var(--rounded);letter-spacing: -0.01em}.faq summary::after{content: "";flex: none;width: 11px;height: 11px;border-right: 2px solid var(--text-3);border-bottom: 2px solid var(--text-3);transform: rotate(45deg) translate(-3px,-3px);transition: transform 0.3s var(--ease-out)}.faq details[open] summary::after{transform: rotate(225deg)}.faq .answer{padding: 0 24px 22px;color: var(--text-2)}.faq .answer p + p{margin-top: 10px}.final{text-align: center}.final .wrap{display: grid;justify-items: center;gap: 16px}.final-icon{width: 128px;height: 128px;filter: drop-shadow(0 18px 30px rgba(60,50,160,0.3))}.page-hero{position: relative;padding: clamp(36px,5vw,64px) 0 clamp(30px,4vw,48px);overflow: hidden;isolation: isolate}.page-hero::before{content: "";position: absolute;inset: -40% -20% auto;height: 560px;z-index: -1;background: radial-gradient(40% 50% at 18% 30%,rgba(0,172,252,0.14),transparent 70%),radial-gradient(40% 50% at 82% 20%,rgba(143,92,251,0.14),transparent 70%)}.page-hero .headline{font-size: clamp(36px,5.4vw,62px);max-width: 900px}.page-hero .subhead{margin-top: 16px;max-width: 760px}.page-hero .eyebrow{margin-bottom: 14px}.crumbs{margin-bottom: 22px;font-size: 14px}.crumbs ol{display: flex;flex-wrap: wrap;gap: 6px;list-style: none;color: var(--text-3)}.crumbs li + li::before{content: "›";margin-right: 6px}.crumbs a{color: var(--text-2)}.guide-figure{margin: 0}.guide-figure figcaption{margin-top: 14px;font-size: 14px;color: var(--text-3);text-align: center}.article{display: grid;grid-template-columns: minmax(0,1fr) 280px;gap: clamp(30px,5vw,70px);align-items: start}@media (max-width: 980px){.article{grid-template-columns: 1fr}}.article-body{display: grid;gap: 46px;min-width: 0}.prose{display: grid;gap: 16px;font-size: 18px;line-height: 1.65}.prose h2{font: 700 clamp(26px,3vw,34px)/1.15 var(--rounded);letter-spacing: -0.02em;margin-bottom: 2px;scroll-margin-top: 80px}.prose p,.prose li{color: var(--text-2)}.prose strong{color: var(--text)}.prose ul,.prose ol{display: grid;gap: 8px;padding-left: 1.25em}.prose a{text-decoration: underline;text-decoration-color: color-mix(in srgb,var(--link) 35%,transparent)}.howto{display: grid;gap: 12px;list-style: none;counter-reset: step}.howto li{position: relative;display: grid;gap: 4px;padding: 18px 20px 18px 66px;border-radius: 18px;background: var(--tile);box-shadow: var(--shadow-tile);counter-increment: step}.howto li::before{content: counter(step);position: absolute;left: 18px;top: 17px;width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;font: 700 15px/1 var(--rounded);color: var(--btn-text);background: var(--btn)}.howto h3{font: 700 18px/1.3 var(--rounded)}.howto p{color: var(--text-2);font-size: 16.5px}.aside{position: sticky;top: 80px;display: grid;gap: 18px}.glance{padding: 22px;border-radius: 22px;background: var(--tile);box-shadow: var(--shadow-tile)}.glance h2{font: 700 15px/1 var(--rounded);color: var(--text-3);margin-bottom: 14px}:lang(ja) .glance h2{text-transform: none}.glance dl{display: grid;gap: 12px}.glance dt{font-size: 13px;color: var(--text-3)}.glance dd{font: 600 15.5px/1.35 var(--rounded)}.toc{padding: 18px 22px;border-radius: 22px;background: var(--tile-2)}.toc h2{font: 700 13px/1 var(--rounded);color: var(--text-3);margin-bottom: 10px}.toc ol{display: grid;gap: 7px;list-style: none;font-size: 14.5px}.toc a{color: var(--text-2)}.aside-cta{display: grid;justify-items: start;gap: 10px;padding: 20px 22px;border-radius: 22px;background: var(--sheet);box-shadow: inset 0 0 0 1px var(--hairline-2)}.aside-cta p{font-size: 14.5px;color: var(--text-2)}@media (max-width: 980px){.aside{position: static;order: -1}.toc{display: none}}.ui-note{font-size: 14px;color: var(--text-3)}.doc{padding: clamp(40px,6vw,80px) 0 clamp(60px,8vw,110px)}.doc .wrap{max-width: calc(780px + 2 * var(--gutter))}.doc h1{font: 700 clamp(34px,5vw,50px)/1.08 var(--rounded);letter-spacing: -0.03em}.doc .lead{margin-top: 16px;font-size: 21px;color: var(--text-2)}.doc .updated{margin-top: 12px;font-size: 14px;color: var(--text-3)}.doc h2{margin: 44px 0 10px;font: 700 26px/1.2 var(--rounded)}.doc h3{margin: 26px 0 6px;font: 700 19px/1.3 var(--rounded)}.doc p,.doc li{color: var(--text-2)}.doc p + p{margin-top: 12px}.doc ul,.doc ol{padding-left: 1.3em}.doc li + li{margin-top: 6px}.summary,.contact-card{margin-top: 32px;padding: 24px 26px;border-radius: var(--radius);background: var(--bg-alt)}.summary ul{margin: 10px 0 0}.contact-card{display: flex;flex-wrap: wrap;gap: 16px;align-items: center;justify-content: space-between}.contact-card strong{font-size: 19px}.legal-tabs{display: flex;flex-wrap: wrap;gap: 8px 22px;margin: 0 0 28px;font-size: 15px}.legal-tabs a{color: inherit;opacity: 0.68}.legal-tabs a:hover{opacity: 1;text-decoration: underline}.legal-tabs a[aria-current="page"]{opacity: 1;font-weight: 600;text-decoration: underline;text-underline-offset: 6px}.doc.legal .updated + p{margin-top: 24px}.doc .legal-notice p,.doc .legal-trader p{margin-top: 8px}.doc .legal-trader p + p{margin-top: 2px}.doc .legal-toc ol{margin: 10px 0 0;columns: 2 240px;column-gap: 32px}.doc .legal-toc li{break-inside: avoid;margin-top: 0;padding: 2px 0}.doc .legal-toc a{color: inherit}.doc .legal-section{scroll-margin-top: 96px}.doc.legal h2{font-size: 22px}.doc.legal p,.doc.legal li{overflow-wrap: anywhere}.notfound{padding: clamp(70px,12vw,140px) 0;text-align: center}.notfound .wrap{display: grid;justify-items: center;gap: 18px}.notfound-links{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px}.footer{background: var(--bg-alt);color: var(--text-3);font-size: 13.5px;padding: 50px 0 40px;border-top: 1px solid var(--hairline-2)}.footer-cols{display: grid;grid-template-columns: 1.3fr 1fr 1.3fr 1fr 0.9fr;gap: 28px;padding-bottom: 28px;border-bottom: 1px solid var(--hairline)}.footer-brand p{margin-top: 12px;font: 600 15px/1.4 var(--rounded);color: var(--text-2)}.footer-h{margin-bottom: 12px;font-size: 13px;font-weight: 600;color: var(--text)}.footer-list{display: grid;gap: 8px;list-style: none}.footer-list a{color: var(--text-3)}.footer-list a:hover{color: var(--text)}.footer-list a[aria-current="page"]{color: var(--text);font-weight: 600}.footer-bottom{display: grid;gap: 6px;padding-top: 20px}@media (max-width: 900px){.footer-cols{grid-template-columns: repeat(2,minmax(0,1fr))}.footer-brand{grid-column: 1 / -1}}.js .reveal{opacity: 0;transform: translateY(18px);transition: opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out)}.js .reveal.in{opacity: 1;transform: none}.still .reveal{transition: none}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}.js .reveal{opacity: 1;transform: none;transition: none}*,*::before,*::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important}}@media print{.nav,.footer,.lang-banner,.hero-stage{display: none !important}}.family-index{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin-top: 26px}.family-index a{display: inline-flex;align-items: center;gap: 6px;height: 34px;padding: 0 14px;border-radius: 999px;background: var(--tile);box-shadow: var(--shadow-tile);color: var(--text);font: 600 14.5px/1 var(--rounded)}.family-index a:hover{text-decoration: none;background: var(--accent-soft)}.family-index span{color: var(--text-3);font-variant-numeric: tabular-nums}.style-note{font-size: 13.5px;line-height: 1.4;color: var(--text-2)}.family-links{display: flex;flex-wrap: wrap;gap: 8px 20px}:lang(ja) :is(h1,h2,h3,.headline,.h2,.h3,.display-title,.og-title){word-break: auto-phrase}.nav-burger{display: none}@media (max-width: 920px){.nav-burger{display: inline-flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;flex: none;width: 40px;height: 40px;margin-inline-end: -8px;padding: 0;border: 0;border-radius: 10px;background: none;color: inherit;cursor: pointer}.nav-burger span{display: block;width: 20px;height: 2px;border-radius: 1px;background: currentColor;transition: transform 0.2s ease,opacity 0.2s ease}.nav.open .nav-burger span:nth-child(1){transform: translateY(6px) rotate(45deg)}.nav.open .nav-burger span:nth-child(2){opacity: 0}.nav.open .nav-burger span:nth-child(3){transform: translateY(-6px) rotate(-45deg)}.nav.open .nav-links{display: flex;position: absolute;top: 100%;inset-inline: 0;flex-direction: column;align-items: stretch;gap: 0;margin: 0;padding: 8px 20px 14px;max-height: calc(100vh - 60px);overflow-y: auto;background: var(--bg);border-bottom: 1px solid var(--hairline-2);font-size: 17px}.nav.open .nav-links a{display: block;padding: 11px 0}}@media (prefers-reduced-motion: reduce){.nav-burger span{transition: none}}.st{position: relative;width: 100%;aspect-ratio: var(--sw) / var(--sh)}.st-in{position: absolute;left: 0;top: 0;width: calc(var(--sw) * 1px);height: calc(var(--sh) * 1px);transform-origin: 0 0;transform: scale(var(--k,1));font-size: 1px;line-height: 1.25;font-family: var(--rounded);color: #1d1d1f;-webkit-font-smoothing: antialiased;user-select: none;-webkit-user-select: none}.st-in *{box-sizing: border-box}.abs{position: absolute}.pt{left: calc(var(--x) * 1em);top: calc(var(--y) * 1em)}.wall{position: absolute;inset: 0;overflow: hidden;border-radius: 1.2em;background: radial-gradient(70% 60% at 18% 22%,#f7d9b9 0%,transparent 62%),radial-gradient(60% 70% at 85% 18%,#c9d8f5 0%,transparent 65%),radial-gradient(80% 70% at 70% 92%,#e8c9e2 0%,transparent 60%),radial-gradient(70% 60% at 10% 95%,#bfe4d8 0%,transparent 60%),#ece4dc}.wall.dusk{background: radial-gradient(70% 60% at 20% 20%,#fbd7a5 0%,transparent 60%),radial-gradient(80% 70% at 90% 10%,#9fb6e8 0%,transparent 60%),radial-gradient(90% 80% at 60% 100%,#7e86c6 0%,transparent 65%),#b9b6d8}.wall.sea{background: radial-gradient(70% 60% at 15% 15%,#d9f0f4 0%,transparent 60%),radial-gradient(80% 70% at 85% 25%,#a9cdea 0%,transparent 62%),radial-gradient(90% 80% at 40% 100%,#80b3cf 0%,transparent 65%),#b8d4e3}.wall.ink{background: radial-gradient(60% 60% at 20% 15%,#3b4466 0%,transparent 60%),radial-gradient(70% 60% at 85% 85%,#2b2f48 0%,transparent 60%),#1a1d2b}.sheet{position: absolute;width: calc(var(--w) * 1em);height: calc(var(--h) * 1em);left: calc(var(--x,0) * 1em);top: calc(var(--y,0) * 1em);transform: rotate(calc(var(--tilt,0) * 1deg));transform-origin: 50% 0;color: var(--tx)}.sheet-face{position: absolute;inset: 0;overflow: hidden;border-radius: 3em;background: linear-gradient(180deg,var(--pt),var(--pb))}.sheet-face::after{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;box-shadow: inset 0 1.5em 0 -0.4em var(--hl),inset 1.2em 0 0 -0.6em var(--hl),inset 0 -11em 11em -11em var(--sh-e),inset 0 11em 11em -11em rgba(0,0,0,0),inset -8.8em 0 8.8em -8.8em var(--sh-e),inset 8.8em 0 8.8em -8.8em rgba(0,0,0,0.025),inset 0 0 0 0.5em rgba(0,0,0,0.035)}.grain{position: absolute;inset: 0;pointer-events: none;opacity: 0.55;mix-blend-mode: multiply;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .38 0 0 0 -1.15 .62'/%3E%3C/filter%3E%3Crect width='192' height='192' filter='url(%23n)'/%3E%3C/svg%3E");background-size: 96px 96px}.dark-paper .grain{mix-blend-mode: screen;opacity: 0.22}.fibre .grain::after{content: "";position: absolute;inset: 0;opacity: 0.8;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .32' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .18 0 0 0 -2.6 1.05'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23f)'/%3E%3C/svg%3E");background-size: 160px 160px}.glue{position: absolute;left: 0;right: 0;top: 0;height: 17%;pointer-events: none;background: linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.11) 32%,rgba(255,255,255,0.04) 66%,rgba(255,255,255,0.01)),linear-gradient(180deg,var(--glue-a),var(--glue-b))}.glue::after{content: "";position: absolute;left: 0;right: 0;bottom: -3em;height: 3em;background: linear-gradient(180deg,var(--sh-e),transparent);opacity: 0.6}.glue::before{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 0.5em;background: var(--hl);opacity: 0.7}.rule-graph .sheet-face{background-image: linear-gradient(rgba(31,114,196,0.18) 0.5em,transparent 0.5em),linear-gradient(90deg,rgba(31,114,196,0.18) 0.5em,transparent 0.5em),linear-gradient(180deg,var(--pt),var(--pb));background-size: 14em 14em,14em 14em,auto}.rule-legal .sheet-face{background-image: linear-gradient(90deg,transparent calc(13% - 0.45em),rgba(213,18,28,0.4) calc(13% - 0.45em),rgba(213,18,28,0.4) calc(13% + 0.45em),transparent calc(13% + 0.45em)),repeating-linear-gradient(180deg,transparent 0 21.25em,rgba(47,88,196,0.17) 21.25em 22em),linear-gradient(180deg,var(--pt),var(--pb));background-position: 0 0,0 calc(var(--h) * 0.3em - 22em),0 0;background-size: auto,100% 22em,auto;background-repeat: no-repeat,repeat-y,no-repeat}.rule-chalk .sheet-face{background-image: radial-gradient(40% 18% at 30% 40%,rgba(255,255,255,0.06),transparent 70%),radial-gradient(46% 16% at 70% 64%,rgba(255,255,255,0.05),transparent 70%),radial-gradient(36% 14% at 40% 82%,rgba(255,255,255,0.045),transparent 70%),linear-gradient(180deg,var(--pt),var(--pb))}.edge-pink .sheet-face{box-shadow: inset 0 0 0 1em var(--edge)}.sheet-text{position: absolute;inset: 0;font-size: 13em;line-height: 1.32;color: var(--tx)}.sheet-title{position: absolute;left: 1.6em;right: 1.6em;top: 0;height: calc(var(--h) * 0.17 / 13 * 1em);display: flex;align-items: center;justify-content: center;text-align: center;white-space: nowrap;overflow: hidden}.sheet-title span{font-size: 1.35em;font-weight: 700;line-height: 1.05;letter-spacing: -0.01em;overflow: hidden;text-overflow: ellipsis}.sheet-body{position: absolute;left: 1.6em;right: 1.6em;top: calc(var(--h) * 0.17 / 13 * 1em + 0.46em);display: grid;gap: 0.18em}.sheet-body.no-band{top: 0.9em}.sheet-body p{margin: 0}.sheet-body ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.22em}.sheet-body ul.bul li::before{content: "•";display: inline-block;width: 0.9em}.sheet-body ol{margin: 0;padding-left: 1.2em}.sheet-body .chk{display: flex;align-items: flex-start;gap: 0.42em}.sheet-body .cb{flex: none;width: 1.1em;height: 1.1em;margin-top: 0.08em;color: var(--ink)}.sheet-body .chk.done span{opacity: 0.85}.ink{color: var(--ink)}.sheet .scrawl{position: absolute;pointer-events: none;overflow: visible}.curl{position: absolute;right: 0;bottom: 0;width: calc(var(--c) * 1em);height: calc(var(--c) * 1em);pointer-events: none}.curl::before{content: "";position: absolute;inset: 0;clip-path: polygon(100% 0,0 100%,0 0);background: linear-gradient(135deg,color-mix(in srgb,var(--pb) 72%,white) 0%,var(--pb) 55%,color-mix(in srgb,var(--pb) 68%,black) 100%);filter: drop-shadow(-1.5em -1.5em 2em var(--sh-c));border-radius: 0 0 0 0.4em}.has-curl .sheet-face{clip-path: polygon(0 0,100% 0,100% calc(100% - var(--c) * 1em),calc(100% - var(--c) * 1em) 100%,0 100%)}.pinned{filter: drop-shadow(0 0.8em 0.6em var(--sh-c)) drop-shadow(0 5em 4.5em var(--sh-a))}.pinned.raised{filter: drop-shadow(0 1.9em 1.4em var(--sh-c)) drop-shadow(0 12em 10em var(--sh-a))}.see-through .sheet-face{background: linear-gradient(180deg,color-mix(in srgb,var(--pt) 52%,transparent),color-mix(in srgb,var(--pb) 52%,transparent));-webkit-backdrop-filter: blur(6em) saturate(1.3);backdrop-filter: blur(6em) saturate(1.3)}.see-through .grain{opacity: 0.3}@media (prefers-reduced-transparency: reduce){.see-through .sheet-face{background: linear-gradient(180deg,var(--pt),var(--pb))}}.handles{position: absolute;left: -23em;top: 0;display: grid;gap: 5em}.handles i{width: 17em;height: 17em;border-radius: 50%;display: grid;place-items: center;background: rgba(255,255,255,0.72);-webkit-backdrop-filter: blur(10em);backdrop-filter: blur(10em);box-shadow: 0 0 0 0.5em rgba(0,0,0,0.08),0 1.5em 4em rgba(0,0,0,0.18);color: rgba(0,0,0,0.7)}.handles i:first-child{color: #e5483f}.handles svg{width: 9em;height: 9em}.cloud{position: absolute;width: calc(var(--w,268) * 1em);height: calc(var(--h,214) * 1em);left: calc(var(--x,0) * 1em);top: calc(var(--y,0) * 1em);transform: rotate(calc(var(--tilt,0) * 1deg));color: var(--tx)}.cloud>svg{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible}.cloud .sheet-text{font-size: calc(var(--w,268) / 268 * 13em);text-shadow: -0.04em -0.05em 0.02em rgba(255,255,255,0.92),0.04em 0.065em 0.06em var(--cl-shade,rgba(90,115,148,0.55))}.cloud .sheet-title{left: 2em;right: 2em;top: 17%;height: 22%}.cloud .sheet-body{left: 2.6em;right: 2.6em;top: 42%}.pinned-cloud{filter: drop-shadow(0 1em 1.2em rgba(60,80,110,0.18)) drop-shadow(0 5em 5em rgba(60,80,110,0.14))}.pro-cap{position: absolute;display: inline-flex;align-items: center;gap: 3em;height: 18em;padding: 0 7em;border-radius: 9em;background: rgba(255,255,255,0.55);color: rgba(51,71,94,0.75);box-shadow: inset 0 0 0 0.5em rgba(51,71,94,0.18)}.pro-cap span{font: 600 10em/1 var(--rounded)}.pro-cap svg{width: 8em;height: 8em}.lockface{position: absolute;inset: 0;display: grid;place-items: center;align-content: center;gap: 0}.lockface .fp{width: 52%;aspect-ratio: 100 / 112;position: relative;--fp-shadow: color-mix(in srgb,var(--sh) 150%,transparent);--fp-groove: var(--tx16)}.lockface .fp svg{width: 100%;height: 100%;overflow: visible}.lockface .fp-sweep{opacity: 0;transition: opacity 0.25s}.lockface.reading .fp-sweep{opacity: 1}.lockface .lk1{margin-top: 0.7em;font: 500 1em/1 var(--rounded);font-size: 12em;letter-spacing: 0.12em;text-transform: uppercase;color: var(--tx52)}.lockface .lk2{margin-top: 0.5em;font-size: 10em;color: var(--tx40)}.lockface .fp-wrap{display: grid;place-items: center;width: 100%;transition: transform 0.46s var(--spring),opacity 0.4s ease,filter 0.4s ease}.lockface.opening .fp-wrap{transform: scale(1.14);opacity: 0;filter: blur(3em)}.lockface.opened{display: none}.instr{position: absolute;height: calc(34 * 1.4em);left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: calc(var(--len) * 1.4em);transform-origin: 30% 50%;transition: transform 0.3s var(--spring),filter 0.3s ease;filter: drop-shadow(0 3.1em 2.4em rgba(0,0,0,0.2))}.instr svg{width: 100%;height: 100%;overflow: visible}.instr.lift,button.instr:hover{transform: translate(-14em,-4em) rotate(-6deg);filter: drop-shadow(0 5.8em 1.5em rgba(0,0,0,0.36))}.instr .lockdot{position: absolute;right: -2em;top: 1em;width: 15em;height: 15em;border-radius: 50%;display: grid;place-items: center;background: rgba(255,255,255,0.7);-webkit-backdrop-filter: blur(8em);backdrop-filter: blur(8em);box-shadow: 0 0 0 0.5em rgba(0,0,0,0.06);color: rgba(0,0,0,0.62)}.instr .lockdot svg{width: 8em;height: 8em}button.instr{padding: 0;border: 0;background: none;cursor: pointer}button.instr:focus-visible{outline: 2px solid var(--focus);outline-offset: 0.4em;border-radius: 1em}.board{position: absolute;left: calc(var(--x,0) * 1em);top: calc(var(--y,0) * 1em);width: 823em;height: 608em;border-radius: 18em;background: linear-gradient(180deg,rgba(255,255,255,0.62),rgba(246,244,240,0.5));-webkit-backdrop-filter: blur(30em) saturate(1.6);backdrop-filter: blur(30em) saturate(1.6);box-shadow: 0 10em 44em rgba(0,0,0,0.28),0 1em 6em rgba(0,0,0,0.16),inset 0 0.8em 0 rgba(255,255,255,0.45),inset 0 0 0 0.8em rgba(255,255,255,0.18)}.lights{position: absolute;left: 20em;top: 28.75em;display: flex;gap: 8em}.lights i{width: 12.5em;height: 12.5em;border-radius: 50%;box-shadow: inset 0 0 0 0.5em rgba(0,0,0,0.14)}.lights i:nth-child(1){background: #ff5e57}.lights i:nth-child(2){background: #ffbd2e}.lights i:nth-child(3){background: #29c740}.chip-btn{position: absolute;top: 24em;width: 28em;height: 22em;border-radius: 11em;display: grid;place-items: center;background: rgba(0,0,0,0.08);color: rgba(0,0,0,0.75)}.chip-btn svg{width: 13em;height: 13em}.chip-btn.accent{background: rgba(10,132,255,0.14);color: #0a84ff}.pad{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: calc(var(--w) * 1em);height: calc(var(--h) * 1em);transition: transform 0.42s var(--spring),filter 0.42s ease}.pad .under{position: absolute;inset: 0;border-radius: 3em;background: linear-gradient(180deg,var(--pt),var(--pb));box-shadow: 0 0.5em 0 -0em rgba(255,255,255,0.5),0 1.25em 0 -0.5em rgba(0,0,0,0.12),0 0.6em 1em var(--sh)}.pad .sheet{left: 0;top: 0}.pad .sheet.top{filter: drop-shadow(0 0.6em 0.8em var(--sh-c))}.pad.active{transform: translateY(-4em)}.pad.active .sheet.top{filter: drop-shadow(0 2.4em 3.2em var(--sh-c)) drop-shadow(0 6em 9em var(--sh-a))}.hud-rest{position: absolute;width: 46em;height: 26em;margin: -13em 0 0 -23em;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);border-radius: 13em;display: flex;align-items: center;justify-content: center;gap: 3.5em;background: rgba(255,255,255,0.6);-webkit-backdrop-filter: blur(16em);backdrop-filter: blur(16em);box-shadow: inset 0 0.7em 0 rgba(255,255,255,0.45),0 3em 7em rgba(0,0,0,0.16)}.hud-rest.v{width: 26em;height: 46em;margin: -23em 0 0 -13em;flex-direction: column}.hud-rest i{width: 3.5em;height: 3.5em;border-radius: 50%;background: rgba(58,47,18,0.42)}.rail{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);display: flex;align-items: center;padding: 0 2em;height: 44em;border-radius: 14em;background: rgba(250,249,246,0.78);-webkit-backdrop-filter: blur(20em) saturate(1.5);backdrop-filter: blur(20em) saturate(1.5);box-shadow: inset 0 0.7em 0 rgba(255,255,255,0.36),0 2em 6em rgba(0,0,0,0.13),0 0 0 0.6em rgba(0,0,0,0.05);color: rgba(0,0,0,0.68)}.rail.v{flex-direction: column;height: auto;width: 44em;padding: 2em 0}.rail .cell{position: relative;width: 44em;height: 44em;display: grid;place-items: center;border-radius: 9em}.rail .cell.on::before{content: "";position: absolute;width: 32em;height: 32em;border-radius: 9em;background: rgba(0,0,0,0.13)}.rail .cell svg{position: relative;width: 15em;height: 15em}.rail .cell b{position: relative;font: 700 15em/1 var(--rounded)}.rail .cell em{position: relative;font: italic 600 15em/1 Georgia,"Times New Roman",serif}.rail .cell .aa{position: relative;font: 600 14em/1 var(--rounded);letter-spacing: -0.02em}.rail .sep{width: 1em;height: 18em;margin: 0 3em;background: rgba(0,0,0,0.13)}.rail.v .sep{width: 18em;height: 1em;margin: 3em 0}.rail .bead{position: relative;width: 18em;height: 18em;border-radius: 50%;background: var(--bead,#22242c);box-shadow: 0 0 0 1em rgba(0,0,0,0.28)}.rail .cell .badge-lock{position: absolute;right: 6em;top: 6em;width: 8em;height: 8em;color: rgba(0,0,0,0.6)}.rail .cell .badge-lock svg{width: 100%;height: 100%}.win{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: calc(var(--w) * 1em);height: calc(var(--h) * 1em);border-radius: 11em;overflow: hidden;background: #fbfbfa;box-shadow: 0 0 0 0.6em rgba(0,0,0,0.14),0 22em 50em -10em rgba(0,0,0,0.42),0 4em 12em rgba(0,0,0,0.12)}.win-bar{position: relative;height: 30em;display: flex;align-items: center;justify-content: center;background: linear-gradient(180deg,#f2f1ef,#e9e7e4);border-bottom: 0.6em solid rgba(0,0,0,0.08);color: rgba(0,0,0,0.6)}.win-bar>span{font: 600 12em/1 var(--rounded)}.win-bar .lights{left: 11em;top: 50%;transform: translateY(-50%);gap: 7em}.win-bar .lights i{width: 12em;height: 12em}.win-body{position: absolute;inset: 30em 0 0;padding: 16em 18em}.skel{display: block;height: 8em;margin: 0 0 9em;border-radius: 4em;background: rgba(0,0,0,0.08)}.skel.h{height: 14em;width: 46%;background: rgba(0,0,0,0.14);margin-bottom: 14em}.skel.s{width: 62%}.skel.m{width: 84%}.skel.img{height: 70em;border-radius: 6em;background: linear-gradient(135deg,rgba(120,140,180,0.22),rgba(200,160,120,0.22))}.menubar{position: absolute;left: 0;right: 0;top: 0;height: 24em;display: flex;align-items: center;justify-content: flex-end;gap: 14em;padding: 0 14em;background: rgba(255,255,255,0.42);-webkit-backdrop-filter: blur(24em) saturate(1.6);backdrop-filter: blur(24em) saturate(1.6);color: rgba(0,0,0,0.85);border-radius: 1.2em 1.2em 0 0}.menubar .mb-left{margin-right: auto;display: flex;gap: 16em}.menubar .mb-left span{font: 600 13em/1 var(--font)}.menubar .mb-left span + span{font-weight: 400}.menubar .mb-icon{width: 22em;height: 20em;border-radius: 4em;display: grid;place-items: center}.menubar .mb-icon.on{background: rgba(0,0,0,0.16)}.menubar .mb-icon svg{width: 16em;height: 16em}.menubar .mb-clock{font: 500 13em/1 var(--font)}.menu{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: calc(var(--w,250) * 1em);padding: 5em;border-radius: 10em;background: rgba(246,246,246,0.86);-webkit-backdrop-filter: blur(30em) saturate(1.8);backdrop-filter: blur(30em) saturate(1.8);box-shadow: 0 0 0 0.6em rgba(0,0,0,0.12),0 12em 34em rgba(0,0,0,0.26);font-family: var(--font);color: rgba(0,0,0,0.86)}.menu .mi{display: flex;align-items: center;gap: 6em;height: 22em;padding: 0 9em 0 20em;border-radius: 5em}.menu .mi span{font-size: 13em}.menu .mi kbd{margin-left: auto;font: 400 13em/1 var(--font);color: rgba(0,0,0,0.45);background: none;border: 0;padding: 0;box-shadow: none}.menu .mi.hl{background: #0a7cff;color: #fff}.menu .mi.hl kbd{color: rgba(255,255,255,0.85)}.menu .mi.check{position: relative}.menu .mi.check::before{content: "✓";position: absolute;left: 0.55em;font-size: 12em}.menu .mi.off{color: rgba(0,0,0,0.3)}.menu hr{margin: 5em 9em;border: 0;height: 0.8em;background: rgba(0,0,0,0.1)}.form{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: calc(var(--w) * 1em);border-radius: 12em;background: #f4f3f1;box-shadow: 0 0 0 0.6em rgba(0,0,0,0.12),0 18em 44em -8em rgba(0,0,0,0.4);overflow: hidden;font-family: var(--font)}.form .grp{margin: 12em;border-radius: 9em;background: #fff;box-shadow: 0 0 0 0.6em rgba(0,0,0,0.06)}.form .row{display: flex;align-items: center;gap: 10em;min-height: 38em;padding: 0 12em}.form .row + .row{border-top: 0.6em solid rgba(0,0,0,0.07)}.form .row span{font-size: 13em}.form .row .val{margin-left: auto;display: inline-flex;align-items: center;gap: 0.3em;font-size: 13em;color: rgba(0,0,0,0.55)}.form .foot{padding: 0 14em 12em;color: rgba(0,0,0,0.5);line-height: 1.35}.form .foot span{font-size: 11em}.sw{margin-left: auto;position: relative;width: 32em;height: 19em;border-radius: 10em;background: rgba(0,0,0,0.12);transition: background 0.25s ease;flex: none}.sw::after{content: "";position: absolute;left: 1.5em;top: 1.5em;width: 16em;height: 16em;border-radius: 50%;background: #fff;box-shadow: 0 1em 3em rgba(0,0,0,0.25);transition: transform 0.25s var(--spring)}.sw.on{background: #34c759}.sw.on::after{transform: translateX(13em)}.cork{position: absolute;inset: 0;border-radius: 1.2em;overflow: hidden;background: radial-gradient(circle at 20% 30%,rgba(90,50,20,0.22) 0 0.9em,transparent 1.2em) 0 0 / 23em 19em,radial-gradient(circle at 70% 60%,rgba(255,230,190,0.25) 0 0.8em,transparent 1.1em) 0 0 / 17em 21em,radial-gradient(circle at 40% 80%,rgba(80,45,15,0.18) 0 1.2em,transparent 1.6em) 0 0 / 31em 27em,radial-gradient(120% 90% at 50% 40%,#c99b67 0%,#b98a57 60%,#a77848 100%);box-shadow: inset 0 0 40em rgba(70,40,10,0.35)}.pin{position: absolute;left: 50%;top: -3em;width: 13em;height: 13em;margin-left: -6.5em;border-radius: 50%;background: radial-gradient(circle at 35% 30%,#ff8a80 0%,#c73630 46%,#8e1f1a 100%);box-shadow: 0 3em 4em rgba(0,0,0,0.35);z-index: 3}.kc{display: inline-grid;place-items: center;min-width: 54em;height: 54em;padding: 0 12em;border-radius: 10em;background: linear-gradient(180deg,#fff,#ecebe8);box-shadow: 0 0 0 1em rgba(0,0,0,0.1),0 4em 0 #cfccc6,0 8em 18em rgba(0,0,0,0.22);color: #2a2a2e}.kc span{font: 500 24em/1 var(--font)}.call{display: grid;grid-template-columns: 1fr 1fr;gap: 6em;height: 100%;padding: 6em;background: #23252b}.call i{position: relative;border-radius: 8em;background: linear-gradient(160deg,#3d414b,#30333b)}.call i::before{content: "";position: absolute;left: 50%;top: 44%;width: 34%;aspect-ratio: 1;border-radius: 50%;transform: translate(-50%,-50%);background: var(--av,#6b7486)}.call i::after{content: "";position: absolute;left: 8em;bottom: 8em;width: 38%;height: 8em;border-radius: 4em;background: rgba(255,255,255,0.22)}.sc-card{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: calc(var(--w) * 1em);padding: 14em;border-radius: 14em;background: #f2f2f6;box-shadow: 0 0 0 0.6em rgba(0,0,0,0.1),0 20em 40em -10em rgba(0,0,0,0.35);display: grid;gap: 10em;font-family: var(--font)}.sc-act{display: flex;align-items: center;gap: 10em;padding: 12em 14em;border-radius: 12em;background: #fff;box-shadow: 0 1em 3em rgba(0,0,0,0.08)}.sc-ic{flex: none;width: 28em;height: 28em;border-radius: 7em;display: grid;place-items: center;background: linear-gradient(180deg,#ffe76a,#ffd21f);color: #3a2f12;box-shadow: inset 0 0 0 0.6em rgba(0,0,0,0.06)}.sc-ic svg{width: 18em;height: 18em}.sc-ic.app{background: none;box-shadow: none}.sc-ic img{display: block;width: 28em;height: 28em}.sc-act p{margin: 0;font-size: 14em;line-height: 1.5;color: #1d1d1f}.sc-act p b{font-weight: 600}.tok{display: inline-block;padding: 0 0.42em;border-radius: 0.36em;background: rgba(10,124,255,0.12);color: #0a6ee0;font-weight: 500}.files{display: grid;grid-template-columns: 120em 1fr;height: 100%}.files .side{padding: 12em 10em;background: rgba(236,234,230,0.9);border-right: 0.6em solid rgba(0,0,0,0.07);display: grid;align-content: start;gap: 8em}.files .side span{font: 500 11em/1.2 var(--font);color: rgba(0,0,0,0.55)}.files .side span.on{color: #1d1d1f;font-weight: 600}.files .list{padding: 8em 0}.files .f{display: flex;align-items: center;gap: 9em;height: 28em;padding: 0 14em}.files .f:nth-child(even){background: rgba(0,0,0,0.03)}.files .f i{flex: none;width: 14em;height: 18em;border-radius: 2em;background: linear-gradient(180deg,var(--pt,#fce368),var(--pb,#ffdb2a));box-shadow: 0 0 0 0.6em rgba(0,0,0,0.12)}.files .f span{font: 400 12em/1 var(--font);color: #1d1d1f}.files .f span + span{margin-left: auto;color: rgba(0,0,0,0.45)}.search{display: flex;align-items: center;gap: 7em;height: 26em;margin: 10em 12em;padding: 0 9em;border-radius: 7em;background: rgba(0,0,0,0.06);color: rgba(0,0,0,0.5)}.search svg{width: 12em;height: 12em}.search span{font: 400 12em/1 var(--font);color: #1d1d1f}.display{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: calc(var(--w) * 1em);height: calc(var(--h) * 1em);padding: 9em;border-radius: 14em;background: linear-gradient(180deg,#2e3035,#1e1f23);box-shadow: 0 30em 50em -20em rgba(0,0,0,0.5)}.display .scr{position: relative;width: 100%;height: 100%;border-radius: 5em;overflow: hidden}.display::after{content: "";position: absolute;left: 50%;bottom: -46em;width: 90em;height: 46em;margin-left: -45em;background: linear-gradient(180deg,#c9cacc,#a9aaad);clip-path: polygon(30% 0,70% 0,78% 84%,100% 84%,100% 100%,0 100%,0 84%,22% 84%)}.display.off .scr{background: #0d0d0f}.display.off .scr>*{opacity: 0}.sheet,.cloud{transition: transform 0.42s var(--spring),left 0.6s var(--ease-out),top 0.6s var(--ease-out),opacity 0.3s ease}.air{animation: air-lift 1.5s var(--ease-out)}@keyframes air-lift{0%{transform: rotate(calc(var(--tilt,0) * 1deg))}22%{transform: rotate(calc(var(--tilt,0) * 1deg)) perspective(400em) rotateX(-13deg) skewX(-1.2deg)}55%{transform: rotate(calc(var(--tilt,0) * 1deg)) perspective(400em) rotateX(5deg) skewX(0.5deg)}78%{transform: rotate(calc(var(--tilt,0) * 1deg)) perspective(400em) rotateX(-2deg)}100%{transform: rotate(calc(var(--tilt,0) * 1deg))}}.wobble{animation: wobble 0.7s var(--ease-out)}@keyframes wobble{0%{transform: rotate(calc(var(--tilt,0) * 1deg))}30%{transform: rotate(calc((var(--tilt,0) - 4) * 1deg))}60%{transform: rotate(calc((var(--tilt,0) + 1.6) * 1deg))}100%{transform: rotate(calc(var(--tilt,0) * 1deg))}}@media (prefers-reduced-motion: reduce){.air,.wobble{animation: none}.sheet,.cloud,.pad,.instr{transition: opacity 0.2s ease}}.wrap-wide{width: 100%;max-width: calc(1320px + 2 * var(--gutter));margin: 0 auto;padding: 0 var(--gutter)}.display-title{font: 700 clamp(40px,6.4vw,78px)/1.03 var(--rounded);letter-spacing: -0.035em;text-wrap: balance}:lang(ja) .display-title{letter-spacing: 0;line-height: 1.22}.tagline{display: inline-block;padding: 0.12em 0.5em 0.18em;font: 700 clamp(19px,2.2vw,25px)/1.2 var(--rounded);color: #3a2f12;background: linear-gradient(180deg,rgba(0,0,0,0.05),rgba(0,0,0,0.012)) top / 100% 17% no-repeat,linear-gradient(180deg,#fce368,#ffdb2a);border-radius: 3px;transform: rotate(-1.2deg);box-shadow: 0 1px 1.5px rgba(80,60,0,0.18),0 10px 18px -8px rgba(80,60,0,0.35)}.lede{max-width: 760px;font-size: clamp(18px,1.8vw,21px);line-height: 1.5;color: var(--text-2);text-wrap: pretty}.desk-stage .st-in,.st.scene .st-in{border-radius: calc(16px / var(--k,1))}.desk-stage .st-in{overflow: hidden;box-shadow: var(--shadow-lg);border-radius: calc(18px / var(--k,1))}.hero-stage{margin-top: clamp(38px,5vw,64px)}.stage-caption{margin-top: 16px;text-align: center;font-size: 14px;color: var(--text-3)}.sec-more{margin-top: 26px;display: flex;flex-wrap: wrap;gap: 8px 22px;align-items: baseline;color: var(--text-2)}.sec-more.center{justify-content: center}.points.four{grid-template-columns: repeat(4,minmax(0,1fr));margin-top: 40px}.points.one{grid-template-columns: 1fr;margin-top: 26px}@media (max-width: 900px){.points.four{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.points.four{grid-template-columns: 1fr}}.fine{margin-top: 10px;font-size: 13.5px;color: var(--text-3)}.demo-bar{display: flex;flex-wrap: wrap;gap: 12px 20px;align-items: center;justify-content: center;margin-top: 16px}.demo-hint{margin-top: 14px;text-align: center;font: 600 15px/1.4 var(--rounded);color: var(--text-2)}.demo-bar .demo-hint{margin: 0}.btn-ghost{display: inline-flex;align-items: center;gap: 8px;height: 40px;padding: 0 18px;border-radius: 999px;border: 0;background: var(--tile);color: var(--text);font: 600 15px/1 var(--rounded);box-shadow: var(--shadow-tile),inset 0 0 0 1px var(--hairline);cursor: pointer;transition: transform 0.2s var(--ease-out)}.btn-ghost:hover{transform: translateY(-1px)}.btn-ghost svg{width: 18px;height: 18px}:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}.peel-demo .st-in{touch-action: none}.peel-pad{position: absolute;left: 70em;top: 70em;width: 240em;height: 240em}.peel-pad .under{position: absolute;inset: 0;border-radius: 3em;background: linear-gradient(180deg,var(--pt),var(--pb));box-shadow: 0 0.5em 0 rgba(255,255,255,0.5),0 1.25em 0 -0.5em rgba(0,0,0,0.12),0 0.6em 1em var(--sh)}.peelable{cursor: grab;touch-action: none;filter: drop-shadow(0 0.6em 0.8em var(--sh-c))}.peelable:not(:last-child){pointer-events: none}.peelable.dragging{cursor: grabbing;transition: none}.peelable.free{filter: drop-shadow(0 1.9em 1.4em var(--sh-c)) drop-shadow(0 12em 10em var(--sh-a))}.peel-shade{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(0deg,rgba(0,0,0,var(--shade,0)),transparent 70%);border-radius: 3em}.peel-hint{display: flex;align-items: center;gap: 8em;color: rgba(20,52,79,0.75);pointer-events: none;transition: opacity 0.3s}.peel-hint svg{width: 60em;height: 40em}.peel-hint span{font: 700 16em/1 var(--rounded)}.peel-hint.gone{opacity: 0}.landed{position: absolute}.pad-cards{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 18px}@media (max-width: 980px){.pad-cards{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.pad-cards{grid-template-columns: 1fr}}.pad-card{display: grid;align-content: start;gap: 10px;padding: 16px 18px 22px;border-radius: 22px;background: var(--tile);box-shadow: var(--shadow-tile)}.pad-vis{margin: 0 -6px 4px;border-radius: 16px;background: radial-gradient(90% 80% at 50% 30%,#fffaf0,#efe6d4)}@media (prefers-color-scheme: dark){.pad-vis{background: radial-gradient(90% 80% at 50% 30%,#3a352b,#26221b)}}.pad-card h3{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;font: 700 19px/1.2 var(--rounded)}.pad-card p{font-size: 15px;color: var(--text-2)}.tier{display: inline-flex;align-items: center;height: 22px;padding: 0 9px;border-radius: 999px;font: 700 12px/1 var(--rounded);letter-spacing: 0.02em}.tier.free{background: rgba(11,148,80,0.12);color: #0b7a43}.tier.pro,.tier.cloud{background: var(--pro);color: var(--pro-text)}@media (prefers-color-scheme: dark){.tier.free{background: rgba(79,229,148,0.15);color: #7ee8ae}}.pad-meta{font-size: 13.5px !important;color: var(--text-3) !important}.dot{display: inline-block;width: 10px;height: 10px;margin: 0 4px 0 2px;border-radius: 2px;vertical-align: -1px;background: linear-gradient(180deg,var(--pt,transparent),var(--pb,transparent));box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12)}.paper-picker{display: grid;gap: 14px}.paper-preview{max-width: 520px;width: 100%;margin: 0 auto}.swatches{display: grid;grid-template-columns: repeat(8,minmax(0,1fr));gap: 10px;border: 0;padding: 0;margin: 6px auto 0;max-width: 520px;width: 100%}.swatches legend{margin-bottom: 10px;font: 700 14px/1 var(--rounded);color: var(--text-3)}@media (max-width: 520px){.swatches{grid-template-columns: repeat(4,minmax(0,1fr))}}.swatch{position: relative;aspect-ratio: 1;padding: 0;border: 0;border-radius: 6px;background: none;cursor: pointer;transition: transform 0.25s var(--spring)}.sw-paper{position: absolute;inset: 0;border-radius: 3px;background: linear-gradient(180deg,var(--glue-a),var(--glue-b)) top / 100% 17% no-repeat,linear-gradient(180deg,var(--pt),var(--pb));box-shadow: inset 0 1px 0 var(--hl),0 1px 1.5px var(--sh-c),0 6px 10px -4px var(--sh-a)}.p-cumulus .sw-paper,.p-cirrus .sw-paper,.p-nimbus .sw-paper,.p-stratus .sw-paper{border-radius: 50% 50% 40% 40% / 60% 60% 30% 30%;background: linear-gradient(180deg,var(--pt),var(--pbase) 48%,var(--pb))}.swatch:hover{transform: translateY(-2px) rotate(-2deg)}.swatch.on{transform: translateY(-3px) rotate(-2.4deg)}.swatch.on::after{content: "";position: absolute;inset: -5px;border-radius: 8px;box-shadow: 0 0 0 2px var(--accent)}.sw-pro{position: absolute;right: 3px;bottom: 3px;width: 15px;height: 15px;border-radius: 50%;display: grid;place-items: center;background: rgba(255,255,255,0.72);color: rgba(0,0,0,0.62)}.sw-pro svg{width: 9px;height: 9px}.paper-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 18px;margin-top: 26px}.paper-card{display: grid;align-content: start;gap: 8px;padding: 12px 14px 18px;border-radius: 22px;background: var(--tile);box-shadow: var(--shadow-tile);scroll-margin-top: 90px}.paper-vis{margin-bottom: 6px}.paper-vis .desk-stage .st-in{box-shadow: none;border-radius: calc(14px / var(--k,1))}.paper-card h3{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;font: 700 18px/1.2 var(--rounded)}.paper-card p{font-size: 15px;color: var(--text-2)}.hexes{font: 500 12.5px/1.6 var(--mono) !important;color: var(--text-3) !important}.hexes .dot{margin-left: 6px}.hexes .dot:first-child{margin-left: 0}.pad-card{scroll-margin-top: 90px}.article-narrow{max-width: calc(820px + 2 * var(--gutter))}.article-narrow .prose + .prose{margin-top: 40px}.ink-table{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin: 26px 0 40px}.ink-col{display: grid;gap: 6px;padding: 18px 20px;border-radius: 4px;background: linear-gradient(180deg,var(--pt),var(--pb));box-shadow: 0 1px 1.5px var(--sh-c),0 14px 26px -12px var(--sh-a)}.ink-h{font: 700 14px/1.3 var(--rounded);color: var(--tx);margin-bottom: 6px}.ink-row{display: flex;align-items: center;gap: 10px}.ink-row i{width: 16px;height: 16px;border-radius: 50%;flex: none}.ink-row b{font: 700 15px/1.2 var(--rounded)}.ink-row code{margin-left: auto;font: 500 12px/1 var(--mono);color: var(--tx52)}@media (max-width: 560px){.ink-table{grid-template-columns: 1fr}}.inks{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;border: 0;padding: 0;margin: 18px 0 0}.inks legend{width: 100%;margin-bottom: 10px;text-align: center;font: 700 14px/1 var(--rounded);color: var(--text-3)}.ink-bead{width: 30px;height: 30px;padding: 0;border: 0;border-radius: 50%;background: var(--bead);box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2),inset 0 3px 4px rgba(255,255,255,0.35);cursor: pointer;transition: transform 0.2s var(--spring)}.ink-bead:hover{transform: scale(1.1)}.ink-bead.on{box-shadow: 0 0 0 3px var(--bg),0 0 0 5px var(--bead)}.write-note .scrawl path{transition: stroke 0.3s,stroke-width 0.3s,opacity 0.3s}.write-note .cb{transition: color 0.3s}.instr[aria-pressed="true"]{transform: translate(-14em,-4em) rotate(-6deg);filter: drop-shadow(0 5.8em 1.5em rgba(0,0,0,0.36))}.air-demo .st-in{cursor: crosshair}.center-ticks{justify-content: center;grid-template-columns: repeat(2,auto);gap: 12px 32px;margin-top: 30px}@media (max-width: 700px){.center-ticks{grid-template-columns: 1fr}}.air-cloud.air{animation: air-lean 1.7s var(--ease-out)}@keyframes air-lean{0%{transform: rotate(0deg) translateX(0)}30%{transform: rotate(-3deg) translateX(-6em) skewX(3deg)}65%{transform: rotate(1.2deg) translateX(2em) skewX(-1deg)}100%{transform: rotate(0deg) translateX(0)}}.private-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px}@media (max-width: 900px){.private-grid{grid-template-columns: 1fr}}.private-card{display: grid;align-content: start;gap: 22px;padding: 18px 18px 28px}.private-copy{display: grid;gap: 12px;padding: 0 10px}.private-copy h3{font: 700 24px/1.15 var(--rounded);letter-spacing: -0.015em}.private-copy>p{color: var(--text-2)}.demo-row{margin-top: 4px}.lock-note .lock-open{position: absolute;inset: 0;animation: fade-in 0.4s var(--ease-out)}@keyframes fade-in{from{opacity: 0;filter: blur(2em)}}.share-vis{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.share-label{display: flex;align-items: center;gap: 6px;margin-bottom: 8px;font: 700 13px/1 var(--rounded);color: var(--text-3)}.rec{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #e5483f;box-shadow: 0 0 0 3px rgba(229,72,63,0.2)}.share-pane .desk-stage .st-in{box-shadow: 0 0 0 1px var(--hairline),0 12px 24px -16px rgba(0,0,0,0.4);border-radius: calc(12px / var(--k,1))}.share-pane.they .desk-stage .st-in{box-shadow: 0 0 0 2px #e5483f,0 12px 24px -16px rgba(0,0,0,0.4)}.hideable{transition: opacity 0.35s ease,transform 0.35s var(--ease-out)}[data-share].private-on .hideable{opacity: 0;transform: rotate(calc(var(--tilt,0) * 1deg)) scale(0.96)}.setting-row{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px;padding: 12px 14px;border-radius: 14px;background: var(--tile-2);box-shadow: inset 0 0 0 1px var(--hairline-2);font: 600 15px/1.3 var(--rounded)}.setting-val{font-weight: 500;color: var(--text-2)}.switch{position: relative;width: 46px;height: 28px;padding: 0;border: 0;border-radius: 999px;background: rgba(120,120,128,0.3);cursor: pointer;transition: background 0.25s;margin-left: auto;order: 3}.switch::after{content: "";position: absolute;left: 2px;top: 2px;width: 24px;height: 24px;border-radius: 50%;background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.25);transition: transform 0.25s var(--spring)}.switch.on{background: #34c759}.switch.on::after{transform: translateX(18px)}.feature-list{display: grid;gap: 16px;margin-top: 26px;list-style: none}.feature-list li{display: grid;grid-template-columns: 40px 1fr;gap: 14px;align-items: start;color: var(--text-2)}.feature-list strong{color: var(--text);font-family: var(--rounded)}.fl-icon{width: 40px;height: 40px;border-radius: 11px;display: grid;place-items: center;background: linear-gradient(180deg,#fce368,#ffdb2a);color: #3a2f12;box-shadow: 0 1px 1px rgba(80,60,0,0.2),0 6px 12px -6px rgba(80,60,0,0.4)}.fl-icon svg{width: 20px;height: 20px}.quick-fresh{position: absolute;inset: 0;pointer-events: none}.quick-fresh .sheet{animation: fresh-in 0.42s var(--spring)}@keyframes fresh-in{from{transform: translateY(-14em) scale(0.98);opacity: 0}}.caret{position: absolute;width: 2em;height: 18em;background: #1450d2;border-radius: 1em;animation: blink 1.06s steps(1) infinite}.quick-fresh .caret{left: 62em;top: 118em}@keyframes blink{50%{opacity: 0}}.kc-btn{display: flex;gap: 12em;padding: 0;border: 0;background: none;cursor: pointer}.kc-btn .kc{transition: transform 0.12s ease,box-shadow 0.12s ease}.kc-btn.pressed .kc,.kc-btn:active .kc{transform: translateY(3em);box-shadow: 0 0 0 1em rgba(0,0,0,0.1),0 1em 0 #cfccc6,0 3em 8em rgba(0,0,0,0.2)}.scr-in{position: absolute;inset: 0;font-size: 0.42em}.display .wall,.mini-desk .wall{border-radius: 0}.display.off .scr-in,.display.off .wall{opacity: 0;transition: opacity 0.4s}.mini-desk{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: calc(var(--w) * 1em);height: calc(var(--h) * 1em)}.mini-desk .scr{position: absolute;inset: 26em 0 0;border-radius: 10em;overflow: hidden;box-shadow: 0 0 0 1em rgba(0,0,0,0.12),0 14em 30em -12em rgba(0,0,0,0.4)}.mini-desk.shared .scr{box-shadow: 0 0 0 2.4em #e5483f,0 14em 30em -12em rgba(0,0,0,0.4)}.mini-desk .scr-in{font-size: 0.44em}.md-label{display: flex;align-items: center;gap: 0.43em;height: 1.43em;margin: 0}.md-label{font: 700 14em/1 var(--rounded);color: #5e574a}.md-label .rec{width: 0.6em;height: 0.6em}.corkboard{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: calc(var(--w) * 1em);height: calc(var(--h) * 1em);border-radius: 14em;box-shadow: 0 0 0 6em #7a5533,0 20em 40em -12em rgba(0,0,0,0.5)}.corkboard .cork{border-radius: 10em}.cork-card{position: absolute;left: calc(var(--x) * 1em);top: calc(var(--y) * 1em);width: 130em;height: 130em}.cork-card .sheet-text{font-size: 9em}.win.vault-win .win-bar{background: transparent;border-bottom: 0;z-index: 2}.win.vault-win .win-body{inset: 0;padding: 0}.vault-win .vault-in{-webkit-mask-image: linear-gradient(180deg,#000 calc(100% - 90em),transparent);mask-image: linear-gradient(180deg,#000 calc(100% - 90em),transparent)}.vault-in{position: absolute;inset: 0;padding: 40em 34em 0}.vault-search{width: 430em;height: 44em;margin: 0 auto 20em;padding: 0 14em;gap: 8em;border-radius: 12em;background: rgba(255,255,255,0.86);box-shadow: 0 0 0 0.6em rgba(0,0,0,0.1),0 6em 16em rgba(60,35,10,0.25)}.vault-search svg{width: 14em;height: 14em}.vault-search span{font: 400 13em/1 var(--rounded);color: rgba(0,0,0,0.42)}.vault-h{display: inline-flex;align-items: baseline;gap: 8em;margin: 0 0 22em;padding: 7em 14em;background: rgba(250,246,234,0.94);box-shadow: 0 1em 3em rgba(60,35,10,0.3);transform: rotate(-0.8deg)}.vault-h b{font: 600 13em/1 var(--rounded);color: #2a2418}.vault-h span{font: 400 12em/1 var(--rounded);color: rgba(42,36,24,0.6)}.vault-cards{display: grid;grid-template-columns: repeat(3,197em);column-gap: 30em;row-gap: 38em}.vc{position: relative;height: 250em}.vc .sheet{filter: drop-shadow(0 1.2em 1.6em var(--sh-c)) drop-shadow(0 6em 8em var(--sh-a))}.vc .sheet-text{font-size: 10.7em}.vc .pin{top: -6em;width: 15em;height: 15em;margin-left: -7.5em;background: radial-gradient(circle at 35% 30%,rgba(255,255,255,0.6) 0%,var(--pin,#d0322e) 42%,color-mix(in srgb,var(--pin,#d0322e) 62%,#000) 100%)}.vc-cap{position: absolute;left: 50%;top: 207em;transform: translateX(-50%) rotate(0.6deg);display: grid;justify-items: center;gap: 2em;padding: 6em 10em;white-space: nowrap;background: rgba(250,246,234,0.94);box-shadow: 0 1em 3em rgba(60,35,10,0.3)}.vc-cap b{font: 500 12em/1.15 var(--rounded);color: #2a2418}.vc-cap span{font: 400 10em/1.15 var(--rounded);color: rgba(42,36,24,0.6)}.mini-note .sheet-text{font-size: 9.5em}.guide-scene{max-width: 1080px;margin: 0 auto}[hidden]{display: none !important}.h2 + .pad-cards{margin-top: 26px}.ai-mark{position: absolute;right: 16em;bottom: 8em;pointer-events: none}.ai-mark b{display: flex;align-items: center;gap: 0.3em;font: 600 12em/1 var(--rounded);color: var(--tx);opacity: 0.66;white-space: nowrap}.ai-mark svg{width: 1.05em;height: 1.05em;flex: none}.win.term{background: #1d1e23}.win.term .win-bar{background: linear-gradient(180deg,#303137,#28292e);border-bottom-color: rgba(0,0,0,0.45);color: rgba(255,255,255,0.55)}.term-body{position: absolute;inset: 30em 0 0;padding: 16em 18em;display: grid;align-content: start;gap: 6em}.term-body p{margin: 0;font: 500 13em/1.4 ui-monospace,"SF Mono",Menlo,monospace;color: #d9dce3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.term-body .cmd{color: #fff}.term-body .cmd::before{content: "› ";color: #8ab4ff}.term-body .dim{color: #858a98}.term-body .ok{color: #7ed99a}.term-body .acc{color: #f0b77a}.t-caret{display: inline-block;width: 0.55em;height: 1.05em;vertical-align: -0.15em;background: #d9dce3;animation: t-blink 1.1s steps(1) infinite}@keyframes t-blink{50%{opacity: 0}}.section-ai{position: relative;isolation: isolate;overflow: hidden;background: radial-gradient(70% 50% at 18% 0%,rgba(150,110,255,0.28),transparent 70%),radial-gradient(60% 45% at 90% 12%,rgba(255,170,196,0.16),transparent 70%),radial-gradient(120% 80% at 50% 0%,#2c2740 0%,#1f1c2c 55%,#17151f 100%);color: #f4f1fa;--text: #f4f1fa;--text-2: #c9c3d9;--text-3: #9d96b0;--tile: #2a2638;--tile-2: #322d42;--hairline: rgba(255,255,255,0.13);--hairline-2: rgba(255,255,255,0.07);--link: #b9a2ff;--focus: #b9a2ff}.ai-eyebrow{background: linear-gradient(90deg,#c9b4ff,#ffaac4);-webkit-background-clip: text;background-clip: text}.ai-eyebrow svg{width: 17px;height: 17px;color: #c9b4ff}.ai-intro{color: var(--text-3)}.ai-demo .demo-bar{margin-top: 20px}.ai-demo .btn-ghost svg{color: #b9a2ff}.ai-demo .term-body p.t-new{animation: t-line 0.35s var(--ease-out) both}@keyframes t-line{from{opacity: 0;transform: translateY(0.4em)}}.ai-note.ai-wait{opacity: 0;visibility: hidden}.ai-note.ai-in{animation: ai-land 0.9s var(--ease-out) both}@keyframes ai-land{0%{opacity: 0;transform: rotate(calc(var(--tilt,0) * 1deg)) perspective(500em) translateY(-18em) rotateX(-58deg) scale(0.96)}45%{opacity: 1}70%{transform: rotate(calc(var(--tilt,0) * 1deg)) perspective(500em) rotateX(6deg)}100%{transform: rotate(calc(var(--tilt,0) * 1deg))}}.ai-points{list-style: none;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 26px 32px;margin-top: clamp(36px,4vw,52px)}.ai-points li{display: grid;gap: 6px;align-content: start}.ai-ic{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 11px;margin-bottom: 6px;background: rgba(185,162,255,0.16);color: #c9b4ff}.ai-ic svg{width: 21px;height: 21px}.ai-points strong{font: 700 18px/1.3 var(--rounded);letter-spacing: -0.01em}.ai-points span:not(.ai-ic){color: var(--text-2);font-size: 16px;line-height: 1.5}.ai-setup{margin-top: clamp(36px,4vw,52px);padding: clamp(22px,3vw,32px);border-radius: var(--radius);background: rgba(255,255,255,0.05);box-shadow: inset 0 0 0 1px var(--hairline)}.ai-setup h3{font: 700 22px/1.2 var(--rounded);letter-spacing: -0.015em}.ai-setup ol{list-style: none;counter-reset: step;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px 28px;margin-top: 18px}.ai-setup li{counter-increment: step;display: grid;gap: 4px;align-content: start}.ai-setup li::before{content: counter(step);display: grid;place-items: center;width: 28px;height: 28px;margin-bottom: 6px;border-radius: 50%;font: 700 14px/1 var(--rounded);background: linear-gradient(135deg,#c9b4ff,#ffaac4);color: #241d38}.ai-setup li strong{font: 700 17px/1.3 var(--rounded)}.ai-setup li span{color: var(--text-2);font-size: 15.5px;line-height: 1.5}.ai-pro{display: flex;align-items: center;gap: 10px;margin-top: 20px;font: 600 15px/1.4 var(--rounded);color: var(--text-2)}.ai-fine{max-width: 760px;margin: 18px auto 0}.hero-ai a{display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px 8px 13px;border-radius: 999px;font: 600 15px/1.3 var(--rounded);color: #3b2a7a;background: rgba(150,110,255,0.12);box-shadow: inset 0 0 0 1px rgba(110,70,220,0.18);text-decoration: none}.hero-ai a::after{content: "›";font-size: 1.2em;line-height: 1}.hero-ai svg{width: 17px;height: 17px;color: #7b4ff0}@media (prefers-color-scheme: dark){.hero-ai a{color: #d9ccff;background: rgba(150,110,255,0.18)}.hero-ai svg{color: #c9b4ff}}@media (max-width: 900px){.ai-points{grid-template-columns: repeat(2,minmax(0,1fr))}.ai-setup ol{grid-template-columns: 1fr}}@media (max-width: 560px){.ai-points{grid-template-columns: 1fr}}.term.term-lg .term-body{padding: 22em 24em;gap: 10em}.term.term-lg .term-body p{font-size: 19em}.term.term-md .term-body{padding: 20em 22em;gap: 8em}.term.term-md .term-body p{font-size: 16em}