*{box-sizing:border-box}:root,html,body{min-height:100%;margin:0;background:transparent!important;background-color:rgba(0,0,0,0)!important;background-image:none!important;color-scheme:dark}body{font-family:Segoe UI,Arial,sans-serif;color:#eaf7f7;overflow-x:hidden}html::before,html::after,body::before,body::after{content:none!important;display:none!important;background:none!important}.shell{position:relative;z-index:1;width:min(1120px,calc(100% - 30px));margin:0 auto;padding:28px 0 58px;background:transparent}.topbar,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.brand small{display:block;color:#4fc3f7;font-weight:900;letter-spacing:.14em}.brand h1{margin:5px 0 0;font-size:clamp(25px,4vw,40px)}.badge{padding:8px 12px;border-radius:999px;background:#ffb547;color:#071018;font-weight:950;font-size:12px}.panel{background:linear-gradient(180deg,rgba(5,25,30,.86),rgba(3,14,21,.9));backdrop-filter:blur(12px);border:1px solid rgba(0,200,151,.25);border-radius:24px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.28)}.hero{padding:28px}.muted{color:#9ab6bd;line-height:1.6}.login-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:22px}.field label{display:block;font-size:12px;color:#8fd6ca;font-weight:900;margin-bottom:7px}.field input{width:100%;height:46px;border-radius:12px;border:1px solid rgba(79,195,247,.25);background:#06131d;color:#fff;padding:0 14px;font-size:15px}.btn{height:46px;border:0;border-radius:12px;padding:0 18px;font-weight:950;cursor:pointer;background:linear-gradient(135deg,#4fc3f7,#00c897);color:#031317}.btn.secondary{background:rgba(3,16,24,.76);color:#dceef3;border:1px solid rgba(255,255,255,.12)}.btn.gold{background:linear-gradient(135deg,#ffb547,#ffd37a);color:#1d1404}.btn:disabled{opacity:.55;cursor:not-allowed}.status{margin-top:12px;min-height:22px;color:#9ac8cf}.status.bad{color:#ff9c96}.status.ok{color:#55e8c3}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.choice{display:block;text-decoration:none;color:inherit;padding:24px;border-radius:20px;background:linear-gradient(145deg,rgba(4,34,38,.86),rgba(4,18,27,.9));border:1px solid rgba(0,200,151,.26);transition:.18s;position:relative}.choice:hover{transform:translateY(-2px);border-color:#00c897}.choice.gold{border-color:rgba(255,181,71,.34)}.choice span{font-size:12px;font-weight:950;letter-spacing:.08em;color:#58e7c4}.choice.gold span{color:#ffd37a}.choice h2{margin:8px 0;font-size:24px}.choice p{margin:0;color:#9db7be;line-height:1.55}.choice-state{position:absolute;right:16px;top:16px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;font-weight:950;color:#9fbac1}.choice-state.active{color:#55e8c3;border:1px solid rgba(0,200,151,.3);background:rgba(0,200,151,.08)}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{text-decoration:none;color:#cfe8ed;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(3,16,24,.78);font-weight:850}.nav a.active{background:#00c897;color:#031317;border-color:#00c897}.member-name{color:#8fd6ca;font-size:12px;font-weight:900;margin-left:auto}.close-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.state-pill{padding:8px 12px;border-radius:999px;font-weight:950;font-size:12px;background:rgba(255,181,71,.12);color:#ffd37a;border:1px solid rgba(255,181,71,.3)}.state-pill.active{background:rgba(0,200,151,.1);color:#55e8c3;border-color:rgba(0,200,151,.35)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.metric{padding:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.metric span{display:block;color:#8fb1ba;font-size:12px;font-weight:850}.metric b{display:block;margin-top:7px;font-size:24px}.metric.green b{color:#55e8c3}.metric.gold b{color:#ffd37a}.metric.red b{color:#ff9c96}.formula,.tax-note{margin-top:16px;padding:14px 16px;border-left:3px solid #4fc3f7;background:rgba(79,195,247,.07);color:#c8e1e7;line-height:1.65}.tax-note{border-left-color:#ffd37a;background:rgba(255,181,71,.07)}.tax-note strong{display:block;color:#ffd37a;margin-bottom:6px}.gratitude{margin-top:18px;padding:18px;border-radius:18px;border:1px solid rgba(255,181,71,.3);background:rgba(58,38,4,.18)}.gratitude-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.gratitude input{width:100%;accent-color:#ffb547}.big-total{margin-top:18px;padding:22px;border-radius:18px;border:1px solid rgba(0,200,151,.38);background:linear-gradient(145deg,rgba(0,88,68,.2),rgba(3,20,28,.78))}.big-total span{color:#8dd8cb;font-weight:900}.big-total b{display:block;margin-top:8px;font-size:clamp(34px,6vw,54px);color:#55e8c3}.empty{text-align:center;padding:42px 20px}.loading-row{display:flex;justify-content:center;align-items:center;gap:12px}.spinner{width:22px;height:22px;border:2px solid rgba(79,195,247,.2);border-top-color:#4fc3f7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}@media(max-width:760px){.login-grid,.choices,.grid{grid-template-columns:1fr}.close-head,.topbar,.toolbar{display:block}.badge,.state-pill{display:inline-block;margin-top:10px}.shell{width:min(100% - 18px,1120px);padding-top:16px}.panel{padding:16px}.nav{margin-bottom:10px}.member-name{display:block;margin:8px 0 0}}

/* V40.36 mobile input safety */
@media(max-width:820px),(pointer:coarse){body{padding-bottom:env(safe-area-inset-bottom,0px)}input,select,textarea{font-size:16px!important}button,a,input{touch-action:manipulation}.shell{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}}


/* V40.38: the public iOS portal already supplies title, environment and back control. */
@media(max-width:820px){
  html.pcg-member-embedded.pcg-member-ios body{
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  }
  html.pcg-member-embedded.pcg-member-ios .shell{
    width:min(100% - 18px,1120px)!important;
    padding:12px 0 calc(24px + env(safe-area-inset-bottom,0px))!important;
  }
  html.pcg-member-embedded.pcg-member-ios .topbar{display:none!important}
  html.pcg-member-embedded.pcg-member-ios .panel{
    border-radius:20px!important;
    padding:18px!important;
  }
  html.pcg-member-embedded.pcg-member-ios .panel.hero{padding:18px!important}
  html.pcg-member-embedded.pcg-member-ios .panel.hero>h2{
    margin:0 0 10px!important;
    font-size:clamp(24px,7vw,30px)!important;
    line-height:1.12!important;
  }
  html.pcg-member-embedded.pcg-member-ios .muted{
    font-size:14px!important;
    line-height:1.52!important;
  }
  html.pcg-member-embedded.pcg-member-ios .login-grid{
    margin-top:18px!important;
    gap:12px!important;
  }
  html.pcg-member-embedded.pcg-member-ios .field input,
  html.pcg-member-embedded.pcg-member-ios .btn{
    min-height:48px!important;
    height:48px!important;
  }
  html.pcg-member-embedded.pcg-member-ios .status{min-height:18px!important}
}
@media(max-width:350px){
  html.pcg-member-embedded.pcg-member-ios .shell{width:calc(100% - 14px)!important;padding-top:8px!important}
  html.pcg-member-embedded.pcg-member-ios .panel,
  html.pcg-member-embedded.pcg-member-ios .panel.hero{padding:15px!important;border-radius:18px!important}
  html.pcg-member-embedded.pcg-member-ios .panel.hero>h2{font-size:23px!important}
}



/* V40.41: Android + iOS embedded keyboard layout. */
@media(max-width:820px),(pointer:coarse){
  html.pcg-member-embedded,
  html.pcg-member-embedded body{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    scroll-behavior:smooth;
  }
  html.pcg-member-embedded .shell{
    min-height:100%!important;
    scroll-padding-top:8px!important;
    scroll-padding-bottom:calc(var(--pcg-member-keyboard-height,0px) + 28px)!important;
  }
  html.pcg-member-embedded.pcg-member-keyboard-open .shell{
    padding-top:4px!important;
    padding-bottom:calc(var(--pcg-member-keyboard-height,280px) + 36px)!important;
  }
  html.pcg-member-embedded.pcg-member-keyboard-open .panel.hero{
    scroll-margin-top:6px!important;
  }
  html.pcg-member-embedded.pcg-member-keyboard-open .panel.hero>h2{
    font-size:21px!important;
    line-height:1.12!important;
    margin:0 0 5px!important;
  }
  html.pcg-member-embedded.pcg-member-keyboard-open .panel.hero>.muted{
    display:none!important;
  }
  html.pcg-member-embedded.pcg-member-keyboard-open .login-grid{
    margin-top:4px!important;
    gap:8px!important;
  }
  html.pcg-member-embedded.pcg-member-keyboard-open .field input,
  html.pcg-member-embedded.pcg-member-keyboard-open .btn{
    min-height:46px!important;
    height:46px!important;
  }
}