/* Silver & ice: decorative layer only; existing component geometry is retained. */
:root{color-scheme:light;--bg:#eff6fd;--surface:#ffffff;--edge:#cbdff2;--ink:#10224e;--muted:#5d7293;--mint:#1179e8;--purple:#6755bf}
body{background:radial-gradient(ellipse at 90% 2%,#e9e9ff8c,transparent 50%),linear-gradient(130deg,#f5faff,#eef6fe 60%,#f4f4ff);color:var(--ink)}
.cab-top,.auth-top{background:#f6fbffed;border-bottom-color:#d0e2f3;box-shadow:0 1px 14px #6183ac08}
.logo span{color:#177cdd}.back-link{color:#576f94}.top-user{color:#18315d}.top-user canvas,.side-profile canvas{box-shadow:0 3px 12px #4d7eac1c}
.sidebar{border-color:#c5ddee;background:linear-gradient(145deg,transparent 0 32%,#ffffff54 32% 49%,transparent 49%),linear-gradient(30deg,transparent 0 40%,#c6e2f34a 40% 62%,transparent 62%),linear-gradient(165deg,#e8f5ff,#dcedfa)}
.side-profile strong{color:#172b55}.side-profile span,.sidebar>small{color:#5c7799}.sidebar nav a{color:#345781}
.sidebar nav a[aria-current]{position:relative;background:linear-gradient(110deg,#cceeff,#e4efff);color:#0755a6;box-shadow:inset 0 0 0 1px #ffffffd9,0 4px 14px #5e9aca13}
.sidebar nav a[aria-current]:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:4px;border-radius:4px;background:#28bde9;box-shadow:0 0 10px #2fc7ff40}
.sidebar nav a:hover{background:#ffffff65}.signout{color:#47698c}.page-top{color:#557797}.eyebrow{color:#346aa3}
.primary{color:#ffffff;background:linear-gradient(120deg,#20b7f1,#1078f0);box-shadow:inset 0 1px 0 #ffffff70,0 5px 15px #188af323}
.primary:disabled{color:#4d6f98;background:linear-gradient(120deg,#d5e8fa,#e4e8f8);opacity:1;box-shadow:inset 0 1px 0 #ffffffc0}
.secondary{color:#4433a5;background:linear-gradient(115deg,#e3dcff,#dce9ff);border-color:#bbadf0;box-shadow:inset 0 1px 0 #ffffffa0}
.ghost{background:#ffffff8c;border-color:#bdd6ed;color:#294c78;box-shadow:inset 0 1px 0 #ffffff}
label{color:#344f78}input,select{background:#f8fcff;border-color:#bdd4e9;color:#17345c;box-shadow:inset 0 1px 3px #517ba207}
input::placeholder{color:#7088a5}.password-field button{color:#346b9e}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#2485d8}
.character-panel{isolation:isolate;border-color:#b7d8f4;background:linear-gradient(145deg,transparent 35%,#ffffffa8 35% 49%,transparent 49%),linear-gradient(35deg,#eaf7ff 0 25%,#d9effb88 25% 46%,transparent 46%),linear-gradient(150deg,#f5fbff,#e4f3ff 62%,#f4f6ff);box-shadow:inset 0 1px 0 #ffffff,0 8px 24px #729dcb0d}
.character-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 13% 20%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 85% 35%,#fff 0 2px,transparent 3px),radial-gradient(circle at 72% 78%,#fff 0 1px,transparent 3px),radial-gradient(circle at 20% 65%,#fff 0 1px,transparent 2px),linear-gradient(125deg,transparent 53%,#ffffff68 53.1% 53.3%,transparent 53.4%)}
.character-label{color:#3d689b}.skin-halo{border-color:#9ee5ff;box-shadow:0 0 0 5px #ffffff9c,0 0 0 9px #c3ecff66,0 0 26px #83d5f62e,inset 0 0 23px #7edbfb1a}
#full-skin{filter:drop-shadow(5px 8px 5px #44709830)}#skin-empty{color:#5b7b9b}.subtle{color:#087ad8}
.skin-file-label{color:#164d84;background:linear-gradient(130deg,#fbfdff,#dfedfc);border-color:#bad4ec;box-shadow:inset 0 1px 0 #ffffff,0 4px 10px #5386b211}
.balance-panel{border-color:#b8d7f3;background:linear-gradient(145deg,transparent 66%,#deeffb5c 66% 85%,transparent 85%),radial-gradient(ellipse at 100% 0,#e3f2ff,transparent 65%),linear-gradient(140deg,#fff,#f8fcff);box-shadow:inset 0 1px 0 #fff,0 8px 25px #6b96c311}
.balance-label{color:#284c78}.coin{background:linear-gradient(140deg,#ffeec0,#e6bd61);color:#6d4c11;border-color:#c6a45d;box-shadow:inset 0 1px 2px #fff7,0 3px 9px #af8a382b}
.balance-number strong{color:#b98b21}.balance-number>span{color:#87681f}.monthly{border-color:#d2e4f4}.monthly>div{color:#287568}.monthly>div:last-child{color:#c54877}
.account-facts>div{color:#172e54;background:linear-gradient(125deg,#fff,#f5faff);border-color:#c5dff6;box-shadow:inset 0 1px 0 #fff,0 4px 12px #5385b608}
.account-facts span{color:#5c7b9f}.media-teaser{color:#182d58;border-color:#c4c8f2;background:radial-gradient(ellipse at 80% -60%,transparent 52%,#ffffffae 53% 56%,transparent 57%),radial-gradient(ellipse at 72% 150%,transparent 51%,#fff9 52% 57%,transparent 58%),linear-gradient(115deg,#e3e4ff,#edf7ff 55%,#d7eaff);box-shadow:inset 0 1px 0 #fff,0 5px 16px #7e91c00d}
.media-teaser>span{color:#5457a0}.media-teaser p{color:#536f97}.panel{background:linear-gradient(145deg,#fff,#f7fbff);border-color:#c7dcef;box-shadow:inset 0 1px 0 #fff,0 7px 23px #5e8bb414}
.step-label{color:#3886ba}.step-label>span{color:#183961}.amount-presets button{color:#315780;border-color:#bcd7ef;background:linear-gradient(135deg,#fff,#e9f4ff);box-shadow:inset 0 1px 0 #fff}
.amount-presets button[aria-pressed="true"]{background:linear-gradient(125deg,#15b9f2,#147fe8);border-color:#1b9fe8;color:#fff;box-shadow:inset 0 1px 0 #ffffff80,0 4px 13px #218bed26}
.amount-presets button[aria-pressed="true"] small{color:#e9f7ff}.payment-unavailable{background:#eff6fd;border-color:#b6cee4;color:#456384}.payment-unavailable>span{color:#3f8ac0}
.order-total strong{color:#a77b1b}.order-summary>a{color:#2365af}.help-strip{background:linear-gradient(120deg,#efedff,#edf6ff);border-left-color:#9680d0;color:#263d70}
.empty-state{color:#58789e}.transaction .positive{color:#237763}.transaction .negative{color:#bf4869}
.earn-feature{background:radial-gradient(ellipse at 95% 5%,#dddfff88,transparent 65%),linear-gradient(125deg,#fff,#edf8ff);border-color:#becff0}
.earn-rate strong{color:#9e7523}.notice{background:#e6f0fa}.instruction-steps b{color:#6d56b9}
.auth-page{background:radial-gradient(ellipse at 10% 5%,#d7edff,transparent 65%),linear-gradient(135deg,#f4faff,#eff2ff)}
.auth-stage{box-shadow:0 16px 45px #6a8daf19;border-color:#c0d6ed}.auth-form-panel{background:linear-gradient(140deg,#ffffff,#f4f8ff)}
.auth-art{background:linear-gradient(0deg,#eef8fff7,#d9efff9c 42%,#cde8ff35),url('assets/harbor-hero.png') 62% center/cover;color:#152e59}
.auth-art p{color:#365d83}.auth-art .eyebrow{color:#376b9e}.art-caption{border-color:#a8c8e0;color:#3e719a}.switch-auth a{color:#1b67bb}.auth-footnote{color:#6583a1}
.simple-footer,.simple-footer span{color:#627f9d;border-color:#cee0ef}#form-message,#page-message{color:#975e20}
:root{--avatar-bg:#d5eaff;--avatar-ink:#265788}
/* Wallet actions follow the requested green button palette. */
.balance-actions .primary{color:#fff;background:linear-gradient(115deg,#39be76,#219b58);box-shadow:inset 0 1px 0 #ffffff70,0 4px 12px #24975230}
.balance-actions .primary:hover{background:linear-gradient(115deg,#2cb66a,#198448)}
.balance-actions .secondary{color:#205939;border-color:#9cc8ac;background:linear-gradient(135deg,#f1fff5,#d8efdf);box-shadow:inset 0 1px 0 #fff}
.balance-actions .secondary:hover{background:linear-gradient(135deg,#e6fbed,#c7e8d2);border-color:#7eb793}
.skin-file-label{color:#205939;border-color:#9cc8ac;background:linear-gradient(135deg,#f1fff5,#d8efdf);box-shadow:inset 0 1px 0 #fff,0 4px 10px #39835414}
.skin-file-label:hover{background:linear-gradient(135deg,#e6fbed,#c7e8d2);border-color:#7eb793}
.skin-file-label{color:#fff;border-color:#22975a;background:linear-gradient(115deg,#39be76,#219b58);box-shadow:inset 0 1px 0 #ffffff70,0 4px 12px #24975230}
.skin-file-label:hover{color:#fff;background:linear-gradient(115deg,#2cb66a,#198448);border-color:#1b8a4d}
/* Green amount selectors; payment remains disabled until a provider is connected. */
.amount-presets button{color:#205939;border-color:#9cc8ac;background:linear-gradient(135deg,#f1fff5,#d8efdf);box-shadow:inset 0 1px 0 #fff}
.amount-presets button:hover{background:linear-gradient(135deg,#e6fbed,#c7e8d2);border-color:#7eb793}
.amount-presets button[aria-pressed="true"]{color:#fff;border-color:#22975a;background:linear-gradient(115deg,#39be76,#219b58);box-shadow:inset 0 1px 0 #ffffff70,0 4px 12px #24975230}
.amount-presets button[aria-pressed="true"] small{color:#edfff3}
.amount-presets button[aria-pressed="true"]:hover{background:linear-gradient(115deg,#2cb66a,#198448);border-color:#1b8a4d}
.order-summary .primary:disabled{color:#597b65;background:linear-gradient(115deg,#dbeee1,#e6f3ea);box-shadow:inset 0 1px 0 #ffffffb0}
/* Shared fist branding and green accents on sign-in and registration. */
.auth-top .logo{display:inline-flex;align-items:center;gap:10px}
.auth-top .logo img{display:block;object-fit:contain;flex-shrink:0}
.auth-top .logo .auth-brand-name,.auth-top .logo .auth-brand-name>span{color:#238b53}
.auth-page .eyebrow,.auth-page .auth-art .eyebrow{color:#238b53}
.auth-page .auth-form-inner .primary{color:#fff;background:linear-gradient(115deg,#39be76,#219b58);box-shadow:inset 0 1px 0 #ffffff70,0 4px 12px #24975230}
.auth-page .auth-form-inner .primary:not(:disabled):hover{background:linear-gradient(115deg,#2cb66a,#198448)}
.auth-page .switch-auth a,.auth-page .password-field button{color:#238b53}
.auth-page input{border-color:#b1d2be;background:#f8fdf9;color:#254e37}
.auth-page input:focus-visible{outline-color:#219b58}
.auth-page input::placeholder{color:#6b8b77}
.auth-page .auth-art p,.auth-page .art-caption{color:#426f5b}
@media(max-width:650px){.auth-top .logo img{width:34px;height:34px}}