:root{color-scheme:dark;--ground:#0a0b10;--ink:#f5f4f1;--soft:#b5b6be;--accent:#ffb060;--button-ink:#19120b;--field:#24252c;--space:clamp(20px,4vw,64px);font:18px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans","Yu Gothic",sans-serif}
:root[data-theme="light"]{color-scheme:light;--ground:#fafaf9;--ink:#17181c;--soft:#51535e;--accent:#82400a;--button-ink:#fff;--field:#e8e8e6}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){color-scheme:light;--ground:#fafaf9;--ink:#17181c;--soft:#51535e;--accent:#82400a;--button-ink:#fff;--field:#e8e8e6}}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--ground);color:var(--ink)}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}p{margin:0 0 24px;overflow-wrap:anywhere}h1,h2,h3{font-weight:500;text-wrap:balance;letter-spacing:-.03em;line-height:1.1}h1{font-size:clamp(36px,5.5vw,76px);margin:0 0 28px}h2,h3{font-size:clamp(26px,3vw,36px);margin:0 0 24px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}nav [aria-current]{text-decoration:underline}.bar{padding:24px var(--space);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;min-height:44px}.brand img{flex:none}.directory{max-width:1376px;margin:auto;padding:64px var(--space) 0}.directory-intro{margin-bottom:88px}.directory-intro p{max-width:46ch;font-size:clamp(18px,2vw,22px)}.app-jumps{gap:12px 32px;margin-top:32px}.project{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;align-items:center;margin:0 0 152px;scroll-margin-top:40px}.project-copy{min-width:0;max-width:520px}.project-copy p{max-width:44ch}.project-identity{display:flex;align-items:center;gap:18px;margin-bottom:28px}.project-identity img{flex:none;width:56px;height:56px}.project-identity h2{margin:0;font-size:clamp(28px,3vw,38px)}.catalog-media{display:flex;width:100%;aspect-ratio:8/5;overflow:hidden;align-items:center;justify-content:center;background:#000}.catalog-desktop img{display:block;width:100%;height:auto}.catalog-phones{gap:8%;padding:24px}.catalog-phones img{height:100%;width:auto;max-width:44%;object-fit:contain}.catalog-icon{background:var(--field)}.catalog-icon img{width:40%;height:auto}.status,.date{font-size:16px;color:var(--soft)}.project-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:16px}.project-links a{display:inline-flex;align-items:center;min-height:44px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:9px 22px;background:var(--accent);color:var(--button-ink);border-radius:4px;text-decoration:none;font-weight:600}.button:hover{color:var(--button-ink);opacity:.9}.document{max-width:760px;padding:64px var(--space) 0;margin:auto}.document h1{font-size:clamp(34px,4vw,52px)}.document h2{font-size:26px;line-height:1.25}.document section{margin-top:84px}.document .intro{margin:0}.intro .button{margin:8px 0 24px}.product-icon{display:block;width:112px;margin-bottom:28px}.document .status{margin:0}footer{padding:100px var(--space) 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}footer h2{font-size:26px}footer p{font-size:16px;color:var(--soft);margin:24px 0 0}.email{display:inline-flex;align-items:center;min-height:44px;font-size:clamp(18px,2.4vw,30px);text-decoration:none;overflow-wrap:anywhere}.theme{display:flex;align-items:center;gap:16px;font-size:16px}.theme[hidden]{display:none}select{font:inherit;color:var(--ink);background:var(--field);padding:10px;border:0;border-radius:4px;min-height:44px}.skip{position:absolute;left:20px;top:-100px;background:var(--ground);padding:12px;z-index:2}.skip:focus{top:12px}[lang="zh-Hans"] h1,[lang="zh-Hans"] h2,[lang="zh-Hans"] h3{letter-spacing:0;line-height:1.3}
@media(max-width:760px){.bar{align-items:flex-start}.bar nav{gap:8px 22px;width:100%}.directory{padding-top:40px}.directory-intro{margin-bottom:48px}.project{grid-template-columns:1fr;gap:28px;margin:0 0 88px}.project-copy{max-width:100%}.project-identity h2{font-size:28px}.catalog-phones{padding:16px}.app-jumps{gap:8px 24px}.document{padding-top:40px}.document section{margin-top:64px}footer{padding-top:76px}.footer-controls{width:100%}.theme{max-width:100%;justify-content:space-between}.email{font-size:24px}}
.product-overview{max-width:1248px}.product-overview .intro,.product-overview section>h2,.product-overview section>p{max-width:680px}.screenshot{margin:40px auto 0}.screenshot a{display:block}.screenshot img{display:block;width:100%;margin-inline:auto;background:#0a0b10;aspect-ratio:8/5}.screenshot figcaption{max-width:680px;margin-top:14px;font-size:16px;color:var(--soft)}
@media(prefers-reduced-motion:no-preference){a,select{transition:color 150ms ease,opacity 150ms ease}.button:active{transform:translateY(1px)}}

.picliva-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8%}.product-overview .picliva-intro{max-width:none}.picliva-intro>div{min-width:0}.phone-hero{margin:0;min-width:0}.phone-hero figcaption{font-size:16px;color:var(--soft);margin-top:14px}.phone-pair{display:flex;align-items:center;gap:8%;padding:24px;background:#000;min-width:0}.phone-pair>a{display:block;width:46%;min-width:0}.phone-pair img{display:block;width:100%;height:auto}.phone-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:680px;margin:40px auto 0}.phone-gallery figure{margin:0;min-width:0}.phone-gallery img{display:block;width:100%;margin-inline:auto;height:auto;background:#000}.phone-gallery figcaption{margin-top:14px;font-size:16px;color:var(--soft)}.plan-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;max-width:900px}.plan-columns h3{font-size:26px;margin-top:20px}.plan-columns ul{padding-left:22px}.plan-columns li{margin-bottom:12px}.cta{display:flex;gap:16px;flex-wrap:wrap}.button.alt{background:var(--field);color:var(--ink)}
@media(max-width:760px){.picliva-intro{grid-template-columns:1fr;gap:36px}.phone-pair{max-width:480px}.phone-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.plan-columns{grid-template-columns:1fr;gap:20px}.project-identity{gap:14px}.project-identity img{width:48px;height:48px}}

.language-links{display:flex;gap:18px;flex-wrap:wrap}[lang="ja"] h1,[lang="ja"] h2,[lang="ja"] h3{letter-spacing:0;line-height:1.3}
