:root{--app-bg: #141518;--app-bg-2: #1b1c20;--app-text: #f1f0ec;--app-muted: rgba(241, 240, 236, .62);--app-line: rgba(241, 240, 236, .14);--app-glass: #1b1c20;--app-glass-strong: #24252a;--app-font: "Outfit", "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--app-mono: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;--app-rainbow: linear-gradient( 90deg, #ff4d6d 0%, #ff9f43 14%, #ffe14d 28%, #4dff8a 43%, #4de1ff 57%, #4d7dff 71%, #b04dff 86%, #ff4dc4 100% );--app-neon-pink: #ff4dc4;--app-neon-cyan: #4de1ff;--app-radius: 22px;--app-gutter: 20px}html[data-lang=en] body [lang=ja],html:not([data-lang=en]) body [lang=en]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0}body.app-site{min-height:100vh;background-color:var(--app-bg);background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.3px);background-size:24px 24px;background-attachment:fixed;color:var(--app-text);font-family:var(--app-font);line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-site a{color:var(--app-text)}.app-site img{max-width:100%;height:auto;display:block}.app-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--app-gutter);padding-top:max(12px,env(safe-area-inset-top));background:#141518db;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--app-line)}.app-topbar-back{font-family:var(--app-mono);color:var(--app-muted)!important;text-decoration:none;font-size:.78rem;letter-spacing:.14em;white-space:nowrap}.app-topbar-back:hover{color:var(--app-text)!important}.app-lang-switch{display:inline-flex;border:1px solid var(--app-line);border-radius:999px;padding:3px;background:var(--app-glass)}.app-lang-switch button{appearance:none;border:0;background:transparent;color:var(--app-muted);font:inherit;font-size:.76rem;min-height:36px;padding:5px 14px;border-radius:999px;cursor:pointer}.app-lang-switch button[aria-pressed=true]{background:var(--app-glass-strong);color:var(--app-text);box-shadow:inset 0 0 0 1px #ffffff29}.app-main{width:100%;max-width:1080px;margin:0 auto;padding:0 var(--app-gutter)}.app-section{padding:72px 0;border-top:1px solid rgba(255,255,255,.08)}.app-section:first-child{border-top:0}.app-eyebrow{display:block;font-family:var(--app-mono);font-size:.72rem;letter-spacing:.16em;color:var(--app-muted);margin:0 0 10px}.app-h2{font-size:clamp(1.5rem,5.4vw,2.2rem);line-height:1.3;margin:0 0 18px;font-weight:800;letter-spacing:.02em}.app-h3{font-size:1.05rem;margin:26px 0 8px;font-weight:700}.app-text p,.app-text li{color:var(--app-muted);font-size:.97rem}.app-text ul{padding-left:1.2em;margin:0 0 12px}.app-text li{margin-bottom:8px}.app-text strong{color:var(--app-text)}.app-rainbow-text{background:var(--app-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.app-eyebrow:before,.app-index-label:before{content:"// ";color:#f1f0ec66}.app-glass{background:var(--app-glass);border:1px solid var(--app-line);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.app-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-family:var(--app-mono);font-size:.74rem;font-weight:700;letter-spacing:.1em;white-space:nowrap}.app-status:before{content:"";width:7px;height:7px;border-radius:2px;background:currentColor}.app-status.is-coming-soon{color:#ffe14d;background:transparent;border:1px solid rgba(255,225,77,.4)}.app-status.is-available{color:#4dff8a;background:transparent;border:1px solid rgba(77,255,138,.4)}.app-status.is-pre-order{color:#4de1ff;background:transparent;border:1px solid rgba(77,225,255,.4)}.app-status-date{display:block;margin-top:8px;font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--app-text)}.app-store-note{margin:10px 0 0;font-size:.82rem;color:var(--app-muted)}.app-store-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;color:var(--app-bg)!important;background:var(--app-text);transition:transform .15s ease,box-shadow .15s ease}.app-store-btn:hover{transform:translateY(-1px);background:#fff}.app-store-btn.is-disabled{color:var(--app-muted)!important;background:var(--app-glass);border:1px dashed rgba(255,255,255,.28);box-shadow:none;cursor:not-allowed;transform:none}.app-hero{display:grid;gap:40px;padding:48px 0 64px;text-align:center;container-type:inline-size}.app-hero>*{min-width:0}.app-hero-icon{width:104px;height:104px;border-radius:24px;margin:0 auto 22px;box-shadow:0 16px 40px #00000080}.app-hero-status{margin-bottom:18px}.app-logo{font-size:clamp(2rem,11cqi,4.2rem);line-height:1.05;font-weight:900;letter-spacing:.02em;margin:0 0 6px}.app-logo-sub{font-family:var(--app-mono);font-size:.85rem;letter-spacing:.4em;color:var(--app-muted);margin:0 0 28px}.app-catch{font-size:clamp(1.25rem,5vw,1.7rem);font-weight:800;margin:0 0 14px;line-height:1.5}.app-lead{color:var(--app-muted);max-width:34em;margin:0 auto 28px}.app-shot{width:min(64vw,280px);margin:0 auto;border-radius:36px;overflow:hidden;border:8px solid #2a2b30;box-shadow:0 40px 80px #0009;background:#000}.app-shot img{width:100%;aspect-ratio:1320 / 2868;object-fit:cover}.app-shot-pair{display:flex;gap:14px;justify-content:center}.app-shot-pair .app-shot{width:min(42vw,240px);margin:0;border-radius:22px}.app-shot-pair .app-share-card{width:min(42vw,240px);align-self:center}.app-feature{display:grid;gap:36px;align-items:center}.app-wide-img{border-radius:16px;overflow:hidden;border:1px solid var(--app-line)}.app-banners{display:grid;gap:14px;margin:22px 0}.app-styles-img{width:min(100%,420px);margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid var(--app-line)}.app-cards{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.app-cards li{padding:16px 18px;margin:0}.app-cards strong{display:block;font-size:.9rem;letter-spacing:.08em;margin-bottom:4px}.app-cards p{margin:0;font-size:.92rem}.app-cards.is-single{grid-template-columns:1fr!important}.app-cta{text-align:center;margin-top:40px}.app-spec{display:grid;gap:14px}.app-spec>div{padding:22px}.app-spec h3{margin:0 0 10px;font-size:.78rem;letter-spacing:.24em;color:var(--app-muted);font-weight:700}.app-spec ul{margin:0;padding-left:1.1em}.app-works{padding:40px 0 8px;border-top:1px solid rgba(255,255,255,.06)}.app-works-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.app-works-card{position:relative;display:block;overflow:hidden;border-radius:var(--app-radius);border:1px solid var(--app-line);color:#fff;text-decoration:none;aspect-ratio:3 / 2;isolation:isolate}.app-works-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease}.app-works-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#04050eeb,#04050e1a 62%)}.app-works-card:hover img{transform:scale(1.05)}.app-works-body{position:absolute;inset:auto 0 0;display:grid;gap:4px;padding:18px 20px}.app-works-label{font-size:.68rem;letter-spacing:.24em;color:#ffffffb8}.app-works-body strong{font-size:1.3rem}.app-works-desc{font-size:.84rem;color:#ffffffc2}@media(min-width:620px){.app-works-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}.app-footer{margin-top:40px;padding:48px var(--app-gutter) max(40px,env(safe-area-inset-bottom));border-top:1px solid var(--app-line);text-align:center;color:var(--app-muted);font-size:.82rem}.app-footer-logo{width:150px;margin:0 auto 18px;opacity:.9}.app-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0 0 18px;padding:0;list-style:none}.app-footer-links a{color:var(--app-text)!important;text-decoration:none}.app-footer-links a:hover{text-decoration:underline}.app-index-head{padding:56px 0 36px;text-align:center}.app-index-title{display:inline-block;font-size:clamp(3.6rem,16vw,7rem);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1}.app-index-head .app-lead{margin:18px auto 0}.app-index-section{margin:0 0 56px}.app-index-label{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-family:var(--app-mono);font-size:.74rem;font-weight:700;letter-spacing:.14em;color:var(--app-muted)}.app-index-label:after{content:"";flex:1;height:1px;background:var(--app-line)}.app-grid{display:grid;gap:18px;margin:0;padding:0;list-style:none}.app-grid>li{display:grid}.app-card{position:relative;display:grid;overflow:hidden;border-radius:16px;border:1px solid var(--app-line);background:var(--app-bg-2);text-decoration:none;color:var(--app-text)!important;box-shadow:0 24px 70px #00000059;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.app-card:hover{transform:translateY(-3px);border-color:#f1f0ec52;box-shadow:0 28px 80px #00000073}.app-card-visual{position:relative;height:210px;overflow:hidden}.app-card-visual img{position:absolute;right:-12%;top:-8%;width:auto;max-width:none;height:124%;transition:transform .6s ease}.app-card:hover .app-card-visual img{transform:scale(1.04)}.app-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,var(--app-bg-2) 100%)}.app-card-body{position:relative;padding:4px 22px 26px}.app-card-head{display:flex;align-items:center;gap:14px;margin:16px 0 14px}.app-card-icon{width:64px;height:64px;flex-shrink:0;border-radius:16px;box-shadow:0 8px 24px #00000073}.app-card-name{font-size:clamp(1.7rem,8vw,2.6rem);font-weight:900;margin:0;line-height:1.1;letter-spacing:.02em;text-transform:uppercase}.app-card-sub{margin:4px 0 0;font-size:.72rem;letter-spacing:.16em;color:var(--app-muted)}.app-card-tagline{margin:0 0 6px;font-weight:800;font-size:1.05rem}.app-card-summary{margin:0 0 16px;color:var(--app-muted);font-size:.9rem}.app-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}.app-chips li{padding:4px 12px;border-radius:999px;border:1px solid var(--app-line);background:var(--app-glass);font-size:.74rem;color:var(--app-muted)}.app-card-more{display:inline-flex;align-items:center;min-height:44px;padding:10px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:var(--app-glass-strong);font-size:.8rem;font-weight:700;letter-spacing:.14em;transition:background .3s ease}.app-card:hover .app-card-more{background:#ffffff29}.app-card.is-compact{border-radius:22px;align-content:start}.app-card.is-compact .app-card-visual{height:150px}.app-card.is-compact .app-card-visual img{right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:78% 40%}.app-card.is-compact .app-card-body{padding:0 18px 20px}.app-card.is-compact .app-card-head{margin:12px 0 10px;gap:12px}.app-card.is-compact .app-card-icon{width:48px;height:48px;border-radius:12px}.app-card.is-compact .app-card-name{font-size:1.3rem}.app-card.is-compact .app-card-tagline{font-size:.9rem;margin-bottom:14px}.app-card.is-compact .app-card-more{min-height:38px;padding:6px 16px;font-size:.72rem}.app-doc{max-width:760px;margin:0 auto;padding:44px 0 24px}.app-doc-head{display:flex;align-items:center;gap:14px;margin-bottom:26px}.app-doc-head img{width:56px;height:56px;border-radius:14px;flex-shrink:0}.app-doc h1{font-size:clamp(1.35rem,5.4vw,1.9rem);line-height:1.35;margin:0}.app-doc-updated{color:var(--app-muted);font-size:.86rem;margin:0 0 28px}.app-doc h2{font-size:1.05rem;margin:34px 0 10px;padding-top:4px}.app-doc p,.app-doc li{color:#fffc;font-size:.95rem}.app-doc ul{padding-left:1.2em}.app-doc a{word-break:break-all}.app-doc-panel{padding:22px;margin:0 0 18px}.app-doc-panel h2{margin-top:0}.app-faq{margin:0}.app-faq dt{font-weight:700;margin:22px 0 6px;color:var(--app-text)}.app-faq dt:before{content:"Q. ";color:var(--app-neon-pink)}.app-faq dd{margin:0;color:#ffffffc7;font-size:.95rem}.app-mail{font-size:1.05rem;font-weight:700;color:var(--app-text);word-break:break-all}@media(min-width:620px){:root{--app-gutter: 32px}.app-cards,.app-spec,.app-grid{grid-template-columns:1fr 1fr}}@media(min-width:960px){.app-section{padding:104px 0}.app-hero{grid-template-columns:1.15fr 1fr;align-items:center;text-align:left;padding:80px 0 96px}.app-hero-icon,.app-lead{margin-left:0}.app-shot{width:300px}.app-feature{grid-template-columns:1.1fr 1fr;gap:64px}.app-feature.is-reverse>:first-child{order:2}.app-shot-pair .app-shot,.app-shot-pair .app-share-card{width:220px}.app-grid{grid-template-columns:repeat(3,1fr)}.app-card:not(.is-compact){grid-template-columns:1.1fr 1fr;min-height:380px;border-radius:34px}.app-card:not(.is-compact) .app-card-visual{order:2;height:auto}.app-card:not(.is-compact) .app-card-visual img{right:-8%;top:50%;height:112%;transform:translateY(-50%)}.app-card:not(.is-compact):hover .app-card-visual img{transform:translateY(-50%) scale(1.04)}.app-card:not(.is-compact) .app-card-visual:after{background:linear-gradient(to right,var(--app-bg) 0%,transparent 45%)}.app-card:not(.is-compact) .app-card-body{align-self:center;padding:44px 0 44px 46px}}.app-site a:focus-visible,.app-site button:focus-visible{outline:2px solid var(--app-neon-cyan);outline-offset:3px;border-radius:6px}.app-site .app-card:focus-visible{border-radius:26px}@media(prefers-reduced-motion:reduce){.app-card,.app-card-visual img,.app-card-more,.app-store-btn{transition:none}.app-card:hover,.app-store-btn:hover,.app-card.is-compact:hover .app-card-visual img{transform:none}}
