:root { color-scheme: dark; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; background: #0c0b0d; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 42%,#30201540,transparent 60%); }
.entry { width: 100%; padding: max(40px,env(safe-area-inset-top)) 24px max(40px,env(safe-area-inset-bottom)); display: flex; flex-direction: column; align-items: center; gap: 30px; }
.entry-logo { display: block; width: min(400px,76vw); height: auto; object-fit: contain; }
.watch-button { display: inline-flex; align-items: center; justify-content: center; min-width: 180px; min-height: 54px; padding: 14px 44px; border: 1px solid #f2cd8c; border-radius: 999px; background: linear-gradient(115deg,#f0c879,#d49a43); box-shadow: 0 8px 32px #b77b2526,inset 0 1px 0 #fff5; color: #2a1b0c; text-decoration: none; font-size: 17px; font-weight: 600; letter-spacing: .15em; text-indent: .15em; transition: background .18s,transform .18s; -webkit-tap-highlight-color: transparent; }
.watch-button:hover { background: #f4d49b; transform: translateY(-2px); }
.watch-button:focus-visible { outline: 2px solid #f6d39a; outline-offset: 6px; }
.watch-button:active { transform: translateY(0); }
@media(max-width:600px) { .entry { gap: 28px; } .watch-button { min-width: 168px; } }
@media(prefers-reduced-motion:reduce) { .watch-button { transition: none; } }

.entry-copy { text-align: center; }
.entry-copy h1 { margin: 0; color: #f0e8dc; font-size: clamp(32px,5vw,48px); font-weight: 500; letter-spacing: .04em; line-height: 1.4; }
.entry-copy h1 span { color: #e6b765; }
.entry-copy p { margin: 16px 0 0; color: #a39a90; font-size: 13px; line-height: 1.8; }
.entry-offer { margin: 0; text-align: center; color: #cfb28a; font-size: 13px; line-height: 1.8; }
.entry-offer strong { color: #f1cd90; font-size: 17px; font-weight: 600; }
.entry-offer span { display: block; font-size: 11px; color: #938575; }

.homescreen-guide { width: min(100%, 520px); border: 1px solid #685137; border-radius: 16px; background: #1b1712; color: #c7bcae; font-size: 13px; line-height: 1.8; }
.homescreen-guide summary { min-height: 64px; padding: 14px 20px; color: #edc88c; font-size: 15px; font-weight: 600; cursor: pointer; }
.homescreen-guide summary span { display: block; margin-left: 18px; color: #a99a87; font-size: 12px; font-weight: 400; }
.homescreen-guide summary:focus-visible { outline: 2px solid #f6d39a; outline-offset: 4px; border-radius: 16px; }
.homescreen-content { padding: 0 20px 20px; overflow-wrap: anywhere; }
.homescreen-content p { margin: 0; }
.homescreen-intro strong { color: #ead4b2; }
.homescreen-content h2 { margin: 18px 0 8px; color: #f0e8dc; font-size: 14px; font-weight: 600; }
.homescreen-content ol { margin: 0; padding-left: 20px; }
.homescreen-content li + li { margin-top: 8px; }
.homescreen-content .homescreen-tip { margin-top: 18px; padding-top: 14px; border-top: 1px solid #3d3326; color: #a99a87; font-size: 12px; }

.ios-menu-example { display: inline-flex; align-items: center; gap: 5px; padding: 2px 7px; margin: 2px 3px; border: 1px solid #685137; border-radius: 7px; background: #29221a; color: #f0d5ac; vertical-align: middle; font-size: 12px; line-height: 1.8; }
.ios-menu-example svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ios-menu-example circle { fill: currentColor; stroke: none; }
.ios-menu-text { color: #8ebdff; }