:root{--ink:#22391f;--ink-soft:#5b6f57;--accent:#c2222b}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:var(--ink);background:radial-gradient(120% 90% at 50% 30%,#fdfefb 0%,#f3f7ef 55%,#e8f0e4 100%);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,-apple-system,Segoe UI,sans-serif}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene:active{cursor:grabbing}.ui{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed}.ui-top{top:clamp(28px,6vh,64px);left:clamp(24px,6vw,80px)}.eyebrow{letter-spacing:.42em;color:var(--ink-soft);margin-bottom:14px;font-size:11px}h1{letter-spacing:.14em;font-size:clamp(34px,5.2vw,58px);font-weight:600;line-height:1.15}h1:after{content:"";background:var(--accent);border-radius:2px;width:44px;height:3px;margin-top:16px;display:block}.sub{letter-spacing:.28em;color:var(--ink-soft);margin-top:16px;font-size:clamp(13px,1.4vw,15px)}.ui-bottom{text-align:center;bottom:clamp(20px,4.5vh,44px);left:0;right:0}.hint{letter-spacing:.32em;text-indent:.32em;color:var(--ink-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border:1px solid #5b6f5759;border-radius:999px;padding:10px 22px;font-size:12px;display:inline-block}@media (width<=640px){.ui-top{top:max(20px, env(safe-area-inset-top));left:22px}h1:after{width:34px;margin-top:10px}.sub{letter-spacing:.2em;margin-top:10px}.ui-bottom{bottom:max(16px, env(safe-area-inset-bottom))}}