:root{color-scheme: light dark;--bg: #fbfaf8;--bg-alt: #f3f1f4;--sheet: linear-gradient(180deg,#fcfaf7,#f0edf2);--tile: #ffffff;--tile-2: #f6f4f1;--text: #21242b;--text-2: #5d6069;--text-3: #8a8c94;--hairline: rgba(33,36,43,0.1);--hairline-2: rgba(33,36,43,0.06);--cyan: #00acfc;--blue: #074efc;--violet: #8f5cfb;--orchid: #fd95f0;--plate: #b4ccfc;--plate-2: #e4e4fc;--stroke: linear-gradient(90deg,#00acfc 0%,#074efc 35%,#8f5cfb 66%,#fd95f0 100%);--accent: #0a62f5;--accent-soft: rgba(10,98,245,0.1);--link: #0b57d9;--btn: linear-gradient(135deg,#1b8cff 0%,#2c55f6 45%,#7a4ff2 100%);--nav-bg: rgba(251,250,248,0.78);--desk: #29292e;--paper: #fbfaf8;--ink: #21242b;--wood: #db8955;--pro: linear-gradient(135deg,#fabd2e,#f25c3d 40%,#9e59db);--shadow-tile: 0 1px 2px rgba(33,36,43,0.05),0 18px 40px -26px rgba(40,30,110,0.32);--shadow-lg: 0 50px 100px -40px rgba(40,28,120,0.45),0 24px 48px -30px rgba(0,0,0,0.35);--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: #111114;--bg-alt: #17171b;--sheet: linear-gradient(180deg,#17171b,#121215);--tile: #1c1c21;--tile-2: #222228;--text: #f3f1ee;--text-2: #a9a9b1;--text-3: #85858d;--hairline: rgba(255,255,255,0.12);--hairline-2: rgba(255,255,255,0.07);--accent: #4d8dff;--accent-soft: rgba(77,141,255,0.16);--link: #78a8ff;--nav-bg: rgba(17,17,20,0.76);--shadow-tile: 0 0 0 1px rgba(255,255,255,0.06);--shadow-lg: 0 50px 110px -40px rgba(80,70,220,0.4),0 0 0 1px rgba(255,255,255,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: #fff;font-weight: 600;border: 0;cursor: pointer;box-shadow: 0 10px 24px -12px rgba(44,85,246,0.8),inset 0 1px 0 rgba(255,255,255,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: #fff;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%,#34343b 0%,#232327 60%,#1c1c20 100%);color: #f3f1ee;--text: #f3f1ee;--text-2: #b6b6be;--text-3: #8e8e96;--tile: #2b2b31;--tile-2: #303037;--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(0,172,252,0.18),transparent 70%),radial-gradient(40% 44% at 78% 12%,rgba(143,92,251,0.18),transparent 70%),radial-gradient(36% 40% at 60% 58%,rgba(253,149,240,0.14),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)}.drawer{display: grid;gap: 28px;justify-items: center}.drawer-hint{font: 600 14px/1 var(--rounded);color: var(--text-3)}.drawer-card{width: 100%;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.25fr);gap: clamp(20px,3vw,40px);align-items: start;padding: clamp(22px,3vw,34px)}.drawer-about{display: grid;gap: 10px;align-content: start}.drawer-about h3{display: flex;align-items: center;gap: 10px}.drawer-about p{color: var(--text-2)}.drawer-meta{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 6px}@media (max-width: 760px){.drawer-card{grid-template-columns: 1fr}}.styles{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: 10px;list-style: none}.style{display: grid;gap: 6px;padding: 10px 12px 12px;border-radius: 14px;background: var(--tile-2);box-shadow: inset 0 0 0 1px var(--hairline-2)}.style-name{display: flex;align-items: center;justify-content: space-between;gap: 8px;font: 600 14.5px/1.2 var(--rounded)}.style canvas{width: 100%;height: 44px;border-radius: 8px;background: #fbfaf8}.style.locked canvas{opacity: 0.8}.previews-note{font-size: 13px;color: var(--text-3)}.pifm{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap: clamp(28px,5vw,70px);align-items: center}@media (max-width: 900px){.pifm{grid-template-columns: 1fr}}.pifm-copy{display: grid;gap: 18px}.media-row{display: flex;flex-wrap: wrap;gap: 10px}.mini-cards{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 18px;margin-top: clamp(36px,5vw,60px)}.mini-card{display: grid;gap: 8px;padding: 24px 26px}.mini-card h3{font: 700 21px/1.2 var(--rounded)}.mini-card p{color: var(--text-2);font-size: 16px}@media (max-width: 700px){.mini-cards{grid-template-columns: 1fr}}.papers{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: clamp(12px,2vw,22px)}@media (max-width: 700px){.papers{grid-template-columns: repeat(2,minmax(0,1fr))}}.feel{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 26px 34px;list-style: none;margin-top: clamp(36px,5vw,60px)}.feel li{display: grid;gap: 4px}.feel strong{font: 700 18px/1.3 var(--rounded)}.feel span{color: var(--text-2);font-size: 16px}@media (max-width: 860px){.feel{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.feel{grid-template-columns: 1fr}}.bento{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 18px}.bento-tile{display: grid;grid-template-rows: auto 1fr;gap: 16px;padding: 26px;overflow: hidden;grid-column: span 2}.bento-tile.wide{grid-column: span 3}.bento-tile h3{font: 700 21px/1.2 var(--rounded)}.bento-tile p{margin-top: 6px;color: var(--text-2);font-size: 16px}.bento-tile .more{margin-top: 10px;font-size: 15px}.bento-vis{align-self: end;min-height: 150px;display: grid;place-items: center}@media (max-width: 960px){.bento-tile,.bento-tile.wide{grid-column: span 3}}@media (max-width: 640px){.bento{grid-template-columns: 1fr}.bento-tile,.bento-tile.wide{grid-column: auto}}.color-stage{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: clamp(22px,4vw,48px);padding: clamp(24px,4vw,44px)}.color-note{margin-top: 22px;text-align: center;color: var(--text-2)}.files{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(28px,5vw,64px);align-items: center}@media (max-width: 900px){.files{grid-template-columns: 1fr}}.formats{display: grid;gap: 10px;list-style: none}.format{display: grid;grid-template-columns: 44px 1fr;gap: 14px;align-items: start;padding: 14px 16px;border-radius: 16px;background: var(--tile);box-shadow: var(--shadow-tile)}.format-disc{width: 44px;height: 44px;border-radius: 12px;display: grid;place-items: center;color: #fff;font: 800 12px/1 var(--rounded);letter-spacing: 0.02em}.format strong{font: 700 17px/1.3 var(--rounded)}.format p{color: var(--text-2);font-size: 15.5px}.extras{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px;margin-top: clamp(32px,4vw,52px);list-style: none}.extras li{display: grid;gap: 4px}.extras strong{font: 700 17px/1.3 var(--rounded)}.extras span{color: var(--text-2);font-size: 15.5px}@media (max-width: 760px){.extras{grid-template-columns: 1fr}}.replay{display: grid;grid-template-columns: auto 1fr;gap: clamp(20px,4vw,48px);align-items: center;padding: clamp(22px,3vw,36px)}.replay-art{width: clamp(130px,18vw,190px)}.replay h2{font: 700 clamp(26px,3vw,36px)/1.1 var(--rounded);letter-spacing: -0.02em}.replay p{margin-top: 8px;color: var(--text-2)}@media (max-width: 560px){.replay{grid-template-columns: 1fr}}.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(--stroke) 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{width: 52px;height: 52px;border-radius: 14px;display: grid;place-items: center;overflow: hidden;background: linear-gradient(160deg,#eef3ff,#f3ecff)}@media (prefers-color-scheme: dark){.gcard-icon{background: linear-gradient(160deg,#23263a,#2a2338)}}.gcard-icon svg{width: 26px;height: 80px;transform: translateY(16px) rotate(28deg);filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.22))}.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: #fff;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)}.families{display: grid;gap: 22px}.family{display: grid;grid-template-columns: 120px minmax(0,1fr);gap: clamp(18px,3vw,34px);padding: clamp(22px,3vw,32px);scroll-margin-top: 80px}.family-tool{display: grid;justify-items: center;align-content: start;gap: 10px}.family-tool svg{width: 56px;height: 172px;filter: drop-shadow(1.2px 2.4px 2.4px rgba(0,0,0,0.25))}.family-body{display: grid;gap: 12px;align-content: start}.family-body h2{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;font: 700 clamp(24px,2.6vw,30px)/1.15 var(--rounded);letter-spacing: -0.02em}.family-body p{color: var(--text-2)}@media (max-width: 640px){.family{grid-template-columns: 1fr}.family-tool{justify-items: start;grid-auto-flow: column;align-items: center}.family-tool svg{width: 40px;height: 122px}}.dials{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px;list-style: none}.dials li{padding: 18px;border-radius: 18px;background: var(--tile);box-shadow: var(--shadow-tile)}.dials strong{display: block;font: 700 16px/1.2 var(--rounded);margin-bottom: 8px}.dials span{font-size: 14.5px;color: var(--text-2)}@media (max-width: 860px){.dials{grid-template-columns: repeat(2,minmax(0,1fr))}}.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}@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}}.ui{container-type: inline-size;position: relative;width: 100%;font-family: var(--font);letter-spacing: 0;line-height: 1.2;-webkit-user-select: none;user-select: none}.ui-in{position: relative;font-size: calc(100cqw / 120)}.glass{background: rgba(246,246,248,0.72);-webkit-backdrop-filter: blur(3em) saturate(180%);backdrop-filter: blur(3em) saturate(180%);box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.4),0 0.6em 3.2em rgba(0,0,0,0.22)}.glass.dark{background: rgba(44,44,50,0.72);box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.16),0 0.6em 3.2em rgba(0,0,0,0.35);color: #f2f2f4}.win{position: relative;border-radius: 1.4em;overflow: hidden;background: var(--desk);box-shadow: 0 0 0 0.08em rgba(0,0,0,0.5),inset 0 0 0 0.08em rgba(255,255,255,0.12),var(--shadow-lg)}.win-bar{position: relative;z-index: 3;display: flex;align-items: center;gap: 1.4em;height: 5.2em;padding: 0 1.8em;background: linear-gradient(180deg,#3a3a40,#333338);border-bottom: 0.08em solid rgba(0,0,0,0.55);color: #e9e9ee}.lights{display: flex;gap: 0.8em;flex: none}.lights i{width: 1.2em;height: 1.2em;border-radius: 50%;background: #ff5f57;box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.18)}.lights i:nth-child(2){background: #febc2e}.lights i:nth-child(3){background: #28c840}.win-title{display: grid;gap: 0.1em;margin-left: 0.6em;font-size: 1.3em;font-weight: 600;white-space: nowrap}.win-title small{font-size: 0.78em;font-weight: 500;color: #a3a3ab}.win-tools{display: flex;align-items: center;gap: 0.6em;margin-left: auto}.tb{display: grid;place-items: center;width: 3.2em;height: 2.8em;border-radius: 0.7em;color: #d8d8de}.tb svg{width: 1.7em;height: 1.7em;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.tb.on{background: rgba(255,255,255,0.14);color: #fff}.tb-sep{width: 0.08em;height: 2em;background: rgba(255,255,255,0.14);margin: 0 0.4em}.desk{position: relative;background: var(--desk);overflow: hidden}.sheet{position: absolute;background: var(--paper);box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.35),0 1.8em 4em rgba(0,0,0,0.45);overflow: hidden}.sheet picture,.sheet img,.sheet canvas{position: absolute;inset: 0;width: 100%;height: 100%}.sheet img{object-fit: cover}.grain::after{content: "";position: absolute;inset: 0;pointer-events: none;opacity: 0.5;mix-blend-mode: multiply;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .48 0 0 0 0 .45 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.hud{position: relative;display: inline-flex;align-items: flex-start;gap: 2em;height: 17.2em;padding: 1.2em 2.8em;border-radius: 9em;overflow: hidden}.hud-grab{position: absolute;top: 0.8em;left: 50%;width: 4.4em;height: 0.5em;margin-left: -2.2em;border-radius: 1em;background: rgba(60,60,67,0.3)}.hud-btns{display: flex;gap: 1em;align-self: center}.hud-btn{display: grid;place-items: center;width: 3.8em;height: 3.8em;border-radius: 50%;background: rgba(120,120,128,0.16);color: #3a3a40;border: 0;padding: 0}.hud-btn svg{width: 1.6em;height: 1.6em;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.hud-tools{display: flex;gap: 0.4em;height: 14.8em;list-style: none;margin: 0;padding: 0}.slot{position: relative;width: 5.2em;height: 14.8em}.slot button,.slot>span{display: block;width: 100%;height: 100%;padding: 0;border: 0;background: none;cursor: pointer}.slot svg{position: absolute;left: 50%;top: 0;width: 5.06em;height: 15.41em;margin-left: -2.53em;transform: translateY(6.6em);filter: drop-shadow(0.115em 0.23em 0.23em rgba(0,0,0,0.25));transition: transform 0.55s cubic-bezier(0.3,1.45,0.5,1)}.slot.on svg{transform: translateY(-0.2em)}.slot button:hover svg,.slot button:focus-visible svg{transform: translateY(5.2em)}.slot.on button:hover svg,.slot.on button:focus-visible svg{transform: translateY(-0.4em)}.slot button:focus-visible{outline: none}.slot button:focus-visible::after{content: "";position: absolute;inset: 8.6em 0.2em 0.6em;border-radius: 1em;box-shadow: 0 0 0 0.25em var(--accent)}.slot .key{position: absolute;left: 50%;bottom: 0.6em;transform: translateX(-50%);font: 700 1.1em/1 var(--rounded);color: rgba(60,60,67,0.55);opacity: 0;transition: opacity 0.2s}.slot button:hover .key,.slot button:focus-visible .key{opacity: 1}.dots{display: grid;grid-template-columns: repeat(3,3em);gap: 0.9em 0;align-self: center}.dot{position: relative;width: 2.6em;height: 2.6em;margin: auto;border-radius: 50%;box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.14)}.dot.on::after{content: "";position: absolute;inset: -0.4em;border-radius: 50%;box-shadow: 0 0 0 0.25em var(--accent)}.dot.wheel{background: conic-gradient(from 90deg,#ff3b30,#ffcc00,#28cd41,#55bef0,#007aff,#af52de,#ff3b30)}.dot.wheel.locked{opacity: 0.62}.hud.small{font-size: 0.82em}.opts{position: absolute;width: 23em;padding: 1.2em;border-radius: 1.2em;display: grid;gap: 1em;color: #2a2a30}.opts-title{font-size: 1.2em;font-weight: 600;color: #6b6b73}.opt{display: grid;grid-template-columns: 7.4em 1fr auto;align-items: center;gap: 0.8em;font-size: 1.2em}.opt b{font-weight: 500;color: #3a3a40}.opt i{position: relative;height: 0.35em;border-radius: 1em;background: rgba(60,60,67,0.18)}.opt i::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: var(--v,50%);border-radius: inherit;background: var(--accent)}.opt i::after{content: "";position: absolute;top: 50%;left: var(--v,50%);width: 1.3em;height: 1.3em;margin: -0.65em 0 0 -0.65em;border-radius: 50%;background: #fff;box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3),0 0 0 0.05em rgba(0,0,0,0.06)}.opt em{font-style: normal;font-variant-numeric: tabular-nums;color: #6b6b73;min-width: 2.4em;text-align: right}.switch{justify-self: end;width: 3.2em;height: 1.9em;border-radius: 1em;background: #34c759;position: relative}.switch::after{content: "";position: absolute;right: 0.15em;top: 0.15em;width: 1.6em;height: 1.6em;border-radius: 50%;background: #fff;box-shadow: 0 0.1em 0.25em rgba(0,0,0,0.25)}.switch.off{background: rgba(120,120,128,0.3)}.switch.off::after{right: auto;left: 0.15em}.zoom{position: absolute;display: flex;align-items: center;gap: 1em;height: 3.4em;padding: 0 1.4em;border-radius: 2em;font-size: 1.2em;font-variant-numeric: tabular-nums;color: #2a2a30}.zoom b{font-weight: 600}.tray{width: 24.6em;padding: 1.4em;border-radius: 1.6em;display: grid;gap: 1em;color: #232328}.tray-head{display: flex;align-items: baseline;justify-content: space-between;font-size: 1.5em;font-weight: 600}.tray-head small{font-size: 0.7em;color: #8a8a92}.vcard{display: grid;gap: 0.6em;padding: 1em;border-radius: 1em;background: rgba(0,0,0,0.04)}.vcard.on{background: rgba(10,98,245,0.14)}.vcard-name{display: flex;justify-content: space-between;align-items: center;font-size: 1.35em}.vcard.on .vcard-name{font-weight: 600}.vcard-swatch{height: 3.2em;border-radius: 0.6em;background: #fbfaf8;overflow: hidden}.vcard.locked .vcard-swatch{opacity: 0.55}.lock{display: grid;place-items: center;width: 1.6em;height: 1.6em;border-radius: 50%;background: rgba(255,255,255,0.85);box-shadow: 0 0 0 0.05em rgba(0,0,0,0.1)}.lock svg{width: 0.9em;height: 0.9em;fill: #8f5cfb}.layers{width: 28.8em;padding: 1.6em 1.4em;display: grid;gap: 0.8em;align-content: start;color: #232328}.layers-head{display: flex;align-items: center;gap: 0.8em;font-size: 1.5em;font-weight: 600;margin-bottom: 0.4em}.layers-head span{font: 600 0.73em/1 var(--mono);padding: 0.25em 0.6em;border-radius: 1em;background: rgba(60,60,67,0.12);color: #6b6b73}.layer{position: relative;display: grid;grid-template-columns: 5.2em 1fr auto;align-items: center;gap: 1em;padding: 0.7em;border-radius: 1.1em;background: rgba(0,0,0,0.03)}.layer.on{background: rgba(10,98,245,0.16);box-shadow: inset 0 0 0 0.08em rgba(10,98,245,0.45)}.layer.on::before{content: "";position: absolute;left: 0;top: 50%;width: 0.3em;height: 2.6em;margin-top: -1.3em;border-radius: 0.3em;background: var(--accent)}.layer-thumb{width: 5.2em;height: 5.2em;border-radius: 0.8em;background-color: #fff;background-image: conic-gradient(#e6e6e6 25%,#fff 0 50%,#e6e6e6 0 75%,#fff 0);background-size: 1em 1em;box-shadow: 0 0 0 0.08em rgba(0,0,0,0.16),0 0.1em 0.2em rgba(0,0,0,0.14);overflow: hidden;position: relative}.layer-thumb>*{position: absolute;inset: 0;width: 100%;height: 100%}.layer-name{display: grid;gap: 0.2em;font-size: 1.3em;min-width: 0}.layer-name b{font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.layer.on .layer-name b{font-weight: 600}.layer-name small{font-size: 0.82em;color: #7a7a82}.eye{width: 1.8em;height: 1.8em;fill: none;stroke: #6b6b73;stroke-width: 1.8}.layer.hidden{opacity: 0.5}.surface-row{display: grid;gap: 0.7em;margin-top: 0.6em}.surface-row small{font: 600 1.1em/1 var(--font);letter-spacing: 0.04em;text-transform: uppercase;color: #7a7a82}.chips{display: flex;gap: 0.6em;flex-wrap: wrap}.chips i{width: 2.7em;height: 2.7em;border-radius: 0.7em;box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.14)}.chips i.on{box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.14),0 0 0 0.2em #fff,0 0 0 0.4em var(--accent)}.paper-card{display: grid;gap: 10px}.paper-swatch{position: relative;aspect-ratio: 1;border-radius: 18px;overflow: hidden;box-shadow: 0 1px 2px rgba(0,0,0,0.12),0 14px 30px -18px rgba(0,0,0,0.5)}.paper-swatch svg{position: absolute;inset: 0;width: 100%;height: 100%}.paper-name{font: 600 15px/1.2 var(--rounded);color: var(--text-2)}.plate{position: relative;border-radius: 1.4em;overflow: hidden;background: #fefcfb;box-shadow: inset 0 0 0 0.1em rgba(255,255,255,0.9),0 0 0 0.05em rgba(0,0,0,0.1),0 1em 3.6em rgba(0,0,0,0.22)}.plate>picture,.plate>.stage-img{position: absolute;inset: 0}.plate img{width: 100%;height: 100%;object-fit: cover}.stage-img{opacity: 0;transition: opacity 0.25s linear}.stage-img.show{opacity: 1}.photo-pill{position: absolute;left: 1.6em;bottom: 1.6em;z-index: 3;padding: 0.5em 1.1em;border-radius: 2em;background: rgba(0,0,0,0.55);color: #fff;font: 600 1.4em/1 var(--font);transition: opacity 0.4s}.pill{display: inline-flex;align-items: center;gap: 1.1em;height: 4.4em;padding: 0 1.8em;border-radius: 3em;font-size: 1.35em;color: #232328}.pill .brush-pulse{width: 1.6em;height: 1.6em;fill: var(--accent);animation: pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{transform: scale(0.82);opacity: 0.6}}.pill .bar{position: relative;width: 8em;height: 0.4em;border-radius: 1em;background: rgba(60,60,67,0.18);overflow: hidden}.pill .bar i{position: absolute;inset: 0;transform-origin: left;transform: scaleX(var(--p,0));background: var(--accent);border-radius: inherit}.pill .pct{font-variant-numeric: tabular-nums;min-width: 2.8em;color: #6b6b73}.pill .stop{font-weight: 600;color: var(--accent)}.pill .done{display: none;align-items: center;gap: 0.6em;font-weight: 600}.pill .done svg{width: 1.5em;height: 1.5em;fill: #34c759}.pill.finished .run{display: none}.pill.finished .done{display: inline-flex}.media-card{display: grid;justify-items: center;gap: 8px;width: 104px;padding: 12px 8px 10px;border-radius: 16px;background: var(--tile);box-shadow: var(--shadow-tile);font: 600 13.5px/1.2 var(--rounded);text-align: center;overflow: hidden}.media-card svg{width: 30px;height: 92px;margin-bottom: -40px;filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.25))}.media-card.on{box-shadow: 0 0 0 2px var(--accent),var(--shadow-tile);background: color-mix(in srgb,var(--accent) 8%,var(--tile))}.media-card span{position: relative;z-index: 1;padding-top: 6px;width: 100%;background: var(--tile)}.media-card.on span{background: color-mix(in srgb,var(--accent) 8%,var(--tile))}.orb-card{width: 26em;padding: 1.8em;border-radius: 1.8em;display: grid;gap: 1.4em;justify-items: center;color: #232328;font-size: 10px}.orb{position: relative;width: 22.4em;height: 22.4em;touch-action: none}.orb-ring{position: absolute;inset: 0;border-radius: 50%;background: conic-gradient(from 0deg,hsl(0 100% 50%),hsl(30 100% 50%),hsl(60 100% 50%),hsl(90 100% 50%),hsl(120 100% 50%),hsl(150 100% 50%),hsl(180 100% 50%),hsl(210 100% 50%),hsl(240 100% 50%),hsl(270 100% 50%),hsl(300 100% 50%),hsl(330 100% 50%),hsl(360 100% 50%));-webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 2em),#000 calc(100% - 2em));mask: radial-gradient(farthest-side,transparent calc(100% - 2em),#000 calc(100% - 2em));cursor: pointer}.orb-field{position: absolute;left: 50%;top: 50%;width: 12em;height: 12em;margin: -6em 0 0 -6em;border-radius: 1em;background: linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,transparent),hsl(var(--h,265) 100% 50%);cursor: crosshair}.orb-thumb,.field-thumb{position: absolute;border-radius: 50%;border: 0.25em solid #fff;box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.3);pointer-events: none}.orb-thumb{width: 2.6em;height: 2.6em;margin: -1.3em 0 0 -1.3em}.field-thumb{width: 1.8em;height: 1.8em;margin: -0.9em 0 0 -0.9em}.orb-row{display: flex;align-items: center;gap: 1em;width: 100%;font-size: 1.3em}.orb-row b{font-weight: 500;color: #6b6b73}.hex-swatch{width: 4.4em;height: 2.8em;border-radius: 0.8em;box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.12)}.hex{font: 600 1em/1 var(--mono);padding: 0.5em 0.7em;border-radius: 0.6em;background: rgba(118,118,128,0.12)}.recents{display: flex;gap: 0.6em}.recents i{width: 2em;height: 2em;border-radius: 50%;box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.14)}.well-card{width: 27em;padding: 1.6em;border-radius: 1.8em;display: grid;gap: 1.1em;color: #232328;font-size: 10px}.well-head{display: flex;justify-content: space-between;align-items: center;font-size: 1.5em;font-weight: 600}.well-head button{font-size: 0.8em;font-weight: 600;padding: 0.35em 0.9em;border-radius: 1em;border: 0;background: rgba(118,118,128,0.14);color: #232328;cursor: pointer}.well{width: 100%;aspect-ratio: 230 / 117;border-radius: 1em;background: #edebe6;box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.1);touch-action: none;cursor: crosshair}.well-hint{font-size: 1.25em;color: #6b6b73}.paints{display: flex;gap: 0.8em}.paints button{width: 2.6em;height: 2.6em;border-radius: 50%;border: 0;cursor: pointer;box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.14)}.paints button[aria-pressed="true"]{box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.14),0 0 0 0.2em #fff,0 0 0 0.4em var(--accent)}.pro-chip{font: 700 0.75em/1 var(--rounded);padding: 0.35em 0.7em;border-radius: 1em;color: #fff;background: var(--pro);letter-spacing: 0.02em}.nc{width: 47em;padding: 2.6em;border-radius: 1.8em;display: grid;gap: 1.6em;color: #232328}.nc h4{font: 700 2.4em/1 var(--rounded);margin: 0}.nc p{font-size: 1.3em;color: #6b6b73;margin: 0}.presets{display: grid;grid-template-columns: repeat(3,1fr);gap: 1em}.preset{display: grid;justify-items: center;gap: 0.6em;padding: 1.2em 0.6em 1em;border-radius: 1.2em;background: rgba(0,0,0,0.04);font-size: 1.2em}.preset.on{background: rgba(10,98,245,0.12);box-shadow: inset 0 0 0 0.15em var(--accent)}.preset b{font-weight: 600}.preset small{color: #7a7a82;font-variant-numeric: tabular-nums}.stack{position: relative;width: 7.6em;height: 5.2em}.stack i{position: absolute;inset: 0;border-radius: 0.25em;background: #fbfbfb;box-shadow: 0 0 0 0.06em rgba(0,0,0,0.07),0 0.1em 0.15em rgba(0,0,0,0.1)}.stack i:nth-child(1){transform: translate(0.27em,0.3em)}.stack i:nth-child(2){transform: translate(0.13em,0.15em)}.menu{min-width: 26em;padding: 0.6em;border-radius: 1.2em;display: grid;gap: 0.1em;color: #232328;font-size: 1.3em}.menu div{display: flex;justify-content: space-between;gap: 2em;padding: 0.45em 0.9em;border-radius: 0.6em;white-space: nowrap}.menu div.on{background: var(--accent);color: #fff}.menu div small{color: inherit;opacity: 0.6}.menu hr{border: 0;height: 0.06em;margin: 0.3em 0.8em;background: rgba(0,0,0,0.12)}.ants{stroke-dasharray: 4 4;animation: ants 0.6s linear infinite}@keyframes ants{to{stroke-dashoffset: -8}}.seg{display: inline-flex;padding: 0.25em;border-radius: 0.9em;background: rgba(118,118,128,0.14);font-size: 1.25em}.seg span{padding: 0.4em 1em;border-radius: 0.7em;color: #3a3a40;white-space: nowrap}.seg span.on{background: #fff;box-shadow: 0 0.05em 0.2em rgba(0,0,0,0.15);font-weight: 600}@media (prefers-color-scheme: dark){.glass:not(.light){background: rgba(44,44,50,0.74);box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.16),0 0.6em 3.2em rgba(0,0,0,0.4);color: #f2f2f4}.glass:not(.light) .opts-title,.glass:not(.light) .opt em,.glass:not(.light) .tray-head small,.glass:not(.light) .layer-name small,.glass:not(.light) .orb-row b,.glass:not(.light) .well-hint{color: #a3a3ab}.glass:not(.light) .opt b,.glass:not(.light) .hud-btn,.glass:not(.light) .seg span{color: #e5e5ea}.glass:not(.light) .hud-grab{background: rgba(235,235,245,0.3)}.glass:not(.light) .vcard,.glass:not(.light) .layer,.glass:not(.light) .preset{background: rgba(255,255,255,0.05)}.glass:not(.light) .vcard.on,.glass:not(.light) .preset.on{background: rgba(77,141,255,0.2)}.glass:not(.light) .layer.on{background: rgba(77,141,255,0.22)}.glass:not(.light) .slot .key{color: rgba(235,235,245,0.6)}.glass:not(.light) .seg span.on{background: #636366}.glass:not(.light) .well-head button,.glass:not(.light) .hex{background: rgba(118,118,128,0.28);color: #f2f2f4}}.hero-ui{max-width: 1240px;margin: 0 auto}.hero-desk{height: 70em}.art-sheet{opacity: 0;transform: scale(0.985);transition: opacity 0.6s var(--ease-out),transform 0.8s var(--ease-out)}.art-sheet.on{opacity: 1;transform: none}.art-sheet .cover{display: none}.painting .art-sheet .cover{display: block}.hero-hud{position: absolute;left: 50%;bottom: 1.4em;transform: translateX(-50%);white-space: nowrap}.cursor-tool{position: absolute;left: 0;top: 0;z-index: 5;width: 4.4em;height: 13.4em;margin-left: -2.2em;transform-origin: 50% 0;pointer-events: none;opacity: 0;filter: drop-shadow(0.5em 1.2em 1em rgba(0,0,0,0.35));transition: opacity 0.3s}.painting .cursor-tool.live{opacity: 1}.drawer-hud{width: 100%;overflow-x: auto;scrollbar-width: none;-webkit-overflow-scrolling: touch;padding: 6px 0 4px}.drawer-hud::-webkit-scrollbar{display: none}.drawer-hud .ui{width: 1100px;max-width: none;margin: 0 auto}@media (max-width: 1150px){.drawer-hud .ui{width: max(760px,96vw)}}.drawer-hud .hud{display: flex;width: max-content;margin: 0 auto}.drawer-family[hidden]{display: none}.drawer-family{display: contents}.kit{font-size: 8.4px}.kit-layers{position: relative;display: flex;gap: 14px;align-items: flex-start;width: 100%;justify-content: center}.kit-layers .layers{background: rgba(246,246,248,0.9);box-shadow: 0 0 0 1px var(--hairline-2),0 12px 30px -16px rgba(0,0,0,0.35);color: #232328}.blend-list{list-style: none;height: 168px;overflow: hidden;padding: 6px;border-radius: 12px;background: var(--tile-2);font-size: 12.5px;line-height: 1;-webkit-mask: linear-gradient(transparent,#000 18%,#000 82%,transparent);mask: linear-gradient(transparent,#000 18%,#000 82%,transparent)}.blend-list li{padding: 4px 10px;border-radius: 6px;white-space: nowrap;color: var(--text-2)}.blend-list li.on{background: var(--accent);color: #fff}.kit-sym{display: grid;justify-items: center;gap: 10px;width: 100%;font-size: 9px}.kit-sym canvas{width: 100%;max-width: 420px;aspect-ratio: 16 / 10;border-radius: 14px;background: #fbfaf8;box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);touch-action: none;cursor: crosshair}.sym-try{font: 600 13px/1 var(--rounded);color: var(--text-3)}.kit-pixel,.kit-select,.kit-shapes{width: 100%;max-width: 260px;border-radius: 12px;box-shadow: 0 0 0 1px var(--hairline-2)}.kit-keys{display: flex;flex-wrap: wrap;gap: 10px 14px;justify-content: flex-end}.kit-keys span{display: grid;justify-items: center;gap: 4px}.kit-keys kbd{min-width: 44px;height: 44px;font-size: 18px;border-radius: 10px}.kit-keys small{font-size: 12px;color: var(--text-3)}@media (max-width: 640px){.kit-keys{justify-content: flex-start}.bento-tile.full{grid-template-columns: 1fr !important}}.opacity-track{position: relative;flex: 1;height: 1.2em;border-radius: 1em;overflow: hidden;background: conic-gradient(#d1d1d1 25%,#fff 0 50%,#d1d1d1 0 75%,#fff 0) 0 0 / 1em 1em}.opacity-track i{position: absolute;inset: 0;background: linear-gradient(90deg,transparent,var(--c,#9e38f0))}.fan{position: relative;aspect-ratio: 4 / 3;max-width: 520px;margin: 0 auto}.fan-card{position: absolute;left: 50%;top: 50%;width: 62%;aspect-ratio: 208 / 151;border-radius: 10px;overflow: hidden;box-shadow: 0 2px 4px rgba(0,0,0,0.12),0 22px 40px -22px rgba(30,20,80,0.45);transform: translate(-50%,-50%);transition: transform 0.9s cubic-bezier(0.3,1.35,0.5,1)}.fan-card>svg{position: absolute;inset: 0;width: 100%;height: 100%}.fan-1{transform: translate(calc(-50% - 26%),calc(-50% + 12%)) rotate(-7deg)}.fan-3{transform: translate(calc(-50% + 26%),calc(-50% + 12%)) rotate(7deg)}.fan-2{z-index: 2;transform: translate(-50%,calc(-50% - 10%))}.js .fan:not(.in) .fan-card{transform: translate(-50%,-50%) rotate(0)}.replay-pic img{width: 100%;height: 100%;object-fit: cover}.replay-bar{position: absolute;left: 10%;right: 10%;bottom: 8%;height: 4px;border-radius: 4px;background: rgba(0,0,0,0.15);overflow: hidden}.replay-bar i{position: absolute;inset: 0;background: var(--accent);transform-origin: left;animation: replay 6s linear infinite}@keyframes replay{from{transform: scaleX(0)}85%,to{transform: scaleX(1)}}.gcard h4{font: 700 17px/1.25 var(--rounded);letter-spacing: -0.01em;margin: 0}.pifm-kit{font-size: clamp(8px,0.95vw,10.5px)}.pill-row{position: relative;z-index: 4;display: flex;justify-content: center;margin-top: -2.4em}.pill .run{display: contents}.glass.light{background: rgba(246,246,248,0.97);box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.6),0 0.6em 3.2em rgba(0,0,0,0.22);color: #232328}.kit-sym .seg{background: var(--tile-2);box-shadow: inset 0 0 0 1px var(--hairline-2)}.kit-sym .seg span{color: var(--text-2)}.kit-sym .seg span.on{background: var(--tile);color: var(--text)}.scene{max-width: 1180px;margin: 0 auto}.sbox{position: relative;border-radius: 1.6em;overflow: hidden;background: radial-gradient(120% 90% at 30% 0%,#eef0ff 0%,#f6f1f8 55%,#f3f1ee 100%);box-shadow: inset 0 0 0 0.08em var(--hairline-2)}@media (prefers-color-scheme: dark){.sbox{background: radial-gradient(120% 90% at 30% 0%,#23263a 0%,#1d1b26 55%,#18181c 100%)}}.sbox.desk-bg{background: radial-gradient(120% 90% at 50% 0%,#34343b,#232327 70%)}.scene .win{box-shadow: 0 0 0 0.08em rgba(0,0,0,0.5),inset 0 0 0 0.08em rgba(255,255,255,0.12),0 3em 6em -3em rgba(40,28,120,0.45)}.paper-art{position: absolute;overflow: hidden;border-radius: 0.5em;background: var(--paper);box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.12),0 2em 4em -1.5em rgba(40,28,120,0.35)}.paper-art>svg,.paper-art>div>svg,.sheet>svg{position: absolute;inset: 0;width: 100%;height: 100%}.sheet-card{display: grid;gap: 1.6em;padding: 2.4em;border-radius: 1.8em;color: #232328}.sheet-card h4{margin: 0;font: 700 2.4em/1.1 var(--rounded);letter-spacing: -0.02em}.sheet-card p{margin: -0.8em 0 0;font-size: 1.3em;color: #6b6b73}.card-btns{display: flex;justify-content: flex-end;gap: 1em;font-size: 1.35em;font-weight: 600}.card-btns span{padding: 0.55em 1.3em;border-radius: 0.8em}.card-btns .b1{background: var(--accent);color: #fff}.card-btns .b2{background: rgba(118,118,128,0.14)}.card-foot{display: flex;align-items: center;justify-content: space-between;gap: 1em}.private{font-size: 1.25em;color: #6b6b73}.media-cards{display: grid;grid-template-columns: repeat(4,1fr);gap: 0.9em}.mcard{display: grid;justify-items: center;gap: 0.4em;height: 11em;padding-top: 1em;border-radius: 1.2em;overflow: hidden;background: rgba(0,0,0,0.04);font-size: 1.15em;font-weight: 600;text-align: center}.mcard svg{width: 3.2em;height: 9.7em;margin-bottom: -4.6em;filter: drop-shadow(0.1em 0.2em 0.2em rgba(0,0,0,0.25))}.mcard span{position: relative;z-index: 1;align-self: end;width: 100%;padding: 0.4em 0.2em 0.7em;background: inherit}.mcard.on{background: rgba(10,98,245,0.12);box-shadow: inset 0 0 0 0.15em var(--accent)}.divider-well{position: relative;height: 40em;border-radius: 1.2em;overflow: hidden;cursor: ew-resize;touch-action: none;box-shadow: inset 0 0 0 0.06em rgba(0,0,0,0.1)}.divider-well>div{position: absolute;inset: 0}.divider-well svg{width: 100%;height: 100%}.dw-b{clip-path: inset(0 0 0 var(--d,50%))}.dw-handle{position: absolute;top: 0;bottom: 0;left: var(--d,50%);width: 0.3em;margin-left: -0.15em;background: #fff;box-shadow: 0 0 0.6em rgba(0,0,0,0.35)}.dw-handle::after{content: "‹ ›";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: grid;place-items: center;width: 3.6em;height: 3.6em;border-radius: 50%;background: #fff;box-shadow: 0 0.2em 0.8em rgba(0,0,0,0.3);font: 700 1.3em/1 var(--rounded);color: #232328}.stepper{display: inline-flex;align-items: center;gap: 0.6em;padding: 0.15em 0.5em;border-radius: 0.6em;background: rgba(118,118,128,0.14)}.stepper em{color: #232328 !important;font-weight: 600}.tilted-tool{position: absolute;left: 42em;top: 14em;width: 5.5em;height: 16.8em;transform-origin: 50% 0;transform: rotate(-62deg);filter: drop-shadow(0.4em 1em 0.8em rgba(0,0,0,0.3))}.cut-pair{position: absolute;left: 4em;top: 6em;display: flex;align-items: center;gap: 3em}.cut-pair .plate{margin: 0}.cut-pair svg{position: absolute;inset: 0;width: 100%;height: 100%}.checker{background: conic-gradient(#e2e2e2 25%,#fff 0 50%,#e2e2e2 0 75%,#fff 0) 0 0 / 2em 2em}.arrow{position: relative;font: 700 4em/1 var(--rounded);color: var(--accent)}.sbox>.arrow{position: absolute}.phone{position: absolute;left: 6em;top: 4em;width: 25em;height: 52em;padding: 1.2em;border-radius: 4em;background: #1c1c1f;box-shadow: inset 0 0 0 0.3em #3a3a3f,0 2em 4em -1em rgba(0,0,0,0.45)}.phone-screen{position: relative;height: 100%;border-radius: 3em;overflow: hidden;background: #000}.phone-screen svg{position: absolute;top: 18%;left: 0;width: 100%;height: 52%;transform: rotate(-4deg) scale(1.06)}.shutter{position: absolute;left: 50%;bottom: 3.6em;width: 6em;height: 6em;margin-left: -3em;border-radius: 50%;background: #fff;box-shadow: 0 0 0 0.5em rgba(255,255,255,0.35)}.blend-pop{min-width: 20em;max-height: 38em;overflow: hidden}.tick{width: 1.4em;height: 1.4em;fill: none;stroke: var(--accent);stroke-width: 2.6;stroke-linecap: round;stroke-linejoin: round}.tray canvas.vcard-swatch{display: block;width: 100%;height: 3.2em}.tray .vcard{background: rgba(0,0,0,0.04)}.tray .vcard.on{background: rgba(10,98,245,0.14)}.undo-glow .hud-btns:first-of-type .hud-btn:first-child{background: var(--accent);color: #fff;box-shadow: 0 0 0 0.4em rgba(10,98,245,0.25)}@media (max-width: 700px){.scene .ui-in{font-size: calc(100cqw / 100)}}