:root{color:#211915;background:#fff7ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button{font:inherit}.page{min-height:100vh;padding:18px 14px calc(104px + env(safe-area-inset-bottom));background:radial-gradient(circle at 14% 0%,rgba(255,189,94,.38),transparent 260px),linear-gradient(180deg,#fff8ef,#f7f7f7 46%,#f5f5f5)}.hero{min-height:148px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:30px 18px 22px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#ff9a3df5,#ffc247e6 52%,#ff6b35f0),linear-gradient(28deg,rgba(255,255,255,.28) 0%,transparent 45%,rgba(255,255,255,.16) 100%);box-shadow:0 18px 42px #ff792a33;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.3) 38%,transparent 64%),linear-gradient(180deg,rgba(255,255,255,.14),transparent 58%);pointer-events:none}.hero>div{position:relative;z-index:1}.eyebrow{margin:0 0 8px;color:#ffffffc2;font-size:12px;font-weight:800;letter-spacing:0}.hero h1{margin:0;font-size:30px;line-height:1.18;letter-spacing:0}.meta{margin:9px 0 0;color:#ffffffd6;font-size:13px}.score{min-width:92px;padding:10px 12px;border:1px solid rgba(255,255,255,.4);border-radius:18px;background:#ffffff2e;text-align:right;color:#fff}.score strong{font-size:42px;line-height:1}.score span{margin-left:3px;font-size:14px}.ai-float{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;width:max-content;max-width:calc(100% - 32px);min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:999px;background:linear-gradient(#fffaf3,#fffaf3) padding-box,linear-gradient(90deg,#ff6b35,#ffcf5a,#57e6ff,#9b7cff,#ff6b35) border-box;background-size:100% 100%,220% 100%;color:#3a2215;box-shadow:0 10px 24px #ff792a26;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transform:translate(-50%);animation:rainbowBorder 3.5s linear infinite;-webkit-tap-highlight-color:transparent}.ai-float span{font-size:15px;font-weight:800;line-height:42px;position:relative;z-index:1}.model-panel,.section{margin-top:14px;background:#fffffff5;border:1px solid #f0e5d8;border-radius:16px;box-shadow:0 12px 34px #3a2b1c0f;overflow:hidden}.model-tabs{display:flex;gap:8px;padding:12px}.model-tabs button{flex:1;height:36px;border:1px solid #f3ddc2;border-radius:12px;background:#fff8ef;color:#9c7048}.model-tabs button.active{border-color:#ff9a3d;background:#fff0dc;color:#d76217;font-weight:800}.model-subtabs{display:flex;width:max-content;max-width:calc(100% - 24px);margin:0 12px 12px;padding:3px;border-radius:999px;background:#fff7ec;border:1px solid #f4dec3}.model-subtabs button{min-width:58px;height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#9c7048;font-size:13px;font-weight:700}.model-subtabs button.active{background:#ff9a3d;color:#fff}.model-stage{position:relative;height:330px;overflow:hidden;border-top:1px solid #f4e8dc;background:#1e211f}.model-canvas-host{display:block;width:100%;height:100%}.model-canvas-host canvas{display:block;width:100%!important;height:100%!important}.model-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffd1;font-size:14px;background:#1e211fc2}.section{padding:18px}.section-title{margin-bottom:15px;color:#211915;font-size:17px;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{min-height:86px;padding:15px;border-radius:14px;background:#fff8ef;border:1px solid #f5e3cd}.metric-card span,.posture-row span{color:#9a826d;font-size:13px}.metric-card strong{display:block;margin-top:9px;color:#2c2019;font-size:25px;line-height:1.1}.metric-card small{margin-left:2px;font-size:12px;color:#9a826d}.posture-list{padding:2px 0}.posture-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 0;border-bottom:1px solid #f0e6db}.posture-row:last-child{border-bottom:0}.posture-row strong{color:#2d2119;text-align:right;word-break:break-word}.text-line{margin:10px 0 0;color:#4b3b2d;font-size:14px;line-height:1.72}.state{min-height:55vh;display:flex;align-items:center;justify-content:center;color:#8d7a68}.state.error{color:#c44736}@keyframes rainbowBorder{0%{background-position:0 0,0% 0}to{background-position:0 0,220% 0}}@media (prefers-reduced-motion: reduce){.ai-float{animation:none}}