:root{color:#eef7ff;background:#07111f;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button{font:inherit;letter-spacing:0}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 16% 8%,rgba(50,214,232,.22),transparent 30%),radial-gradient(circle at 92% 0%,rgba(144,100,255,.24),transparent 32%),linear-gradient(160deg,#07111f,#0a1730 47%,#111827)}.orbital{position:fixed;pointer-events:none;border:1px solid rgba(148,239,255,.14);border-radius:999px;opacity:.55}.orbital-a{top:-120px;right:-110px;width:260px;height:260px}.orbital-b{bottom:70px;left:-150px;width:280px;height:280px}.screen{position:relative;z-index:1;width:min(100%,520px);min-height:100vh;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(104px + env(safe-area-inset-bottom))}.home-screen{display:flex;flex-direction:column;justify-content:center;gap:18px}.hero-panel{padding:34px 24px 26px;border:1px solid rgba(168,230,255,.2);border-radius:8px;background:linear-gradient(145deg,#132345e6,#131e30b8),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 22px);box-shadow:0 22px 70px #00000047}.hero-topline,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#9ae7ff;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#36f0a6;box-shadow:0 0 18px #36f0a6e0}.brand-mark,.sequence-icon,.result-orbit{display:grid;place-items:center;color:#e8fbff;background:linear-gradient(145deg,#17c0cf57,#7d60ff42);border:1px solid rgba(168,230,255,.24)}.brand-mark{width:64px;height:64px;margin-top:28px;border-radius:8px}.hero-panel h1{margin:22px 0 10px;font-size:38px;line-height:1.05;letter-spacing:0}.subtitle{margin:0;color:#d7e7f4;font-size:18px;line-height:1.45;font-weight:650}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.hero-metrics span,.tag-row span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 8px;border:1px solid rgba(151,224,255,.18);border-radius:8px;color:#bfeeff;background:#ffffff0f;font-size:12px;white-space:nowrap}.privacy-strip{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid rgba(54,240,166,.18);border-radius:8px;color:#dffcf4;background:#0b323494;font-size:13px;line-height:1.45}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.page-header h1{margin:8px 0 6px;font-size:26px;line-height:1.16}.page-header p{margin:0;color:#a8bacd;font-size:14px;line-height:1.45}.icon-btn{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border:1px solid rgba(175,226,255,.2);border-radius:8px;color:#e8fbff;background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.case-grid,.sequence-list{display:grid;gap:12px}.case-card,.sequence-card,.load-panel,.section-block,.result-card,.strategy-panel{border:1px solid rgba(175,226,255,.16);border-radius:8px;background:#0c1c34b8;box-shadow:0 16px 44px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.case-card{position:relative;width:100%;min-height:122px;padding:16px;overflow:hidden;color:inherit;text-align:left}.case-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#2fe6d0,#7b8cff)}.case-card h2{margin:8px 0 6px;font-size:20px}.case-card p{margin:0;color:#a8bacd;font-size:13px}.case-index{color:#89e9ff;font-size:12px;font-weight:800}.tag-row{display:flex;gap:8px;margin-top:15px}.card-arrow{position:absolute;top:16px;right:14px;color:#8adff0}.load-panel{display:grid;gap:14px;justify-items:start;padding:24px}.load-panel h2{margin:0;font-size:22px}.load-panel p{margin:0;color:#a8bacd;font-size:14px;line-height:1.5}.section-block{margin-top:14px;padding:16px}.section-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-heading h2,.strategy-panel h2{margin:0;font-size:18px}.clinical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clinical-item{min-height:76px;padding:12px;border:1px solid rgba(175,226,255,.12);border-radius:8px;background:#ffffff0e}.clinical-item span{display:block;color:#94a9be;font-size:12px}.clinical-item strong{display:block;margin-top:10px;color:#f7fcff;font-size:18px}.sequence-card{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;width:100%;min-height:74px;padding:12px;color:inherit;text-align:left}.sequence-icon{width:42px;height:42px;border-radius:8px}.sequence-card h3{margin:0 0 5px;font-size:16px}.sequence-card span{color:#9eb3c8;font-size:13px}.viewer-screen{padding-bottom:calc(128px + env(safe-area-inset-bottom))}.image-stage{display:grid;gap:12px}.scan-frame{position:relative;display:grid;place-items:center;min-height:min(72vh,520px);overflow:hidden;border:1px solid rgba(175,226,255,.2);border-radius:8px;background:#02060b}.scan-frame img{display:block;width:100%;height:auto;max-height:min(72vh,520px);object-fit:contain;-webkit-user-select:none;user-select:none}.scan-frame.is-scanning:after{content:"";position:absolute;left:0;right:0;top:-35%;height:34%;background:linear-gradient(#40eeff00,#40eeff42,#40eeff00);animation:scanMove 1.2s linear infinite}.scan-overlay{position:absolute;inset:auto 14px 14px 14px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(68,235,255,.28);border-radius:8px;background:#040e1cc7;color:#dffcff;font-weight:700}.image-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;color:#bfeeff;font-size:15px;font-weight:700;background:#02060bd1}.analysis-message{display:flex;align-items:center;gap:9px;padding:13px 14px;border:1px solid rgba(54,240,166,.2);border-radius:8px;background:#0b323494;color:#dffcf4;font-size:14px}.image-missing{display:grid;gap:12px;place-items:center;width:100%;min-height:360px;padding:22px;color:#b7c9da;text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%) 0 0 / 18px 18px,#ffffff09}.image-missing strong{color:#fff0f0;font-size:18px}.image-missing code{width:100%;max-width:100%;padding:10px;overflow-wrap:anywhere;border:1px solid rgba(255,161,161,.24);border-radius:8px;color:#ffd7d7;background:#4614206b;font-size:12px}.debug-panel{display:grid;gap:6px;padding:12px;border:1px solid rgba(175,226,255,.16);border-radius:8px;color:#a8bacd;background:#ffffff0e;font-size:12px}.debug-panel span{overflow-wrap:anywhere}.result-card{position:relative;display:grid;justify-items:center;padding:30px 22px;overflow:hidden;text-align:center}.result-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(54,240,166,.2),transparent 34%),linear-gradient(135deg,#2fe6d024,#7b8cff1a)}.result-card>*{position:relative}.result-orbit{width:58px;height:58px;border-radius:50%}.result-label{margin:18px 0 6px;color:#97e9ff;font-size:13px;font-weight:800}.result-card h2{margin:0;color:#fff;font-size:44px;line-height:1}.result-copy{max-width:360px;margin:18px 0 0;color:#d5e7f4;font-size:15px;line-height:1.55}.strategy-panel{margin-top:14px;padding:18px}.strategy-panel p{margin:12px 0 0;color:#e9f6ff;font-size:16px;line-height:1.65}.bottom-actions{position:fixed;z-index:3;right:0;bottom:0;left:0;display:grid;gap:10px;width:min(100%,520px);margin:0 auto;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#07111f00,#07111fdb 22%,#07111f)}.dual-actions{grid-template-columns:1fr}.inline-actions{display:grid;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 18px;border-radius:8px;border:0;font-weight:800;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.btn-primary{color:#03131e;background:linear-gradient(135deg,#55f0ff,#54f5a6);box-shadow:0 16px 35px #32d6e838}.btn-secondary{border:1px solid rgba(175,226,255,.2);color:#dff5ff;background:#ffffff13}.btn:disabled{cursor:wait;opacity:.68}.btn:active,.icon-btn:active,.case-card:active,.sequence-card:active{transform:translateY(1px) scale(.99)}@keyframes scanMove{0%{transform:translateY(0)}to{transform:translateY(400%)}}@media (min-width: 460px){.screen{padding-right:22px;padding-left:22px}.dual-actions{grid-template-columns:1.25fr 1fr}}