@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}img,svg{display:block}img{max-width:100%;height:auto}button,select,a,summary{-webkit-tap-highlight-color:transparent}}@layer theme{:root{--bg:#fafbf7;--surface:#f0f3e9;--surface-2:#e8eee1;--ink:#172c25;--muted:#5d6d62;--line:#d9e0d4;--accent:#295d48;--lime:#deefab;--button:#204a38;--button-text:#fff;--art-line:#a9b6a2;--brand-cutout:#fafbf7;--hero-grid:#42583c12;--warm:#f0ece3;color-scheme:light}:root[data-theme=dark]{--bg:#111b17;--surface:#1a2821;--surface-2:#26372b;--ink:#ecf1e8;--muted:#aab7a9;--line:#354438;--accent:#b2d99b;--lime:#d8ec9c;--button:#d8ec9c;--button-text:#172c25;--art-line:#60705c;--brand-cutout:#111b17;--hero-grid:#aac09712;--warm:#2a2c25;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111b17;--surface:#1a2821;--surface-2:#26372b;--ink:#ecf1e8;--muted:#aab7a9;--line:#354438;--accent:#b2d99b;--lime:#d8ec9c;--button:#d8ec9c;--button-text:#172c25;--art-line:#60705c;--brand-cutout:#111b17;--hero-grid:#aac09712;--warm:#2a2c25;color-scheme:dark}}}@layer base{html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:16px;line-height:1.65}::selection{background:var(--lime);color:#172c25}a,select,summary{touch-action:manipulation}a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}h1,h2,h3{text-wrap:balance;font-weight:500;line-height:1.13}h1{letter-spacing:-.058em;font-size:clamp(2.8rem,5.2vw,4.8rem)}h2{letter-spacing:-.045em;font-size:clamp(2rem,3vw,2.8rem)}h3{letter-spacing:-.025em;font-size:1.45rem}p{color:var(--muted)}.wrap{width:min(1160px,100% - 112px);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.block{display:block}.eyebrow{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font:500 .67rem/1.5 Courier New,monospace}.eyebrow-line{vertical-align:middle;background:currentColor;width:22px;height:1px;margin-right:12px;display:inline-block}.status-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.status{align-items:center;gap:9px;display:flex}.text-link,.quiet-link{align-items:center;gap:24px;font-size:.85rem;font-weight:500;display:inline-flex}.text-link{border-bottom:1px solid var(--line);padding-block:8px}.text-link span,.quiet-link span{font-size:1.15rem}.button{background:var(--button);min-height:49px;color:var(--button-text);border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:26px;padding:12px 22px;font-size:.85rem;font-weight:500;display:inline-flex}.button:hover{background:var(--accent);color:var(--bg)}.skip-link{z-index:10;background:var(--button);color:var(--button-text);padding:12px 20px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px}.lead{font-size:1.15rem;line-height:1.8}:lang(ja) h1{letter-spacing:-.035em;line-height:1.32}:lang(ja) h2{letter-spacing:-.025em;line-height:1.45}:lang(ja) .hero h1{font-size:clamp(2.6rem,4.6vw,4rem)}:lang(ja) .hero-description{font-size:.95rem}}@layer components{.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;min-height:106px;display:flex}.brand{letter-spacing:-.065em;align-items:center;gap:10px;font-size:1.43rem;font-weight:600;display:inline-flex}.brand-studio{letter-spacing:-.05em;font-weight:400}.brand-period{color:var(--accent)}.brand-link{align-items:center;display:inline-flex}.site-header nav{gap:30px;margin-left:auto;margin-right:38px;display:flex}.site-header nav a{color:var(--muted);padding:12px 0;font-size:.8rem}.site-header nav a[aria-current]{color:var(--ink);box-shadow:0 1px var(--accent)}.header-tools{align-items:center;gap:18px;display:flex}.language{white-space:nowrap;align-items:center;gap:9px;font-size:.72rem;display:flex}.theme-control{border-left:1px solid var(--line);align-items:center;gap:5px;padding-left:16px;display:flex}.theme-control select{color:var(--muted);cursor:pointer;background:0 0;border:0;max-width:78px;padding:8px 0;font-size:.68rem}.theme-control option{background:var(--bg);color:var(--ink)}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:26px;min-height:560px;padding-top:76px;padding-bottom:64px;display:grid}.hero-copy{z-index:1;position:relative}.hero h1{letter-spacing:-.06em;margin:25px 0;font-size:clamp(3.5rem,5.6vw,5rem);line-height:1.02}.hero h1>span{color:var(--accent);position:relative}.hero h1>span:after{content:"";border-bottom:2px solid var(--accent);opacity:.5;border-radius:50%;width:100%;height:5px;display:block;position:absolute;bottom:-7px;left:0}.hero-description{max-width:405px;font-size:.98rem;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:31px;display:flex}.hero-bottom{border-bottom:1px solid var(--line);letter-spacing:.12em;color:var(--muted);justify-content:space-between;padding-bottom:26px;font:500 .6rem/1.5 Courier New,monospace;display:flex}.clarity-art{background:radial-gradient(ellipse at 50% 52%, var(--surface-2), transparent 64%);isolation:isolate;height:400px;position:relative;overflow:hidden}.clarity-art:before{content:"";background-image:linear-gradient(var(--hero-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid) 1px, transparent 1px);background-size:25px 25px;position:absolute;inset:35px 10px;mask-image:radial-gradient(#000 10%,#0000 72%)}.art-orbit{border:1px solid var(--line);border-radius:50%;width:330px;height:230px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-33deg)}.orbit-two{width:265px;height:340px;transform:translate(-50%,-50%)rotate(-33deg)}.art-lines{opacity:.8;width:100%;height:100%;position:absolute;inset:0}.clarity-tile{background:linear-gradient(140deg,#32684e,#183e2e);border-radius:35px;place-items:center;width:160px;height:160px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:0 23px 35px -18px #183e2e75,inset 1px 1px 1px #8aaa7f}.art-note{letter-spacing:.11em;color:var(--muted);font:500 .55rem Courier New,monospace;position:absolute;top:24px;left:30px}.tiny-cross{padding-right:24px;font-size:18px}.art-spark{color:var(--accent);font-family:Arial,sans-serif;position:absolute}.spark-one{font-size:45px;top:45px;right:50px;transform:rotate(20deg)}.spark-two{font-size:25px;font-weight:300;bottom:60px;left:55px}.art-caption{letter-spacing:.07em;align-items:center;gap:9px;font:500 .56rem Courier New,monospace;display:flex;position:absolute;bottom:20px;right:20px}.small{width:100%;max-width:500px;height:340px}.section{padding-block:78px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{margin-bottom:13px}.section-heading p:not(.eyebrow){font-size:.9rem}.section-heading>a{white-space:nowrap;margin-bottom:5px}.app-card{border:1px solid var(--line);background:var(--bg);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.app-card-art{background:var(--surface);place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.mini-app-icon{background:var(--surface-2);width:112px;height:112px;color:var(--accent);z-index:1;border:1px solid var(--line);box-shadow:0 12px 30px -20px var(--accent);border-radius:26px;place-items:center;display:grid;transform:rotate(-8deg)}.art-grid{background-image:linear-gradient(var(--hero-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;mask-image:radial-gradient(#000,#0000 74%)}.card-orbit{border:1px solid var(--line);border-radius:50%;width:360px;height:170px;position:absolute;transform:rotate(-24deg)}.card-orbit:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:-45px 65px;transform:rotate(50deg)}.card-art-label{letter-spacing:.1em;color:var(--muted);font:500 .53rem Courier New,monospace;position:absolute;bottom:21px;left:25px}.app-card-body{align-self:center;padding:42px 48px}.app-card-body h3{max-width:340px;margin-top:21px;font-size:1.9rem;line-height:1.2}.app-card-body p{max-width:340px;margin-top:14px;margin-bottom:24px;font-size:.9rem}.app-card+.app-card{margin-top:28px}.principles-section{border-block:1px solid var(--line);background:var(--surface)}.principles{grid-template-columns:1fr 1.15fr;gap:100px;padding-block:75px;display:grid}.principles h2{margin-block:20px}.principles-intro{max-width:310px;margin-bottom:23px;font-size:.9rem}.principle-list article{border-bottom:1px solid var(--line);align-items:start;gap:24px;padding:25px 0;display:flex}.principle-list article:first-child{padding-top:5px}.principle-list article:last-child{border:0}.principle-number{color:var(--muted);padding-top:6px;font:400 .67rem Courier New,monospace}.principle-list h3{margin-bottom:9px;font-size:1.14rem}.principle-list p{max-width:310px;font-size:.87rem}.principle-icon{color:var(--accent);margin-left:auto;font-size:27px;line-height:1.1}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;display:grid}.post-visual{background:var(--surface-2);height:235px;color:var(--accent);border-radius:9px;display:block;position:relative;overflow:hidden}.visual-ring{border:1px solid var(--accent);opacity:.4;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)}.visual-ring:after{content:"";border:1px solid;border-radius:50%;position:absolute;inset:27px}.visual-bar{background:var(--accent);border-radius:50px;width:200px;height:60px;position:absolute;top:calc(50% - 30px);left:calc(52% - 100px);transform:rotate(-40deg)}.visual-symbol{color:var(--lime);font-size:80px;line-height:1.4;position:absolute;top:calc(50% - 61px);left:calc(52% - 30px)}.visual-caption{letter-spacing:.12em;color:var(--ink);font:500 .55rem Courier New,monospace;position:absolute;bottom:20px;left:24px}.visual-1{background:var(--warm)}.visual-1 .visual-bar{background:var(--ink);width:150px;left:calc(52% - 75px);transform:rotate(30deg)}.visual-1 .visual-ring{border-radius:12px;width:160px;height:160px;transform:translate(-50%,-50%)rotate(15deg)}.visual-1 .visual-ring:after{border-radius:6px}.visual-1 .visual-symbol{font-size:87px;top:calc(50% - 61px)}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:23px;margin-bottom:12px;font-size:.68rem;display:flex}.post-meta a{color:var(--accent)}.post-card h3{max-width:440px;margin-bottom:12px;font-size:1.5rem;line-height:1.25}.post-card p{max-width:450px;margin-bottom:16px;font-size:.87rem}.cta{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1.65fr;align-items:center;gap:45px;margin-bottom:80px;padding:52px 64px;display:grid}.cta-symbol{color:var(--accent);justify-self:center;font:300 160px/1 Arial,sans-serif}.cta h2{margin-top:12px;margin-bottom:13px}.cta p:not(.eyebrow){max-width:440px;font-size:.89rem}.cta .button{margin-top:24px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:40px;padding-block:44px 35px;display:flex}.site-footer .brand{font-size:1.2rem}.site-footer .brand svg{width:26px;height:26px}.site-footer p{margin-top:14px;font-size:.7rem}.footer-right{text-align:right}.footer-right nav{gap:25px;font-size:.76rem;display:flex}.page-content{min-height:66vh;padding-top:60px;padding-bottom:90px}.page-heading{max-width:850px;padding-block:20px 50px}.page-heading .eyebrow{margin-bottom:22px}.page-heading h1{margin-bottom:25px}.page-heading>p:not(.eyebrow){max-width:670px;font-size:1.06rem;line-height:1.8}.category-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px;margin-bottom:40px;padding-bottom:22px;display:flex}.category-nav a{border:1px solid var(--line);border-radius:4px;padding:7px 16px;font-size:.8rem}.category-nav a[aria-current]{background:var(--button);color:var(--button-text);border-color:#0000}.about-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:45px;display:grid}.about-grid h2{font-size:2rem}.about-grid .prose{font-size:1rem}.contact-grid{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:30px;display:grid}.contact-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:45px}.panel-symbol{color:var(--accent);margin-bottom:40px;font-size:50px;line-height:1;display:block}.contact-panel h2{margin:18px 0;font-size:1.8rem}.contact-panel p:not(.eyebrow),.support-panel p{font-size:.94rem}.email-link{border-bottom:1px solid var(--accent);overflow-wrap:anywhere;font-size:1.1rem;display:inline-block}.support-panel{padding:45px 30px}.support-panel h2{margin-bottom:20px;font-size:1.5rem}.support-panel .text-link{margin-top:24px}.back-link{color:var(--muted);margin-bottom:26px;font-size:.78rem;display:inline-block}.app-detail-hero{border-bottom:1px solid var(--line);grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding-bottom:50px;display:grid}.app-detail-hero h1{margin-block:22px;font-size:clamp(2.7rem,4.3vw,4rem)}.download-links{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.unavailable{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:10px 16px;font-size:.8rem}.app-sections{max-width:850px;margin:0 auto}.app-sections>section{padding-top:56px}.app-sections h2{margin-top:15px;margin-bottom:24px;font-size:2rem}.feature-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.feature-grid h3{margin-bottom:12px;font-size:1.3rem}.screenshots{gap:24px;padding-bottom:18px;display:flex;overflow:auto}.screenshots img{object-fit:contain;border-radius:15px;flex:none;width:min(270px,70vw)}.empty-gallery{border:1px dashed var(--line);text-align:center;background:var(--surface);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;padding:25px;display:flex}.empty-gallery>span{color:var(--muted);font-size:35px}.empty-gallery p{font-size:.85rem}.faq{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:30px;padding:22px 0;font-size:1rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:1.4rem;line-height:1}.faq[open] summary>span{transform:rotate(45deg)}.faq p{padding:0 35px 24px 0;font-size:.95rem}.policy-links{flex-wrap:wrap;gap:30px;display:flex}.policy-links>a{border-bottom:1px solid var(--line);padding-bottom:8px;font-size:.9rem}.policy-links small{color:var(--muted);margin-top:7px;font-size:.7rem;display:block}.legal-page{max-width:850px}.legal-page h1{font-size:clamp(2.5rem,4.3vw,4rem)}.draft-notice{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:4px;margin-bottom:45px;padding:26px 30px}.draft-notice strong{font-size:.95rem;font-weight:500}.draft-notice p{margin-top:12px;font-size:.89rem}.prose{color:var(--muted);overflow-wrap:anywhere;font-size:1.04rem;line-height:1.9}.prose h2{color:var(--ink);margin:42px 0 17px;scroll-margin-top:35px;font-size:1.7rem;line-height:1.4}.prose h2:first-child{margin-top:0}.prose h3{color:var(--ink);margin:27px 0 12px;font-size:1.25rem}.prose p+p{margin-top:20px}.prose a:not(.text-link){color:var(--accent);text-underline-offset:4px;text-decoration:underline}.prose ul,.prose ol{padding-left:25px}.prose li+li{margin-top:10px}.prose .text-link{color:var(--ink);margin-top:25px}.legal-page .prose section+section{margin-top:32px}.legal-page .prose h2{font-size:1.3rem}.article-heading{max-width:850px;padding-block:20px 45px}.article-heading h1{margin-block:22px;font-size:clamp(2.5rem,4.9vw,4.1rem)}.article-heading>.lead{max-width:720px}.article-byline{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:28px;font-size:.75rem;display:flex}.article-grid{border-top:1px solid var(--line);grid-template-columns:230px minmax(0,680px);gap:70px;padding-top:45px;display:grid}.toc nav{flex-direction:column;gap:16px;margin-top:22px;display:flex}.toc a{color:var(--muted);font-size:.8rem;line-height:1.6}.article-end{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:45px;display:flex}.article-end>span{color:var(--accent);font-size:45px}.not-found{max-width:900px;min-height:65vh;padding-block:70px 100px}.error-symbol{color:var(--accent);margin-block:24px;font-size:90px;line-height:1.2;display:block}.not-found h1{margin-bottom:22px}.error-ja{margin-top:30px;font-size:.85rem}}@layer responsive{@media (width>=1450px){.hero{min-height:640px}.hero h1{font-size:5.6rem}.clarity-art:not(.small){height:440px}}@media (width<=1100px){.wrap{width:calc(100% - 72px)}.site-header nav{gap:20px;margin-right:10px}.brand-studio{display:none}.hero{gap:15px;padding-top:65px}.hero h1{font-size:4rem}.principles{gap:55px}.app-card-body{padding:35px}.article-grid{grid-template-columns:180px minmax(0,1fr);gap:40px}.cta{padding:45px}.header-tools{gap:14px}:lang(ja) .site-header nav{gap:15px}:lang(ja) .site-header nav a{font-size:.73rem}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:0;min-height:110px;padding-top:22px}.site-header nav{order:3;justify-content:space-between;gap:15px;width:100%;margin:12px 0 0}.site-header nav a{padding-block:10px}.brand{font-size:1.35rem}.header-tools{margin-left:auto}.theme-control{padding-left:12px}.hero{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:25px}.hero h1{margin-top:24px;font-size:clamp(3.1rem,9.8vw,4.7rem)}.hero-description{max-width:440px}.hero-actions{gap:22px}.hero .clarity-art{height:325px;margin-inline:0}.hero-bottom{padding-top:0;font-size:.5rem}.hero-bottom>span:last-child{display:none}.section{padding-block:53px}.section-heading{align-items:start;gap:20px}.section-heading h2{font-size:1.9rem}.section-heading>a{gap:12px;font-size:.76rem}.section-heading>div{max-width:80%}.section-heading p:not(.eyebrow){font-size:.85rem}.app-card{grid-template-columns:1fr}.app-card-art{min-height:240px}.app-card-body{padding:30px}.app-card-body h3{max-width:none;font-size:1.8rem}.app-card-body p{max-width:none}.principles{grid-template-columns:1fr;gap:38px;padding-block:53px}.principles-intro{max-width:450px}.principle-list p{max-width:none}.post-grid{grid-template-columns:1fr;gap:35px}.post-visual{height:220px}.post-card h3{font-size:1.45rem}.cta{grid-template-columns:1fr;gap:18px;margin-bottom:50px;padding:32px}.cta-symbol{justify-self:start;font-size:64px}.cta h2{font-size:2rem}.site-footer{flex-direction:column;gap:28px;padding-top:32px}.footer-right{text-align:left}.site-footer .brand-studio{display:inline}.page-content{padding-top:36px;padding-bottom:60px}.page-heading{padding-top:15px;padding-bottom:35px}.page-heading h1{font-size:2.8rem}.page-heading>p:not(.eyebrow){font-size:1rem}.about-grid{grid-template-columns:1fr;gap:35px;padding-top:20px}.about-grid .clarity-art{justify-self:center}.contact-grid{grid-template-columns:1fr;gap:15px}.contact-panel{padding:28px}.support-panel{padding:30px 8px}.contact-panel h2{font-size:1.6rem}.app-detail-hero{grid-template-columns:1fr;gap:15px}.app-detail-hero h1{font-size:2.9rem}.app-detail-hero .small{justify-self:center}.app-sections>section{padding-top:38px}.feature-grid{grid-template-columns:1fr}.article-heading h1{font-size:2.8rem}.article-grid{grid-template-columns:1fr;gap:32px;padding-top:28px}.toc{border-bottom:1px solid var(--line);padding-bottom:26px}.toc nav{gap:9px;margin-top:15px}.prose{font-size:1rem}.prose h2{font-size:1.55rem}.draft-notice{padding:22px}.small{height:300px}.clarity-tile{border-radius:30px;width:140px;height:140px}:lang(ja) .hero h1{font-size:clamp(2.4rem,8.3vw,3.9rem)}:lang(ja) .page-heading h1,:lang(ja) .article-heading h1,:lang(ja) .app-detail-hero h1{font-size:2.4rem}}@media (width<=380px){:lang(ja) .site-header nav{gap:7px}:lang(ja) .site-header nav a{font-size:.68rem}.header-tools{gap:9px}.hero-actions{gap:17px}.hero-actions .quiet-link{gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.toc,.hero-actions,.header-tools{display:none}body{color:#000;background:#fff}.wrap{width:100%}.article-grid{display:block}.prose,p{color:#222}a{text-decoration:underline}.clarity-art{display:none}}}