:root{--bg: #f4e6cf;--bg-soft: #fffaf3;--panel: rgba(255, 250, 240, .78);--panel-strong: rgba(255, 247, 232, .92);--ink: #241810;--ink-soft: #5b4332;--brand: #f7643b;--brand-strong: #ff8d34;--accent: #1c8d8d;--accent-soft: #92d8cf;--line: rgba(67, 41, 22, .12);--shadow: 0 22px 70px rgba(95, 58, 27, .15);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--safe-top: max(20px, env(safe-area-inset-top));--safe-bottom: max(20px, env(safe-area-inset-bottom));font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,194,102,.6),transparent 32%),radial-gradient(circle at 85% 12%,rgba(33,178,173,.3),transparent 24%),linear-gradient(160deg,#fff8ed,#f3e0c3,#ebd4b0)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--ink);overflow-x:hidden}button{border:0;font:inherit;cursor:pointer}.page{min-height:100dvh;padding:var(--safe-top) 18px var(--safe-bottom)}.home-page{display:grid;gap:18px;max-width:960px;margin:0 auto;align-content:center}.hero-card,.status-card,.spec-card,.stage-card,.control-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-card{border-radius:var(--radius-xl);padding:34px 24px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-18px;top:-24px;width:140px;height:140px;border-radius:36px;transform:rotate(24deg);background:linear-gradient(135deg,#ff8d34e6,#f7643b4d),radial-gradient(circle at top right,rgba(255,255,255,.55),transparent 45%)}.hero-badge,.status-pill,.chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 12px;border-radius:999px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.hero-badge,.status-pill{background:#1c8d8d1f;color:var(--accent);font-weight:700}.hero-card h1{margin:18px 0 10px;font-size:clamp(42px,8vw,72px);line-height:.92;letter-spacing:-.05em}.hero-subtitle{max-width:580px;margin:0;color:var(--ink-soft);font-size:clamp(16px,3.6vw,20px);line-height:1.55}.hero-actions,.overlay-actions,.control-panel,.chip-stack{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:28px}.hero-tip{margin-top:22px;color:#241810ad;font-size:14px}.primary-btn,.ghost-btn,.accent-btn,.small-btn{min-height:50px;padding:0 20px;border-radius:999px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-btn:hover,.ghost-btn:hover,.accent-btn:hover,.small-btn:hover{transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 16px 30px #f7643b57}.accent-btn{background:linear-gradient(135deg,var(--accent),#44b3a8);color:#fff;box-shadow:0 16px 30px #1c8d8d4d}.ghost-btn,.small-btn{background:#ffffff8f;color:var(--ink);border:1px solid rgba(36,24,16,.08)}.status-card,.spec-card,.control-panel{border-radius:var(--radius-lg);padding:22px 20px}.status-card strong{display:block;font-size:20px;margin-top:12px}.status-card.is-good{background:linear-gradient(145deg,#effffacc,#fffbf0bf),var(--panel)}.status-card.is-muted{background:linear-gradient(145deg,#fff7e8e6,#faefdfcc),var(--panel)}.status-list{margin:16px 0 0;padding-left:18px;color:var(--ink-soft);line-height:1.6}.spec-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.spec-item{padding:16px;border-radius:18px;background:#ffffff7a}.spec-item strong{display:block;font-size:18px}.spec-item span{display:block;margin-top:8px;color:var(--ink-soft);line-height:1.55}.experience-page,.ar-page{display:grid;gap:16px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:14px}.stage-card{border-radius:28px;padding:16px}.stage-copy{padding:8px 8px 14px}.stage-copy h2{margin:0;font-size:clamp(28px,5vw,42px);letter-spacing:-.04em}.stage-copy p{margin:8px 0 0;color:var(--ink-soft)}.preview-stage{position:relative;min-height:min(62vh,620px);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.72),transparent 26%),linear-gradient(180deg,#ffffffe6,#fae7c28c)}.preview-canvas,.xr-canvas,.ar-stage{width:100%;height:100%;display:block}.control-panel{justify-content:center}.chip{background:#ffffffa6;color:var(--ink-soft);font-weight:700}.ar-page{position:relative;overflow:hidden;padding:0}.ar-stage{position:fixed;inset:0}.overlay-top,.overlay-bottom{position:fixed;left:0;right:0;z-index:4;padding-left:16px;padding-right:16px}.overlay-top{top:0;padding-top:var(--safe-top)}.overlay-bottom{bottom:0;padding-bottom:var(--safe-bottom)}.ar-prompt{margin:0 auto 14px;width:min(560px,calc(100% - 16px));padding:14px 18px;border-radius:999px;text-align:center;color:#fff;background:#16100b94;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 32px #00000029}.overlay-actions{justify-content:center;padding-bottom:2px}.toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 16px);transform:translate(-50%);z-index:20;min-width:min(92vw,320px);padding:14px 18px;border-radius:999px;text-align:center;color:#fff;box-shadow:0 18px 42px #00000038}.toast-info{background:#1e1e1ed6}.toast-warn{background:#f7643bf0}.toast-error{background:#962222f0}@media(max-width:720px){.page{padding-left:14px;padding-right:14px}.top-bar,.overlay-top{flex-wrap:wrap;justify-content:center}.hero-card{padding:28px 18px}.preview-stage{min-height:52vh}.overlay-actions{padding-left:16px;padding-right:16px}.overlay-actions .ghost-btn,.overlay-actions .primary-btn{flex:1 1 44%}}