:root{
    --ink:#101820;
    --panel:#182430;
    --panel2:#1F2C3A;
    --mint:#3EE8B5;
    --mint-dim:rgba(62,232,181,.14);
    --gold:#F2C94C;
    --txt:#EAF2F0;
    --muted:#8FA3A8;
    --line:rgba(143,163,168,.18);
    --red:#F0616D;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{
    background:#0B1016;
    font-family:'Space Grotesk',sans-serif;
    color:var(--txt);
    display:flex;align-items:center;justify-content:center;
    padding:16px;min-height:100vh;
  }
  .phone{
    width:375px;max-width:100%;height:760px;max-height:95vh;
    background:var(--ink);border-radius:32px;overflow:hidden;
    border:1px solid var(--line);
    display:flex;flex-direction:column;position:relative;
    box-shadow:0 30px 80px rgba(0,0,0,.6);
  }
  @media (max-width:400px){
    body{padding:0}
    .phone{width:100%;height:100vh;max-height:none;border-radius:0;border:none}
  }
  .screen{flex:1;display:none;flex-direction:column;overflow:hidden}
  .screen.active{display:flex}
  h1,h2,h3,.brand{font-family:'Sora',sans-serif}

  /* ---------- LOGIN ---------- */
  #scr-login{justify-content:center;padding:32px 24px;background:
    radial-gradient(600px 400px at 85% -10%, rgba(62,232,181,.10), transparent 60%), var(--ink);}
  .logo{display:flex;align-items:center;gap:10px;margin-bottom:8px}
  .logomark{width:40px;height:40px;border-radius:12px;background:var(--mint);display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;color:var(--ink);font-size:20px}
  .brand{font-size:22px;font-weight:800;letter-spacing:-.02em}
  .tagline{color:var(--muted);font-size:14px;margin-bottom:32px}
  .field{margin-bottom:14px}
  .field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}
  .field input{
    width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line);
    background:var(--panel);color:var(--txt);font-size:16px;font-family:inherit;
  }
  .field input:focus{outline:2px solid var(--mint);outline-offset:0;border-color:transparent}
  .btn{
    width:100%;padding:15px;border-radius:12px;border:none;cursor:pointer;
    font-family:'Sora';font-weight:700;font-size:16px;
  }
  .btn-primary{background:var(--mint);color:var(--ink);margin-top:8px}
  .btn-primary:active{transform:scale(.98)}
  .btn:focus-visible,.field input:focus-visible{outline:2px solid var(--gold)}
  .hint{font-size:12px;color:var(--muted);margin-top:14px;text-align:center}

  /* ---------- APP HEADER ---------- */
  .topbar{padding:20px 20px 12px;display:flex;justify-content:space-between;align-items:center}
  .topbar .hi{font-size:13px;color:var(--muted)}
  .topbar .hi b{display:block;color:var(--txt);font-family:'Sora';font-size:16px}
  .avatar{width:38px;height:38px;border-radius:50%;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:700;color:var(--mint)}
  .scroll{flex:1;overflow-y:auto;padding:0 20px 20px;-webkit-overflow-scrolling:touch}
  .scroll::-webkit-scrollbar{display:none}

  /* ---------- HOME ---------- */
  .balance-card{
    background:linear-gradient(135deg,#1E3A34,#141F2B 70%);
    border:1px solid rgba(62,232,181,.25);
    border-radius:20px;padding:20px;margin-bottom:16px;
  }
  .balance-card .lbl{font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
  .balance-card .amt{font-family:'Sora';font-size:34px;font-weight:800;margin:6px 0 2px;letter-spacing:-.02em}
  .balance-card .chg{font-size:13px;color:var(--mint);font-weight:600}
  .minirow{display:flex;gap:10px;margin-bottom:16px}
  .stat{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}
  .stat .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
  .stat .v{font-family:'Sora';font-size:18px;font-weight:700;margin-top:4px}
  .stat .v.pos{color:var(--mint)}
  .sect{display:flex;justify-content:space-between;align-items:baseline;margin:4px 0 10px}
  .sect h3{font-size:16px;font-weight:700}
  .sect span{font-size:12px;color:var(--muted)}
  .stockrow{
    display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:8px;
    background:var(--panel);border:1px solid var(--line);border-radius:16px;cursor:pointer;
  }
  .stockrow:active{background:var(--panel2)}
  .tick{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;font-size:13px}
  .stockrow .mid{flex:1;min-width:0}
  .stockrow .name{font-weight:600;font-size:14px}
  .stockrow .sub{font-size:12px;color:var(--muted)}
  .stockrow .right{text-align:right}
  .stockrow .price{font-family:'Sora';font-weight:700;font-size:14px}
  .stockrow .d{font-size:12px;font-weight:600}
  .up{color:var(--mint)} .dn{color:var(--red)}

  /* ---------- MARKET / BUY ---------- */
  .search{
    width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--line);
    background:var(--panel);color:var(--txt);font-size:15px;font-family:inherit;margin-bottom:14px;
  }
  .search:focus{outline:2px solid var(--mint);border-color:transparent}

  /* detail sheet */
  .sheet-backdrop{position:absolute;inset:0;background:rgba(4,8,12,.6);display:none;z-index:5}
  .sheet-backdrop.open{display:block}
  .sheet{
    position:absolute;left:0;right:0;bottom:0;background:var(--panel);
    border-radius:24px 24px 0 0;padding:20px;z-index:6;
    transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);
    max-height:80%;overflow-y:auto;
  }
  .sheet.open{transform:translateY(0)}
  .sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 16px}
  .sheet h2{font-size:20px;font-weight:800}
  .sheet .big{font-family:'Sora';font-size:28px;font-weight:800;margin:6px 0 14px}
  .rowline{display:flex;justify-content:space-between;font-size:14px;padding:10px 0;border-bottom:1px solid var(--line)}
  .rowline span:first-child{color:var(--muted)}
  .qty{display:flex;align-items:center;gap:14px;margin:16px 0}
  .qty button{width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);font-size:20px;cursor:pointer}
  .qty .n{font-family:'Sora';font-size:22px;font-weight:800;flex:1;text-align:center}
  .est{font-size:13px;color:var(--muted);margin-bottom:14px;text-align:center}
  .toast{
    position:absolute;bottom:96px;left:50%;transform:translateX(-50%) translateY(20px);
    background:var(--mint);color:var(--ink);font-family:'Sora';font-weight:700;font-size:13px;
    padding:12px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:all .3s;z-index:9;white-space:nowrap;
  }
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

  /* ---------- WALLET ---------- */
  .spark{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:16px}
  .spark .lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
  svg.spark-line{width:100%;height:110px;display:block}
  .tx{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
  .tx .ic{width:36px;height:36px;border-radius:10px;background:var(--mint-dim);display:flex;align-items:center;justify-content:center;font-size:15px}
  .tx .ic.out{background:rgba(240,97,109,.14)}
  .tx .mid{flex:1}
  .tx .t{font-size:14px;font-weight:600}
  .tx .s{font-size:12px;color:var(--muted)}
  .tx .amt{font-family:'Sora';font-weight:700;font-size:14px}

  /* ---------- PROFILE ---------- */
  .prow{display:flex;align-items:center;gap:12px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;font-size:14px;font-weight:600;cursor:pointer}
  .prow:active{background:var(--panel2)}
  .prow .ic{width:36px;height:36px;border-radius:10px;background:var(--panel2);display:flex;align-items:center;justify-content:center}
  .note{font-size:12px;color:var(--muted);line-height:1.5;padding:12px 2px}

  /* ---------- TABS ---------- */
  .tabs{
    display:flex;background:var(--panel);border-top:1px solid var(--line);
    padding:8px 6px calc(8px + env(safe-area-inset-bottom));
  }
  .tab{
    flex:1;background:none;border:none;color:var(--muted);cursor:pointer;
    display:flex;flex-direction:column;align-items:center;gap:3px;
    font-size:10px;font-family:'Space Grotesk';font-weight:600;padding:8px 0;border-radius:12px;min-height:48px;
  }
  .tab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .tab.on{color:var(--mint);background:var(--mint-dim)}

  .head-pad{padding:20px 20px 8px}
  .head-pad h2{font-size:22px;font-weight:800;letter-spacing:-.02em}
  @media (prefers-reduced-motion: reduce){
    .sheet{transition:none}
    .toast{transition:none}
  }

  /* ---------- PRODUCTION ADDITIONS ---------- */
  .auth-toggle{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:18px}
  .auth-toggle button{flex:1;padding:10px;border:none;border-radius:9px;background:none;color:var(--muted);font-family:'Sora';font-weight:700;font-size:14px;cursor:pointer}
  .auth-toggle button.on{background:var(--mint-dim);color:var(--mint)}
  .check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.45;margin:6px 0 4px}
  .check input{width:20px;height:20px;margin-top:1px;accent-color:var(--mint);flex-shrink:0}
  .check a,.legal-foot a,.note a{color:var(--mint)}
  .err{color:var(--red);font-size:13px;min-height:18px;margin-top:8px}
  .legal-foot{font-size:12px;color:var(--muted);text-align:center;margin-top:22px;line-height:1.8}
  .legal-foot a{margin:0 6px}
  .pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:rgba(242,201,76,.12);padding:4px 10px;border-radius:999px;margin-bottom:10px}
  .lesson-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:10px;cursor:pointer;display:flex;gap:12px;align-items:center}
  .lesson-card:active{background:var(--panel2)}
  .lesson-card .num{width:40px;height:40px;border-radius:12px;background:var(--mint-dim);color:var(--mint);display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800}
  .lesson-card.done .num{background:var(--mint);color:var(--ink)}
  .lesson-card .mid{flex:1}
  .lesson-card .t{font-weight:700;font-size:15px}
  .lesson-card .s{font-size:12px;color:var(--muted);margin-top:2px}
  .cta-card{background:linear-gradient(135deg,#2A2A18,#141F2B 70%);border:1px solid rgba(242,201,76,.3);border-radius:20px;padding:18px;margin-bottom:16px;cursor:pointer}
  .cta-card h3{font-size:16px;margin-bottom:4px}
  .cta-card p{font-size:13px;color:var(--muted)}
  .lesson-body{font-size:15px;line-height:1.6;color:var(--txt)}
  .lesson-body p{margin-bottom:14px}
  .lesson-body h3{font-size:17px;margin:18px 0 8px}
  .quiz-opt{display:block;width:100%;text-align:left;padding:14px;margin-bottom:8px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--txt);font-family:inherit;font-size:14px;cursor:pointer}
  .quiz-opt.right{border-color:var(--mint);background:var(--mint-dim)}
  .quiz-opt.wrong{border-color:var(--red);background:rgba(240,97,109,.12)}
  .backbtn{background:none;border:none;color:var(--mint);font-family:'Sora';font-weight:700;font-size:14px;cursor:pointer;padding:0;margin-bottom:10px}
  .risk-banner{font-size:11.5px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:14px;line-height:1.5}
  .wl-row{display:flex;gap:8px;margin-top:10px}
  .wl-row input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);font-size:15px;font-family:inherit;min-width:0}
  .wl-row button{padding:0 16px;border-radius:12px;border:none;background:var(--gold);color:var(--ink);font-family:'Sora';font-weight:700;cursor:pointer}
  .ver{font-size:11px;color:var(--muted);text-align:center;padding:6px 0 2px}
  .offline-bar{display:none;background:var(--gold);color:var(--ink);font-size:12px;font-weight:700;text-align:center;padding:6px}
  body.is-offline .offline-bar{display:block}
  #scr-login{overflow-y:auto}
  #scr-login{justify-content:flex-start;padding-top:56px}

  /* ---------- 1.1 FEATURES ---------- */
  .streak-chip{font-family:'Sora';font-weight:700;font-size:13px;background:rgba(242,201,76,.12);color:var(--gold);padding:7px 11px;border-radius:999px;border:1px solid rgba(242,201,76,.25)}
  .rngs{display:flex;gap:4px;background:var(--panel2);border-radius:10px;padding:3px}
  .rng{border:none;background:none;color:var(--muted);font-family:'Sora';font-weight:700;font-size:12px;padding:5px 10px;border-radius:8px;cursor:pointer}
  .rng.on{background:var(--mint-dim);color:var(--mint)}
  .daily-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:16px}
  .daily-card h3{font-size:15px;line-height:1.4}
  .daily-card .quiz-opt:disabled{cursor:default;opacity:.85}
  .star{flex-shrink:0;border:1px solid var(--line);background:var(--panel2);color:var(--txt);font-family:'Sora';font-weight:700;font-size:13px;padding:8px 12px;border-radius:999px;cursor:pointer}
  .star.on{color:var(--gold);border-color:rgba(242,201,76,.4);background:rgba(242,201,76,.12)}
  .linkbtn{background:none;border:none;color:var(--red);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;padding:0}
  .badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
  .badge{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 8px;text-align:center;opacity:.45;filter:grayscale(1)}
  .badge.got{opacity:1;filter:none;border-color:rgba(62,232,181,.35)}
  .badge .bi{font-size:24px}
  .badge .bt{font-family:'Sora';font-weight:700;font-size:12px;margin-top:4px}
  .badge .bd{font-size:10.5px;color:var(--muted);margin-top:3px;line-height:1.3}
  .sheet .d.up{color:var(--mint)} .sheet .d.dn{color:var(--red)}

  /* =========================================================
     1.2 PREMIUM LOOK — aurora background, glass, motion
     ========================================================= */
  body{background:#070B10;overflow:hidden}
  body::before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;
    background:
      radial-gradient(40% 35% at 20% 25%, rgba(62,232,181,.22), transparent 70%),
      radial-gradient(35% 30% at 80% 20%, rgba(126,200,240,.18), transparent 70%),
      radial-gradient(45% 40% at 70% 85%, rgba(201,160,240,.16), transparent 70%),
      radial-gradient(30% 30% at 15% 85%, rgba(242,201,76,.10), transparent 70%);
    filter:blur(20px);animation:aurora 22s ease-in-out infinite alternate}
  body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;
    background-image:radial-gradient(rgba(255,255,255,.5) 1px, transparent 1px);background-size:3px 3px;
    mask-image:radial-gradient(70% 60% at 50% 40%, #000 0%, transparent 80%);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%, #000 0%, transparent 80%);opacity:.05}
  @keyframes aurora{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{transform:translate3d(4%,-3%,0) rotate(8deg) scale(1.08)}100%{transform:translate3d(-4%,3%,0) rotate(-6deg) scale(1.04)}}
  .phone{z-index:1;background:rgba(10,16,22,.72);backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);
    border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 120px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06)}
  .aurora{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
  .aurora i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:blob 18s ease-in-out infinite alternate}
  .aurora i:nth-child(1){width:320px;height:320px;left:-120px;top:-80px;background:#1fd6a0}
  .aurora i:nth-child(2){width:260px;height:260px;right:-110px;top:180px;background:#3a7bd5;animation-duration:24s}
  .aurora i:nth-child(3){width:280px;height:280px;left:20px;bottom:-140px;background:#8e54e9;animation-duration:28s;opacity:.4}
  @keyframes blob{0%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,30px) scale(1.15)}100%{transform:translate(-30px,50px) scale(.95)}}
  .phone > .screen,.phone > .tabs,.phone > .offline-bar{position:relative;z-index:1}
  @media (max-width:400px){ .phone{background:rgba(10,16,22,.55)} }

  /* glass surfaces */
  .stat,.stockrow,.prow,.lesson-card,.spark,.daily-card,.badge,.risk-banner,.search,.auth-toggle,.field input,.mover,.pulse,.goal-card{
    background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .balance-card{position:relative;overflow:hidden;
    background:linear-gradient(135deg, rgba(62,232,181,.22), rgba(58,123,213,.14) 55%, rgba(142,84,233,.16));
    border:1px solid rgba(62,232,181,.35);box-shadow:0 20px 50px rgba(31,214,160,.12), inset 0 1px 0 rgba(255,255,255,.12)}
  .balance-card::after{content:"";position:absolute;top:-60%;left:-30%;width:60%;height:220%;transform:rotate(20deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);animation:shine 6s ease-in-out infinite}
  @keyframes shine{0%,60%{left:-40%}100%{left:130%}}
  .balance-card .amt{background:linear-gradient(90deg,#fff,#b9fbe6 60%,#7ee8c8);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:38px}
  .cta-card{background:linear-gradient(135deg, rgba(242,201,76,.20), rgba(240,160,109,.10) 60%, rgba(255,255,255,.02));
    border:1px solid rgba(242,201,76,.35);box-shadow:0 14px 40px rgba(242,201,76,.08)}
  .btn-primary{background:linear-gradient(135deg,#5BF2C6,#2CCB9A);box-shadow:0 10px 30px rgba(62,232,181,.30), inset 0 1px 0 rgba(255,255,255,.4)}
  .tabs{background:rgba(14,22,30,.6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.07)}
  .sheet{background:rgba(20,30,40,.88);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-top:1px solid rgba(255,255,255,.1)}
  .logomark{background:linear-gradient(135deg,#5BF2C6,#2CCB9A);box-shadow:0 10px 30px rgba(62,232,181,.35)}
  .brand{background:linear-gradient(90deg,#fff,#9ff5da);-webkit-background-clip:text;background-clip:text;color:transparent}
  .head-pad h2{background:linear-gradient(90deg,#fff,#cfe9e2);-webkit-background-clip:text;background-clip:text;color:transparent}
  .tick{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
  .stockrow{transition:transform .15s ease, background .2s}
  .stockrow:active,.prow:active,.lesson-card:active,.mover:active{transform:scale(.98)}

  /* entrance motion */
  .screen.active .scroll > *, .screen.active .head-pad{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}
  .screen.active .scroll > *:nth-child(2){animation-delay:.04s}
  .screen.active .scroll > *:nth-child(3){animation-delay:.08s}
  .screen.active .scroll > *:nth-child(4){animation-delay:.12s}
  .screen.active .scroll > *:nth-child(5){animation-delay:.16s}
  .screen.active .scroll > *:nth-child(6){animation-delay:.2s}
  .screen.active .scroll > *:nth-child(n+7){animation-delay:.24s}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .screen.static .scroll > *{animation:none}

  /* top movers */
  .movers{display:flex;gap:10px;overflow-x:auto;margin:0 -20px 16px;padding:2px 20px 4px;scrollbar-width:none}
  .movers::-webkit-scrollbar{display:none}
  .mover{flex:0 0 132px;border-radius:18px;padding:12px;cursor:pointer;transition:transform .15s}
  .mover .tk{font-family:'Sora';font-weight:800;font-size:13px}
  .mover .nm{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 6px}
  .mover .pr{font-family:'Sora';font-weight:700;font-size:15px}
  .mover svg{height:34px !important;margin-top:6px}

  /* market pulse */
  .pulse{border-radius:16px;padding:12px 14px;margin-bottom:8px;display:flex;gap:12px;align-items:flex-start;cursor:pointer}
  .pulse .dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0;box-shadow:0 0 12px currentColor}
  .pulse .h{font-size:13.5px;font-weight:600;line-height:1.4}
  .pulse .m{font-size:11px;color:var(--muted);margin-top:3px}

  /* goal ring */
  .goal-card{border-radius:20px;padding:16px;margin-bottom:16px;display:flex;gap:16px;align-items:center}
  .ring{width:76px;height:76px;flex-shrink:0;position:relative}
  .ring svg{width:76px;height:76px;transform:rotate(-90deg)}
  .ring .rv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;font-size:15px}
  .goal-card h3{font-size:15px;margin-bottom:3px}
  .goal-card p{font-size:12px;color:var(--muted);margin-bottom:8px}
  .chips{display:flex;gap:6px;flex-wrap:wrap}
  .chip{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--txt);font-family:'Sora';font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px;cursor:pointer}
  .chip.on{background:var(--mint-dim);color:var(--mint);border-color:rgba(62,232,181,.4)}

  /* company about */
  .about{font-size:13px;color:var(--muted);line-height:1.55;margin:4px 0 10px}
  .kv{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}
  .kv > div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:9px}
  .kv .k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
  .kv .v{font-family:'Sora';font-weight:700;font-size:13px;margin-top:2px}

  /* onboarding */
  .onb{position:absolute;inset:0;z-index:20;display:none;flex-direction:column;padding:56px 26px 30px;
    background:radial-gradient(500px 400px at 50% 20%, rgba(62,232,181,.18), transparent 70%), rgba(8,13,18,.94)}
  .onb.show{display:flex}
  .onb .slides{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}
  .onb .art{font-size:72px;margin-bottom:22px;filter:drop-shadow(0 12px 30px rgba(62,232,181,.35));animation:float 4s ease-in-out infinite}
  @keyframes float{50%{transform:translateY(-8px)}}
  .onb h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px;background:linear-gradient(90deg,#fff,#9ff5da);-webkit-background-clip:text;background-clip:text;color:transparent}
  .onb p{font-size:15px;color:var(--muted);line-height:1.55;max-width:290px;margin:0 auto}
  .onb .dots{display:flex;gap:6px;justify-content:center;margin-bottom:18px}
  .onb .dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.2);transition:all .3s}
  .onb .dots i.on{width:22px;background:var(--mint)}
  .onb .skip{position:absolute;top:18px;right:20px;background:none;border:none;color:var(--muted);font-family:'Sora';font-weight:700;cursor:pointer}
  .slide{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}

  /* confetti */
  #confetti{position:absolute;inset:0;z-index:15;pointer-events:none}
  @media (prefers-reduced-motion: reduce){
    body::before,.aurora i,.balance-card::after,.onb .art{animation:none}
    .screen.active .scroll > *, .screen.active .head-pad,.slide{animation:none}
  }

  /* ---------- 1.3 DEPTH ---------- */
  .otabs{display:flex;gap:4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px;margin:2px 0 6px}
  .otab{flex:1;border:none;background:none;color:var(--muted);font-family:'Sora';font-weight:700;font-size:13px;padding:9px 4px;border-radius:9px;cursor:pointer}
  .otab.on{background:var(--mint-dim);color:var(--mint)}
  .k-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
  .ins-link .sub2{font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px}
  .ins-hero{display:flex;gap:16px;align-items:center}
  .donut{width:132px;height:132px;position:relative;flex-shrink:0}
  .donut svg{width:132px;height:132px;transform:rotate(-90deg);filter:drop-shadow(0 6px 18px rgba(62,232,181,.18))}
  .donut .dv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .donut .dv b{font-family:'Sora';font-size:14px}
  .donut .dv span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
  .legend{flex:1;min-width:0}
  .lg{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:4px 0}
  .lg i{width:9px;height:9px;border-radius:3px;flex-shrink:0}
  .lg span{flex:1;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lg b{font-family:'Sora';font-size:12.5px}
  .score{font-family:'Sora';font-weight:800;font-size:28px;background:linear-gradient(90deg,#5BF2C6,#7EC8F0);-webkit-background-clip:text;background-clip:text;color:transparent}
  .bar{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:8px}
  .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#F2C94C,#5BF2C6 60%,#7EC8F0);transition:width .9s cubic-bezier(.2,.8,.2,1)}
  .bwrow{display:flex;gap:10px;margin-bottom:16px}
  .bwrow .note{flex:1}
  .bw{flex:1;border-radius:18px;padding:14px;cursor:pointer;background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
  .bw .k{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
  .bw .tk{font-family:'Sora';font-weight:800;font-size:18px;margin:4px 0 2px}
  .bw .v{font-family:'Sora';font-weight:700;font-size:16px}
  .bw .s{font-size:12px;color:var(--muted)}
  .glass-list{border-radius:16px;padding:0 14px;background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07)}
  .glass-list .tx:last-child{border-bottom:none}
  .glass-list .note{padding:12px 0}
  .tab{font-size:9.5px}

  /* ---------- 1.4 PRO ---------- */
  .pro{border-radius:18px;padding:12px 12px 10px;margin:4px 0 12px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08)}
  .tfrow{display:flex;gap:4px;margin-bottom:8px}
  .tfb{border:none;background:none;color:var(--muted);font-family:'Sora';font-weight:700;font-size:12px;padding:6px 10px;border-radius:8px;cursor:pointer}
  .tfb.on{background:rgba(255,255,255,.09);color:var(--txt)}
  .tfb.ma.on{color:var(--gold);background:rgba(242,201,76,.12)}
  .ohlc{font-size:11px;color:var(--muted);margin-bottom:6px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ohlc b{color:var(--txt);font-weight:600;margin-right:4px}
  .ohlc span{margin-right:6px}
  .pchart{position:relative;height:204px;touch-action:none;cursor:crosshair}
  .pchart svg{width:100%;height:100%;display:block}
  .pc-hi,.pc-lo{position:absolute;right:0;font-size:10px;color:var(--muted);background:rgba(10,20,26,.6);padding:1px 5px;border-radius:5px}
  .pc-hi{top:0}.pc-lo{bottom:38px}
  .book{border-radius:16px;padding:10px 12px;margin-bottom:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);font-variant-numeric:tabular-nums}
  .ob-h{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding-bottom:6px}
  .ob-r{position:relative;display:flex;justify-content:space-between;font-size:12.5px;padding:3px 4px}
  .ob-r i{position:absolute;right:0;top:1px;bottom:1px;border-radius:3px;transition:width .6s}
  .ob-r.a i{background:rgba(240,97,109,.14)}.ob-r.b i{background:rgba(62,232,181,.13)}
  .ob-r span{position:relative}
  .ob-r.a span:first-child{color:var(--red)}.ob-r.b span:first-child{color:var(--mint)}
  .ob-mid{font-family:'Sora';font-weight:800;font-size:16px;padding:7px 4px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin:4px 0}
  .ob-mid small{font-family:'Manrope',sans-serif;font-weight:500;font-size:11px;color:var(--muted);margin-left:6px}
  .ob-ratio{position:relative;height:20px;margin-top:8px;border-radius:6px;background:rgba(240,97,109,.25);overflow:hidden;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;padding:0 6px}
  .ob-ratio i{position:absolute;left:0;top:0;bottom:0;background:rgba(62,232,181,.3)}
  .ob-ratio span{position:relative}
  .mood{display:flex;align-items:center;gap:14px}
  .mood svg{width:118px;flex-shrink:0}
  .mood-t .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
  .mood-t b{display:block;font-family:'Sora';font-size:19px;margin:3px 0}
  .mood-t span{font-size:12px;color:var(--muted)}
  .chips.scrollx{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .chips.scrollx::-webkit-scrollbar{display:none}
  .chips.scrollx .chip{white-space:nowrap;flex-shrink:0}
  .chip.ghost{background:none}
  .otab{font-size:12px}

  /* ---------- 1.5 ---------- */
  .tape{overflow:hidden;margin:0 -20px 14px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .tape-in{display:inline-flex;white-space:nowrap;animation:tape 38s linear infinite}
  .tp{font-size:12.5px;padding:0 16px;font-variant-numeric:tabular-nums;cursor:pointer}
  .tp b{font-family:'Sora';font-weight:800;margin-right:4px}
  .tp i{font-style:normal;margin-left:4px;font-weight:700}
  @keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion:reduce){.tape-in{animation:none}}
  .league{background:linear-gradient(160deg, rgba(242,201,76,.10), rgba(255,255,255,.02) 55%);border-color:rgba(242,201,76,.22)}
  .lg-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
  .lg-head .lbl{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}
  .lg-head b{font-family:'Sora';font-size:18px;display:block;margin-top:3px}
  .lg-ends{font-size:11px;color:var(--muted);background:rgba(255,255,255,.06);padding:4px 8px;border-radius:99px;white-space:nowrap}
  .lg-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;font-size:13.5px;font-variant-numeric:tabular-nums}
  .lg-row .rk{width:30px;text-align:center;font-family:'Sora';font-weight:700;color:var(--muted)}
  .lg-row .nm{flex:1}
  .lg-row span:last-child{font-family:'Sora';font-weight:700}
  .lg-row.me{background:var(--mint-dim);border:1px solid rgba(62,232,181,.3)}
  .bks{display:flex;gap:4px}
  .bkb{border:none;background:none;color:var(--muted);font-family:'Sora';font-weight:700;font-size:11.5px;padding:4px 9px;border-radius:7px;cursor:pointer}
  .bkb.on{background:rgba(255,255,255,.09);color:var(--txt)}

  /* ---------- 1.6 REALISM ---------- */
  .stats{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;border-radius:16px;padding:6px 14px 12px;margin-bottom:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);font-variant-numeric:tabular-nums}
  .ks{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12.5px}
  .ks span{color:var(--muted)} .ks b{font-weight:700}
  .rangebar{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-top:12px}
  .rb-l{font-size:10.5px;color:var(--muted);display:flex;flex-direction:column}
  .rb-l.r{text-align:right} .rb-l b{color:var(--txt);font-size:12.5px;margin-top:2px}
  .rb{flex:1;height:5px;border-radius:99px;background:linear-gradient(90deg,#F0616D,#F2C94C,#3EE8B5);position:relative}
  .rb i{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:#E8F1F2;border:3px solid #0B1A20;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(255,255,255,.3)}
  .cal{grid-column:1/-1;display:flex;gap:8px;margin-top:12px}
  .cal > div{flex:1;background:rgba(255,255,255,.04);border-radius:10px;padding:8px;display:flex;flex-direction:column;font-size:10.5px;color:var(--muted)}
  .cal b{color:var(--txt);font-size:13px;margin-top:3px;font-family:'Sora'}
  .rcpt,.inbox{position:fixed;inset:0;z-index:80;background:rgba(3,10,14,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;pointer-events:none;transition:opacity .25s}
  .rcpt.open,.inbox.open{opacity:1;pointer-events:auto}
  .rc-card,.ib-card{width:100%;max-width:400px;border-radius:26px;padding:24px 20px 18px;background:linear-gradient(180deg,#14262E,#0E1B21);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.5);transform:translateY(16px) scale(.97);transition:transform .35s cubic-bezier(.2,.9,.25,1.2)}
  .open .rc-card,.open .ib-card{transform:none}
  .ib-card{max-height:78vh;overflow:auto}
  .rc-card h2{text-align:center;margin:8px 0 2px}
  .rc-sub{text-align:center;color:var(--muted);font-size:12.5px}
  .rc-amt{text-align:center;font-family:'Sora';font-weight:800;font-size:30px;margin:12px 0 14px}
  .rc-check{display:flex;justify-content:center}
  .rc-check svg{width:64px;height:64px;fill:none;stroke:var(--mint);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
  .rc-check circle{stroke-dasharray:151;stroke-dashoffset:151;animation:draw .6s ease forwards}
  .rc-check path{stroke-dasharray:36;stroke-dashoffset:36;animation:draw .35s .5s ease forwards}
  @keyframes draw{to{stroke-dashoffset:0}}
  .rc-rows{border-radius:14px;background:rgba(255,255,255,.035);padding:4px 14px;margin-bottom:14px;font-variant-numeric:tabular-nums}
  .rc-rows > div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:13px}
  .rc-rows > div:last-child{border-bottom:none}
  .rc-rows span{color:var(--muted)} .rc-rows b{text-align:right}
  .bell{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;cursor:pointer}
  .bell svg{width:19px;height:19px;fill:none;stroke:var(--txt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .bell span{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;border-radius:99px;background:var(--red);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px}
  .ib{padding:11px 12px;border-radius:12px;margin-bottom:6px;background:rgba(255,255,255,.03)}
  .ib.new{background:var(--mint-dim);border:1px solid rgba(62,232,181,.25)}
  .ib .m{font-size:13.5px} .ib .s{font-size:11px;color:var(--muted);margin-top:3px}
  .ks{gap:8px;min-width:0} .ks span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .ks b{white-space:nowrap}

  /* =========================================================
     1.7 LUXURY — Noir Gold theme (default) + splash
     ========================================================= */
  .splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
    background:radial-gradient(60% 45% at 50% 40%, #1A1610 0%, #08080A 70%);transition:opacity .7s ease, visibility .7s}
  .splash.out{opacity:0;visibility:hidden}
  .sp-mark{width:84px;height:84px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;font-size:46px;color:#1A1408;
    background:linear-gradient(135deg,#F6E3B0,#D4AF6A 45%,#9C7A3C);box-shadow:0 20px 60px rgba(212,175,106,.35), inset 0 1px 0 rgba(255,255,255,.6);animation:spIn .9s cubic-bezier(.2,.9,.25,1.1) both}
  .sp-word{font-family:'Playfair Display',serif;letter-spacing:.38em;font-size:15px;color:#E9D9B4;padding-left:.38em;animation:spFade .9s .25s both}
  .sp-line{width:0;height:1px;background:linear-gradient(90deg,transparent,#D4AF6A,transparent);animation:spLine 1s .4s forwards}
  .sp-tag{font-size:11.5px;color:#8C8170;letter-spacing:.12em;animation:spFade .9s .6s both}
  @keyframes spIn{from{transform:scale(.6) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
  @keyframes spFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  @keyframes spLine{to{width:180px}}

  body.noir{--ink:#0B0B0D;--panel:#141416;--panel2:#1B1B1E;--mint:#5ED4A4;--mint-dim:rgba(94,212,164,.12);--gold:#D9B76E;--txt:#F3EEE4;--muted:#9A9389;--line:rgba(217,183,110,.16);--red:#E8707A;--acc:#D9B76E;--acc-dim:rgba(217,183,110,.13);background:#050506}
  body.noir::before{background:
      radial-gradient(40% 35% at 18% 18%, rgba(217,183,110,.16), transparent 70%),
      radial-gradient(35% 30% at 85% 30%, rgba(140,110,60,.12), transparent 70%),
      radial-gradient(45% 40% at 60% 90%, rgba(90,70,40,.16), transparent 70%)}
  body.noir .phone{background:rgba(9,9,11,.82);border-color:rgba(217,183,110,.14)}
  body.noir .aurora i:nth-child(1){background:#8C6A2E;opacity:.32}
  body.noir .aurora i:nth-child(2){background:#3A2E1C;opacity:.45}
  body.noir .aurora i:nth-child(3){background:#5A4626;opacity:.25}
  body.noir h1,body.noir h2,body.noir .sect h3,body.noir .lg-head b,body.noir .rc-card h2{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:.005em}
  body.noir .head-pad h2{font-size:30px}
  body.noir .stat,body.noir .stockrow,body.noir .prow,body.noir .lesson-card,body.noir .spark,body.noir .daily-card,body.noir .badge,body.noir .risk-banner,body.noir .search,body.noir .mover,body.noir .pulse,body.noir .goal-card,body.noir .glass-list,body.noir .bw,body.noir .pro,body.noir .book,body.noir .stats{
    background:linear-gradient(180deg, rgba(255,248,235,.045), rgba(255,248,235,.012));border:1px solid rgba(217,183,110,.13)}
  body.noir .balance-card{background:
      linear-gradient(135deg, rgba(246,227,176,.20), rgba(212,175,106,.08) 40%, rgba(20,18,14,.4) 70%, rgba(156,122,60,.18)), #111;
    border:1px solid rgba(217,183,110,.45);box-shadow:0 24px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,240,200,.18)}
  body.noir .balance-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
    background:repeating-linear-gradient(115deg,#fff 0 1px,transparent 1px 7px)}
  body.noir .balance-card .lbl{color:#C9B48A;letter-spacing:.22em;font-size:10.5px}
  body.noir .balance-card .amt{font-family:'Playfair Display',serif;font-weight:600;font-size:42px;background:linear-gradient(100deg,#FFF6DD,#E8CF94 45%,#C29A52 75%,#F3DDA6);-webkit-background-clip:text;background-clip:text;color:transparent}
  body.noir .sheet .big,body.noir .rc-amt,body.noir .score,body.noir .ob-mid,body.noir .donut .dv b,body.noir .mood-t b{font-family:'Playfair Display',serif;font-weight:600}
  body.noir .score{background:linear-gradient(90deg,#F6E3B0,#C29A52);-webkit-background-clip:text;background-clip:text;color:transparent}
  body.noir .btn-primary{background:linear-gradient(135deg,#F6E3B0,#D4AF6A 50%,#A9843F);color:#17120A;box-shadow:0 12px 32px rgba(212,175,106,.28), inset 0 1px 0 rgba(255,255,255,.55);letter-spacing:.02em}
  body.noir .logomark{background:linear-gradient(135deg,#F6E3B0,#D4AF6A 45%,#9C7A3C);box-shadow:0 10px 30px rgba(212,175,106,.35);color:#17120A}
  body.noir .tab.on,body.noir .rng.on,body.noir .otab.on,body.noir .chip.on{background:var(--acc-dim);color:var(--acc);border-color:rgba(217,183,110,.4)}
  body.noir .tabs{background:rgba(10,10,12,.78);border-top:1px solid rgba(217,183,110,.14)}
  body.noir .sheet{background:rgba(16,15,14,.94);border-top:1px solid rgba(217,183,110,.22)}
  body.noir .avatar,body.noir .lesson-card .num{color:var(--acc);background:var(--acc-dim);border-color:rgba(217,183,110,.3)}
  body.noir .streak-chip{border-color:rgba(217,183,110,.35)}
  body.noir .pill{background:rgba(217,183,110,.12);color:#E3C88A;border:1px solid rgba(217,183,110,.25)}
  body.noir .rc-card,body.noir .ib-card{background:linear-gradient(180deg,#17150F,#0D0C0B);border-color:rgba(217,183,110,.25)}
  body.noir .rc-check svg{stroke:var(--acc)}
  body.noir .lg-row.me{background:var(--acc-dim);border-color:rgba(217,183,110,.35)}
  body.noir .league{background:linear-gradient(160deg, rgba(217,183,110,.12), rgba(255,255,255,.015) 55%);border-color:rgba(217,183,110,.28)}
  body.noir .tape{background:rgba(217,183,110,.04);border-color:rgba(217,183,110,.12)}
  body.noir .bar i{background:linear-gradient(90deg,#8C6A2E,#D9B76E 60%,#F6E3B0)}
  body.noir .ib.new{background:var(--acc-dim);border-color:rgba(217,183,110,.3)}
  body.noir .cta-card{border-color:rgba(217,183,110,.4)}
  body.noir .search:focus,body.noir .field input:focus{border-color:rgba(217,183,110,.5)}
  body.noir ::selection{background:rgba(217,183,110,.35)}
  @media (prefers-reduced-motion:reduce){.sp-mark,.sp-word,.sp-tag{animation:none}.sp-line{animation:none;width:180px}}

  /* =========================================================
     1.8 MAISON — line icons, gold details, tabular numerals
     ========================================================= */
  .svi{width:20px;height:20px;display:inline-block;vertical-align:-4px;flex:none}
  .svi.sm{width:14px;height:14px;vertical-align:-2px;margin-right:2px}
  .prow .ic{color:var(--mint)} body.noir .prow .ic{color:var(--acc);background:rgba(217,183,110,.08);border:1px solid rgba(217,183,110,.18)}
  .streak-chip{display:inline-flex;align-items:center;gap:5px} .streak-chip .svi{width:15px;height:15px}
  .badge .bi .svi{width:28px;height:28px;stroke-width:1.4}
  body.noir .badge .bi{color:var(--acc)}
  .lesson-card .num .svi{width:20px;height:20px;stroke-width:2.2}
  .goal-card .rv .svi{width:18px;height:18px}
  .onb .art{display:flex;align-items:center;justify-content:center;width:132px;height:132px;margin:0 auto 26px;border-radius:50%;font-size:0;
    background:radial-gradient(circle at 30% 25%, rgba(255,255,255,.14), rgba(255,255,255,.02) 60%);border:1px solid rgba(255,255,255,.12)}
  .onb .art .svi{width:62px;height:62px;stroke-width:1.2;color:var(--mint)}
  body.noir .onb .art{border-color:rgba(217,183,110,.4);box-shadow:0 0 0 10px rgba(217,183,110,.04), 0 20px 60px rgba(217,183,110,.12);filter:none}
  body.noir .onb .art .svi{color:var(--acc)}
  .tx .ic .svi{width:16px;height:16px}
  .md{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-family:'Playfair Display',serif;font-weight:700;font-size:12px;color:#17120A}
  .md.m1{background:linear-gradient(135deg,#FFF1C4,#D9B76E 55%,#9C7A3C)} .md.m2{background:linear-gradient(135deg,#FFFFFF,#C9CCD1 55%,#8A8F96)} .md.m3{background:linear-gradient(135deg,#F7D2B0,#C08457 55%,#7E4F2C)}
  .amt,.stat .v,.price,.rc-amt,.lg-row span,.ob-row,.tape,.sheet .big,.cal b{font-variant-numeric:tabular-nums lining-nums}
  body.noir .toast{background:linear-gradient(135deg,#F6E3B0,#D4AF6A 55%,#A9843F);color:#17120A;box-shadow:0 14px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.5);font-family:'Playfair Display',serif;font-weight:600;letter-spacing:.01em}
  body.noir .stat .lbl,body.noir .sect .lbl,body.noir .lg-head .lbl{letter-spacing:.2em}
  body.noir .head-pad h2::after{content:"";display:block;width:34px;height:1px;margin-top:10px;background:linear-gradient(90deg,#D9B76E,transparent)}
  body.noir .ins-link span{color:var(--acc)!important}

  /* Simple (Coinbase-style) vs Pro (exchange-style) */
  .mode{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
  .mode button{border:0;background:none;color:var(--muted);font:600 12px 'Sora',sans-serif;padding:6px 12px;border-radius:999px;cursor:pointer}
  .mode button.on{background:var(--mint-dim);color:var(--mint)}
  body.noir .mode button.on{background:var(--acc-dim);color:var(--acc)}
  #sheet.simple .pro-only{display:none!important}
  #sheet.simple .pro .ma-only,#sheet.simple #maBtn{display:none}
  #sheet.simple .big{font-size:40px}
  /* member card */
  .mcard-wrap{margin-bottom:16px}
  .mcard{position:relative;overflow:hidden;aspect-ratio:1.586;border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;
    box-shadow:0 24px 50px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.35)}
  .mcard.ivory{background:linear-gradient(135deg,#FBF7EE,#E8E0CF 50%,#CFC4AE);color:#3A3326}
  .mcard.gold{background:linear-gradient(135deg,#FFF1C4,#D9B76E 40%,#A9843F 75%,#E8CF94);color:#2A1F0C}
  .mcard.black{background:radial-gradient(120% 90% at 0% 0%, #2A2723, #0B0B0C 60%);color:#E9D9B4;border:1px solid rgba(217,183,110,.4)}
  .mc-sheen{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);animation:mcs 7s ease-in-out infinite}
  @keyframes mcs{0%,55%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
  .mc-top{display:flex;justify-content:space-between;align-items:center;position:relative}
  .mc-brand{font-family:'Playfair Display',serif;letter-spacing:.3em;font-size:12px;font-weight:600}
  .mc-tier{font:700 10px 'Sora';letter-spacing:.25em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid currentColor;opacity:.85}
  .mc-chip{width:40px;height:30px;border-radius:6px;position:relative;background:linear-gradient(135deg,#F6E3B0,#B8914A);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
  .mc-chip::after{content:"";position:absolute;inset:6px 8px;border:1px solid rgba(0,0,0,.25);border-radius:3px}
  .mc-no{font-family:'Space Grotesk';letter-spacing:.12em;font-size:15px;position:relative;font-variant-numeric:tabular-nums}
  .mc-bot{display:flex;justify-content:space-between;position:relative}
  .mc-bot small{display:block;font-size:8.5px;letter-spacing:.25em;opacity:.7}
  .mc-bot b{font-family:'Playfair Display',serif;font-size:14px;letter-spacing:.08em}
  .mc-prog{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:var(--muted)}
  .mc-prog .bar{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
  .mc-prog .bar i{display:block;height:100%;background:linear-gradient(90deg,#8C6A2E,#D9B76E,#F6E3B0)}
  @media (prefers-reduced-motion:reduce){.mc-sheen{animation:none;display:none}}
  /* practice ledger (blockchain look) */
  .ledger{border-radius:16px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid var(--line);
    background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:16px 16px}
  .blk{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:rgba(10,10,12,.6);border:1px solid var(--line)}
  .blk .bn{font:700 12px 'Space Grotesk';color:var(--mint);min-width:34px} body.noir .blk .bn{color:var(--acc)}
  .blk .bm{flex:1;min-width:0} .blk .bt{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .blk .bh{font:11px ui-monospace,Menlo,monospace;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .blk .bh span{opacity:.55}
  .blk .ba{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
  .ledger .link{width:2px;height:12px;margin:0 0 0 26px;background:linear-gradient(var(--mint),transparent)} body.noir .ledger .link{background:linear-gradient(#D9B76E,rgba(217,183,110,.2))}
  #greet{display:block}

  /* live, flowing candles */
  .pchart{height:232px}
  .cdl{transform-box:fill-box;transform-origin:50% 100%;animation:cdlIn .5s cubic-bezier(.2,.8,.2,1) both}
  @keyframes cdlIn{from{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:none}}
  .cdl.live rect{animation:livePulse 2s ease-in-out infinite}
  @keyframes livePulse{50%{opacity:.7}}
  .livedot{animation:dotPing 2s ease-out infinite;transform-box:fill-box;transform-origin:center}
  @keyframes dotPing{0%{opacity:1}70%{opacity:.35}100%{opacity:1}}
  .pc-last{position:absolute;right:0;transform:translateY(-50%);font:700 10.5px 'Space Grotesk';color:#0B0B0D;padding:2px 6px;border-radius:5px;pointer-events:none;transition:top .6s ease;font-variant-numeric:tabular-nums}
  .flash-up{animation:fUp .9s ease} .flash-dn{animation:fDn .9s ease}
  @keyframes fUp{0%{color:#2EE6A6;text-shadow:0 0 18px rgba(46,230,166,.6)}100%{}}
  @keyframes fDn{0%{color:#FF5468;text-shadow:0 0 18px rgba(255,84,104,.6)}100%{}}
  body.noir .pro{background:linear-gradient(180deg,rgba(255,248,235,.04),rgba(0,0,0,.25));border-color:rgba(217,183,110,.16)}
  @media (prefers-reduced-motion:reduce){.cdl,.cdl.live rect,.livedot,.flash-up,.flash-dn{animation:none}}

  /* 1.9 Naira, mini charts, transitions */
  .fx{font-size:12.5px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}
  .fx span{opacity:.65;font-size:11px;margin-left:4px}
  .balance-card .fx{color:#C9B48A}
  .mspark{width:54px;height:22px;flex:none;margin:0 8px 0 4px}
  .screen.enter{animation:scrIn .38s cubic-bezier(.2,.8,.2,1)}
  @keyframes scrIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.screen.enter{animation:none}}
  @media (max-width:340px){.mspark{display:none}}

  /* 2.0 share + desktop showcase */
  .share-btn{width:100%;margin:-4px 0 16px;background:transparent;color:var(--gold);border:1px solid rgba(217,183,110,.45);font-family:'Playfair Display',serif;font-weight:600;letter-spacing:.03em}
  .showcase{display:none}
  @media (min-width:1000px){
    body{gap:72px}
    .showcase{display:block;position:relative;z-index:1;max-width:460px;color:var(--txt)}
    .sc-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}
    .sc-brand img{border-radius:50%;box-shadow:0 10px 40px rgba(217,183,110,.25)}
    .sc-brand span{font-family:'Playfair Display',serif;letter-spacing:.32em;font-size:15px;color:#E9D9B4}
    .showcase h1{font-family:'Playfair Display',serif;font-weight:600;font-size:54px;line-height:1.08;margin-bottom:22px;color:#FFF6DD}
    .showcase h1 em{font-style:normal;background:linear-gradient(100deg,#F6E3B0,#D9B76E 55%,#B8914A);-webkit-background-clip:text;background-clip:text;color:transparent}
    .sc-lead{font-size:17px;line-height:1.6;color:var(--muted);margin-bottom:28px}
    .sc-feat{list-style:none;display:grid;gap:16px;margin-bottom:30px}
    .sc-feat li{padding-left:22px;position:relative} .sc-feat li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;transform:rotate(45deg);background:#D9B76E}
    .sc-feat b{display:block;font-family:'Playfair Display',serif;font-size:18px;font-weight:600;margin-bottom:3px}
    .sc-feat span{color:var(--muted);font-size:14.5px}
    .sc-phone{font-size:14px;color:#C9B48A;padding:14px 16px;border:1px solid rgba(217,183,110,.3);border-radius:14px;margin-bottom:14px}
    .sc-legal{font-size:12px;color:#77706A}
    body:not(.noir) .showcase h1{color:#fff}
  }
  /* 2.3 certificate card */
  .cert-card{border:1px solid rgba(217,183,110,.35);border-radius:20px;padding:16px;margin-bottom:14px;background:linear-gradient(140deg,rgba(217,183,110,.12),rgba(255,255,255,.02))}
  .cc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
  .cc-k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
  .cc-t{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;margin-top:3px;font-variant-numeric:lining-nums}
  .cc-ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(217,183,110,.5);color:#D9B76E}
  .cc-ic svg{width:20px;height:20px}
  .cc-bar{height:6px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden;margin-bottom:14px}
  .cc-bar i{display:block;height:100%;background:linear-gradient(90deg,#F6E3B0,#D9B76E,#B8914A);border-radius:6px;transition:width .8s}
  .cert-card .btn{width:100%} .cert-card .btn[disabled]{opacity:.55;font-size:13px}
  .cc-lock{font-size:13px;color:#C9B48A;text-align:center}

  /* 3.0 professional */
  .linkbtn{background:none;border:0;color:var(--gold,#D9B76E);font:inherit;font-size:14px;margin:12px auto 0;display:block;cursor:pointer;padding:6px 10px}
  .linkbtn:disabled{opacity:.5}
  .prow.danger{color:var(--red)}
  .pw-form{display:grid;gap:10px;margin-top:16px}
  .pw-form input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:16px}
  .pw-form input:focus{outline:none;border-color:#D9B76E;box-shadow:0 0 0 3px rgba(217,183,110,.18)}
  .pw-form .tiny{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .rc-sub b{color:inherit}
  .btn-danger{background:linear-gradient(180deg,#E25563,#B83343);color:#fff;border:0}
  .ghost-btn{background:transparent;border:1px solid rgba(255,255,255,.14);color:inherit}
  .rc-warn{width:56px;height:56px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;color:#F0616D;border:1px solid rgba(240,97,109,.45)}
  .rc-warn svg{width:24px;height:24px}
  .wn-k{text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#C9B48A}
  .wn-list{display:grid;gap:14px;margin:18px 0 20px}
  .wn-row{display:flex;gap:14px;align-items:flex-start}
  .wn-ic{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(217,183,110,.45);color:#D9B76E}
  .wn-ic svg{width:18px;height:18px}
  .wn-row b{display:block;font-size:15px;margin-bottom:2px}
  .wn-row span{font-size:13.5px;color:var(--muted);line-height:1.45}
  :focus-visible{outline:2px solid #D9B76E;outline-offset:2px}
  .prow .sub2{font-size:12.5px;color:var(--muted);font-weight:400;margin-top:2px;font-family:inherit}
  .rc-card .rc-sub{line-height:1.5;margin-top:6px;padding:0 4px}
  .pw-form .err:empty{display:none}
  /* 3.1 personal */
  .q-dots{display:flex;gap:6px;justify-content:center;margin:12px 0 4px}.q-dots i{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.14)}.q-dots i.on{background:#D9B76E}
  .q-opts{display:grid;gap:10px;margin:16px 0 12px}
  .q-opt{text-align:left;padding:16px 18px;border-radius:16px;border:1px solid rgba(217,183,110,.25);background:rgba(255,255,255,.03);color:inherit;font:inherit;font-size:15.5px;cursor:pointer;transition:border-color .2s,background .2s}
  .q-opt:hover,.q-opt.on{border-color:#D9B76E;background:rgba(217,183,110,.10)}
  .calc{margin-bottom:14px;padding:18px;border-radius:22px;background:linear-gradient(150deg,rgba(217,183,110,.10),rgba(255,255,255,.02));border:1px solid rgba(217,183,110,.28)}
  .calc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
  .calc-t{font-size:13px;color:var(--muted);margin-top:2px}
  .calc-big{font-family:'Playfair Display',serif;font-size:34px;font-weight:600;color:#FFF6DD;margin:10px 0 2px;font-variant-numeric:tabular-nums}
  .calc-sub{font-size:12.5px;color:var(--muted)}
  .calc-ch{width:100%;height:90px;margin:14px 0 6px;display:block}
  .calc-leg{display:flex;gap:16px;font-size:11.5px;color:var(--muted);margin-bottom:10px}.calc-leg i{display:inline-block;width:12px;height:2px;margin-right:6px;vertical-align:middle}.calc-leg .g{background:#D9B76E}.calc-leg .w{border-top:1px dashed rgba(255,255,255,.5)}
  .calc-row{display:block;font-size:13px;color:var(--muted);margin-top:10px}.calc-row b{float:right;color:inherit;font-variant-numeric:tabular-nums}
  .calc-row input{width:100%;margin-top:8px;accent-color:#D9B76E}
  .calc-r{margin-top:12px}.chip.on{border-color:#D9B76E;color:#D9B76E;background:rgba(217,183,110,.12)}
  /* 3.2 wallet */
  #scr-wallet .backbtn{margin-bottom:6px}
  .w-hero{padding:22px 20px;border-radius:24px;margin-bottom:6px;background:linear-gradient(135deg,#2B2214,#14110C 55%,#1E1810);border:1px solid rgba(217,183,110,.35);box-shadow:inset 0 1px 0 rgba(255,240,200,.12),0 18px 40px rgba(0,0,0,.35)}
  .w-bal{font-family:'Playfair Display',serif;font-size:40px;font-weight:600;color:#FFF6DD;margin:8px 0 2px;font-variant-numeric:tabular-nums}
  .w-fx{font-size:12.5px;color:#B7AA90}
  .w-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.w-acts .btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.w-acts .svi{width:18px;height:18px}
  .w-list{display:grid;gap:8px}
  .w-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);cursor:pointer}
  .w-item .ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#D9B76E;border:1px solid rgba(217,183,110,.3);background:rgba(217,183,110,.06)}
  .w-item .ic.out{color:#E9D9B4}.w-item .ic .svi{width:19px;height:19px}
  .w-item .mid{flex:1;min-width:0}.w-item b{display:block;font-size:15px}.w-item span{font-size:12.5px;color:var(--muted)}
  .w-item em{font-style:normal;font-size:11.5px;color:#D9B76E;border:1px solid rgba(217,183,110,.4);padding:3px 9px;border-radius:999px}.w-item em.off{color:var(--muted);border-color:rgba(255,255,255,.15)}
  .w-item.add{border-style:dashed;border-color:rgba(217,183,110,.35)}
  .w-amt{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.w-amt small{display:block;font-size:11.5px;color:var(--muted);font-weight:400}
  .w-amt.up{color:#D9B76E}
  .w-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
  .w-tier{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.w-tier .muted{font-size:12px;color:var(--muted)}
  .w-lim{margin-top:10px}.w-lim div{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:6px}.w-lim b{color:inherit;font-weight:500;font-variant-numeric:tabular-nums}
  .w-lim i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.w-lim s{display:block;height:100%;background:linear-gradient(90deg,#F1D998,#C9A158);text-decoration:none}
  .w-real{display:flex;gap:14px;margin-top:18px;padding:18px;border-radius:20px;border:1px solid rgba(217,183,110,.3);background:linear-gradient(150deg,rgba(217,183,110,.09),rgba(255,255,255,.02))}
  .w-real .ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#D9B76E;border:1px solid rgba(217,183,110,.4)}.w-real .ic .svi{width:20px;height:20px}
  .w-real p{font-size:13px;color:var(--muted);line-height:1.5;margin:4px 0 12px}.w-real .btn{margin:0;padding:10px 14px;font-size:13.5px}
  .bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 12px;max-height:46vh;overflow:auto}.bank-grid .q-opt{padding:13px 12px;font-size:14px}
  .rc-warn.gold{color:#D9B76E;border-color:rgba(217,183,110,.45)}
  .pin-in{text-align:center;letter-spacing:.6em;font-size:22px !important}
  .amt-wrap{display:flex;align-items:baseline;justify-content:center;gap:4px;margin:18px 0 2px;font-family:'Playfair Display',serif;color:#FFF6DD}
  .amt-wrap span{font-size:30px;color:#D9B76E}.amt-wrap input{width:70%;background:none;border:0;color:inherit;font:600 42px 'Playfair Display',serif;text-align:center;font-variant-numeric:tabular-nums}.amt-wrap input:focus{outline:none}
  .amt-conv{text-align:center;font-size:13px;color:var(--muted)}
  .amt-chips{justify-content:center;margin-top:14px}
  .m-list{display:grid;gap:8px}.m-list .q-opt{padding:12px 14px;font-size:14.5px}
  .xf-proc{text-align:center;padding:30px 0 20px}.xf-spin{width:54px;height:54px;margin:0 auto 18px;border-radius:50%;border:2px solid rgba(217,183,110,.2);border-top-color:#D9B76E;animation:xfs 0.9s linear infinite}
  @keyframes xfs{to{transform:rotate(360deg)}}
  .bc-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
  .bc-acts button{padding:10px 0;border-radius:12px;border:1px solid rgba(217,183,110,.35);background:rgba(0,0,0,.18);color:#F3E6C4;font:600 13px 'Space Grotesk',system-ui,sans-serif;cursor:pointer}
  .bc-acts button:first-child{background:linear-gradient(180deg,#F1D998,#C9A158);color:#17130B;border:0}
  body.noir .backbtn{color:#D9B76E}
  body.noir .rc-amt.up{color:#E9C77F}
  /* 3.3 global + home wallet */
  .home-wallet{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 4px}
  .hw-act{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;color:var(--text,#EDE6D6);font:500 12.5px 'Space Grotesk',system-ui,sans-serif;cursor:pointer;padding:4px 0}
  .hw-act i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#D9B76E;border:1px solid rgba(217,183,110,.38);background:radial-gradient(circle at 30% 25%,rgba(241,217,152,.16),rgba(20,17,12,.6));box-shadow:inset 0 1px 0 rgba(255,240,200,.12),0 8px 20px rgba(0,0,0,.3);transition:transform .15s}
  .hw-act:first-child i{background:linear-gradient(160deg,#F1D998,#C9A158);color:#17130B;border:0}
  .hw-act:active i{transform:scale(.93)}.hw-act i .svi{width:22px;height:22px}
  .hw-last{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);font-size:13px;color:var(--muted);cursor:pointer}
  .hw-last b{margin-left:auto;color:#EDE6D6;font-variant-numeric:tabular-nums}.hw-last b.up{color:#D9B76E}.hw-last em{font-style:normal;font-size:12px}
  .tabs .tab-wallet{position:relative}
  .tab-wallet .tw-c{width:44px;height:44px;margin:-22px auto 2px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#F1D998,#C9A158);box-shadow:0 8px 22px rgba(201,161,88,.35),0 0 0 4px rgba(10,10,12,.9)}
  .tab-wallet .tw-c svg{width:22px;height:22px;stroke:#17130B}
  .tab-wallet.on{color:#D9B76E}
  .rg-search{width:100%;margin:14px 0 10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit;font:inherit}
  .rg-list{max-height:44vh;overflow:auto;display:grid;gap:6px;margin-bottom:12px}
  .rg-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:inherit;font:inherit;text-align:left;cursor:pointer}
  .rg-row.on{border-color:rgba(217,183,110,.55);background:rgba(217,183,110,.08)}
  .rg-c{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 11.5px 'Space Grotesk',sans-serif;letter-spacing:.05em;color:#D9B76E;border:1px solid rgba(217,183,110,.35)}
  .rg-n{flex:1;font-size:14.5px}.rg-cur{font-size:12.5px;color:var(--muted)}
  .amt-wrap input{max-width:80%;min-width:2ch;text-align:left}