:root{--navy: #0b1f3a;--navy-mid: #14305a;--navy-soft: #1c3f73;--flame: #f07a22;--flame-hot: #ff8f3c;--flame-soft: #fff0e4;--danger: #c62828;--danger-soft: #fde8e8;--success: #1b7a4a;--success-soft: #e6f5ee;--ink: #142033;--muted: #5c6b82;--line: #d8e0ec;--surface: #f3f6fb;--card: #ffffff;--shadow: 0 10px 30px rgba(11, 31, 58, .08);--radius: 16px;--font: "DM Sans", system-ui, sans-serif;--display: "Outfit", "DM Sans", system-ui, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 72px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(120% 80% at 100% -10%,rgba(240,122,34,.18),transparent 50%),radial-gradient(90% 60% at -10% 20%,rgba(28,63,115,.22),transparent 45%),linear-gradient(180deg,#e8eef8 0%,var(--surface) 40%,#eef2f8 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}.app-shell{max-width:430px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative;background:transparent}.app-main{flex:1;padding:0 16px calc(var(--nav-h) + var(--safe-bottom) + 16px);overflow-y:auto}.screen-header{position:sticky;top:0;z-index:10;margin:0 -16px 16px;padding:18px 16px 14px;background:linear-gradient(180deg,#0b1f3af5,#14305af0);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.screen-header h1{margin:0;font-family:var(--display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.screen-header p{margin:4px 0 0;color:#ffffffb8;font-size:.85rem}.section-label{margin:18px 0 8px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card{background:var(--card);border:1px solid rgba(216,224,236,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.list-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px;text-align:left;border-bottom:1px solid var(--line);background:var(--card)}.list-row:first-child{border-radius:var(--radius) var(--radius) 0 0}.list-row:last-child{border-bottom:none;border-radius:0 0 var(--radius) var(--radius)}.list-row:only-child{border-radius:var(--radius)}.list-row .icon-wrap{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--flame-soft);color:var(--flame);flex-shrink:0}.list-row .icon-wrap.blue{background:#e8eef8;color:var(--navy-soft)}.list-row .meta{flex:1;min-width:0}.list-row .meta strong{display:block;font-size:.95rem;font-weight:600}.list-row .meta span{display:block;font-size:.8rem;color:var(--muted);margin-top:2px}.list-row .chevron{color:#9aabbf}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:.8rem;font-weight:600;color:var(--muted)}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--flame);box-shadow:0 0 0 3px #f07a2226}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;border-radius:14px;font-weight:700;font-family:var(--display);letter-spacing:-.01em;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--flame-hot),var(--flame));color:#fff;box-shadow:0 8px 20px #f07a2247}.btn-secondary{background:var(--danger-soft);color:var(--danger)}.btn-ghost{background:#e8eef8;color:var(--navy)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700}.pill-new{background:var(--success-soft);color:var(--success)}.pill-old{background:var(--danger-soft);color:var(--danger)}.pill-demo{background:#fff0e4;color:#b85a12}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.stat .label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat .value{margin-top:6px;font-family:var(--display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em}.result-grid{display:grid;gap:10px}.result-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.result-card .icon-wrap{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--flame-soft);color:var(--flame)}.result-card .label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.result-card .value{font-family:var(--display);font-size:1.4rem;font-weight:700;letter-spacing:-.03em}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#e8eef8;border-radius:12px;margin-bottom:14px}.tabs button{min-height:40px;border-radius:10px;font-weight:600;color:var(--muted)}.tabs button.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px #0b1f3a14}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(430px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 8px calc(8px + var(--safe-bottom));background:#fffffff0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;border-radius:14px;color:var(--muted);font-size:.68rem;font-weight:600}.bottom-nav a.active{color:var(--navy);background:#f07a221a}.bottom-nav a.active svg{color:var(--flame)}.empty-hint{padding:20px;text-align:center;color:var(--muted);font-size:.9rem}.disclaimer{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fff8ef;border:1px solid #f3d9b8;color:#7a4e1a;font-size:.78rem;line-height:1.4}@media (min-width: 480px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:28px;overflow:hidden;border:1px solid rgba(216,224,236,.8);box-shadow:0 30px 80px #0b1f3a26;background:linear-gradient(180deg,#f7f9fc,#eef2f8)}.bottom-nav{border-radius:0 0 28px 28px}}