:root{--bg: #f7f7f7;--ink: #0d0d0f;--ink-soft: #1b1c20;--muted: #6f727a;--panel: #ffffff;--line: #e6e7ea;--accent: #0d0d0f;--ghost: #f1f2f4;--green: #1fd16b;--shadow: 0 18px 50px rgba(0,0,0,.12)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 0%,#eceef2 0%,transparent 55%),radial-gradient(circle at 90% 10%,#f2f2f2 0%,transparent 50%),var(--bg);color:var(--ink)}.app-shell{max-width:560px;margin:0 auto;min-height:100vh;padding:24px 16px 120px;display:flex;flex-direction:column;gap:16px}.hero{background:var(--accent);color:#fff;border-radius:28px;padding:20px 18px 18px;position:relative;overflow:hidden;box-shadow:var(--shadow);animation:rise .6s ease}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff14;filter:blur(.5px)}.hero:before{width:200px;height:200px;top:-90px;right:-60px}.hero:after{width:140px;height:140px;bottom:-70px;left:-40px}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.brand{display:flex;flex-direction:column;gap:4px}.brand h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-.4px}.brand span{font-size:13px;color:#ffffffa6}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-size:12px;font-weight:600;color:#eafff2}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #1fd16b33}.hero-stats{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.stat{background:#16181d;border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.08)}.stat label{display:block;font-size:12px;color:#ffffff8c;margin-bottom:6px}.stat strong{font-size:16px;font-weight:600;color:#fff}.panel{background:var(--panel);border-radius:22px;padding:18px;border:1px solid var(--line);box-shadow:0 10px 40px #0000000d;animation:fadeIn .7s ease}.panel h2{margin:0 0 12px;font-size:18px;font-weight:600}.rows{display:flex;flex-direction:column;gap:12px}.row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--ink)}.row:last-child{border-bottom:none;padding-bottom:0}.row span{color:var(--muted);font-size:14px}.row strong{font-weight:600}.cta{display:flex;flex-direction:column;gap:10px;margin-top:16px}.btn{border:none;border-radius:14px;padding:14px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 26px #0000002e}.btn-ghost{background:var(--ghost);color:var(--ink);border:1px solid var(--line)}.grid-actions,.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.plan{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.plan strong{display:block;font-size:16px;margin-bottom:6px}.plan span{color:var(--muted);font-size:13px}.plan.active{border-color:var(--accent);box-shadow:0 10px 24px #0000001f;transform:translateY(-1px)}.tabbar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px 16px;background:#ffffffeb;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab{text-align:center;padding:10px 8px;border-radius:12px;font-size:12px;font-weight:600;background:var(--ghost);color:var(--muted)}.tab.active{background:var(--accent);color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{width:min(420px,100%);background:#111215;color:#fff;border-radius:26px;padding:22px 18px 20px;position:relative;box-shadow:0 30px 60px #00000073}.modal-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;font-size:18px;cursor:pointer}.modal-brand{text-align:center;font-weight:700;letter-spacing:.5px;margin-bottom:12px}.modal-progress{height:10px;border-radius:999px;background:#ffffff1f;overflow:hidden;margin-bottom:18px}.modal-progress span{display:block;height:100%;background:#f5f5f5;transition:width .2s ease}.modal-body{text-align:center;display:flex;flex-direction:column;gap:12px}.modal-body h3{margin:0;font-size:20px;font-weight:600}.modal-body p{margin:0;color:#ffffffb3;font-size:14px;line-height:1.4}.modal-icon{width:72px;height:72px;margin:0 auto;border-radius:18px;display:grid;place-items:center;background:#ffffff14;font-weight:700;letter-spacing:.6px}.store-grid{display:grid;gap:8px;margin-top:6px}.modal-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:flex-end;z-index:60;padding:16px}.sheet-card{width:min(420px,100%);background:#1a1b20;border-radius:22px;padding:18px;color:#fff;box-shadow:0 20px 40px #0006}.sheet-card h4{margin:0 0 12px;font-size:16px}.sheet-list{display:grid;gap:10px;margin-bottom:12px}.sheet-button{width:100%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;padding:12px 14px;border-radius:14px;font-weight:600;cursor:pointer}.sheet-button.active{border-color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 420px){.hero-stats,.plan-grid,.grid-actions{grid-template-columns:1fr}}.debug-note{margin:0 0 12px;font-size:13px;color:var(--muted)}.debug-text{width:100%;min-height:110px;border-radius:12px;border:1px solid var(--line);padding:12px;font-size:12px;resize:vertical;background:#f7f7f7;color:#111}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.debug-rows{margin-top:12px}