:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#020a10;color:#edfaff;font-synthesis:none;--green:#568cff;--muted:#94afb9;--border:#173443}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#07334266,transparent 60%),#020a10}button,select,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #b3ceff;outline-offset:4px}.shell{max-width:480px;min-height:100dvh;margin:auto;background:linear-gradient(160deg,#03101a,#020b12);border-inline:1px solid #142936}header{height:79px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}header b{font-size:18px}header b span{color:var(--green)}header small{display:block;color:var(--muted);font-size:12px;margin-top:5px;letter-spacing:1px}select{background:#071c25;color:white;border:1px solid #3b5182;border-radius:9px;padding:9px}main{padding:18px 14px 112px;min-height:80dvh}h1{font-size:25px;margin:8px 0 20px}h2{font-size:17px;margin:0}p{line-height:1.5;color:var(--muted);font-size:14px}small{font-size:12px;color:var(--muted)}.hero{text-align:center;padding:10px 0 25px;background:radial-gradient(ellipse at center,#26366c55,transparent 70%)}.mark{font-weight:900;font-size:84px;font-style:italic;line-height:1.3;color:#78a7ff;text-shadow:0 0 30px #346bff;letter-spacing:-8px}.hero h1{font-size:34px;letter-spacing:2px;color:#d8e6ff;margin:0}.hero h1 span{display:block;color:var(--green);font-size:30px}.hero p{letter-spacing:2px;font-size:12px;margin-bottom:0}.eyebrow{text-transform:uppercase;color:#82b5be;letter-spacing:1.5px;font-size:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel{border:1px solid var(--border);background:linear-gradient(130deg,#06202b,#04131c);border-radius:15px;padding:17px;margin-bottom:13px;box-shadow:inset 0 1px 0 #ffffff05}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:24px}.features div{text-align:center;border:1px solid var(--border);border-radius:12px;padding:14px 4px;font-size:12px;color:#bbced4}.features strong{display:block;color:var(--green);font-size:25px;margin-bottom:7px}.section-title{margin:23px 2px 12px;font-size:14px}.primary,.secondary{border:0;border-radius:10px;padding:14px;width:100%;font-weight:700;font-size:15px}.primary{background:linear-gradient(100deg,#326dff,#699aff);color:#ffffff;box-shadow:0 0 18px #356fff24}.secondary{color:#ddf9ff;background:#061722;border:1px solid #315461}.actions{display:flex;gap:10px;margin-top:18px}.actions button{flex:1}.empty{padding:14px 0;text-align:center}.empty .empty-icon{font-size:35px;color:#729fff}.balance{font-size:35px;font-weight:700;letter-spacing:-1px;margin-top:9px}.balance span{font-size:18px;font-weight:400;letter-spacing:0}.status{display:inline-flex;background:#3167d922;border:1px solid #344f86;color:#9ebcff;border-radius:6px;padding:5px 8px;font-size:12px}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plan{--accent:#20f5b3;padding:13px 11px;border:1px solid var(--accent);background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--accent) 21%,transparent),transparent 75%),#05121d;border-radius:12px;box-shadow:inset 0 0 15px color-mix(in srgb,var(--accent) 13%,transparent)}.plan .symbol{font-size:29px;color:var(--accent);margin-bottom:12px}.plan h2{font-size:14px;min-height:18px}.rate{font-size:35px;color:var(--accent);font-weight:800;margin-top:13px}.rate small{font-size:12px;font-weight:400;color:white}.plan p{font-size:12px;color:#d1e4e8;margin:10px 0}.plan ul{padding:0;list-style:none;margin:17px 0;font-size:12px;color:#b2ccd4;line-height:1.65}.plan li:before{content:'✓ ';color:var(--accent)}.plan button{width:100%;border:0;background:var(--accent);padding:11px 3px;border-radius:7px;color:#02131b;font-size:13px;font-weight:700}.footnote{font-size:12px;line-height:1.6;margin-top:18px}.profile{display:flex;align-items:center;gap:18px;padding:18px 3px 24px}.avatar{width:73px;height:73px;display:grid;place-items:center;font-size:30px;color:#a1beff;border:1px solid #ff526f;border-radius:50%;background:radial-gradient(circle,#254985,#00121d)}.profile h1{margin:0 0 5px}.menu button{display:flex;align-items:center;width:100%;text-align:left;padding:16px 0;border:0;border-bottom:1px solid #17303b;background:none;color:white;font-size:15px;gap:13px}.menu button:last-child{border:0}.menu .icon{color:#93b6ff;background:#204b8d55;border-radius:8px;padding:8px;font-size:19px}.menu .arrow{margin-left:auto;color:#91afb9}.banner{padding:20px;border:1px solid #354b7d;border-radius:13px;background:linear-gradient(120deg,#182e63,#170e24);margin:15px 0}.banner b{color:#a9c5ff;font-size:19px}.banner p{margin:6px 0 0}.auth{background:#112633;border:1px solid #325064;border-radius:9px;padding:10px 12px;color:#b9d4e0;font-size:12px;line-height:1.5;margin-bottom:15px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);display:grid;grid-template-columns:repeat(4,1fr);background:#03121bf5;backdrop-filter:blur(12px);border-top:1px solid #1a3944;padding:8px 6px max(10px,env(safe-area-inset-bottom));z-index:10}nav button{border:0;color:#9db7c3;background:transparent;border-radius:10px;padding:8px 2px;font-size:12px}nav button strong{display:block;font-size:23px;font-weight:400;margin-bottom:6px}nav button.active{background:linear-gradient(#356cff35,#ff405b0a);color:#9abaff;box-shadow:inset 0 1px 0 #405990}dialog{width:calc(100% - 32px);max-width:430px;background:#061923;color:white;border:1px solid #435d97;border-radius:17px;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{float:right;border:0;background:none;color:#bce6e7;font-size:28px}input{width:100%;padding:13px;background:#020d15;border:1px solid #2b5460;color:white;border-radius:8px;margin:12px 0 20px;font-size:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#notice{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;background:#19346a;color:#ecf3ff;padding:12px;border-radius:10px;z-index:20;display:none}.earnings{font-size:36px;color:#83abff;margin:20px 0;text-shadow:0 0 20px #386eff4d}.progress{height:12px;background:#121d3b;border:1px solid #364f85;border-radius:12px;overflow:hidden}.progress i{display:block;height:100%;background:#ff526f}.details .row{padding:12px 0;border-bottom:1px solid #14303b;font-size:14px}.details .row span{color:var(--muted)}@media(min-width:700px){body{padding:25px 0}.shell{border-radius:22px;overflow:hidden;box-shadow:0 25px 100px #000}nav{bottom:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Red and blue instrument panels */
body{background:radial-gradient(ellipse at 20% 10%,#142957,transparent 50%),radial-gradient(ellipse at 90% 65%,#4a142333,transparent 50%),#050914}
.shell{background:linear-gradient(155deg,#080f21,#090c18 65%,#160d1b);border-color:#24314c}
header{border-bottom-color:#273653}.hero{border-bottom:1px solid #293c5c;margin-bottom:18px}.mark{background:linear-gradient(125deg,#699fff 25%,#accbff 48%,#ff5b77 75%);background-clip:text;color:transparent;text-shadow:none}.hero h1 span{color:#ff5a75}
.panel{background:linear-gradient(135deg,#101c33,#0b1222);border-color:#293953;box-shadow:inset 0 1px 0 #ffffff06}.investment-card{border-top:2px solid #ff5573}.status{color:#afc9ff}.earnings{font-family:Consolas,'Courier New',monospace;font-variant-numeric:tabular-nums}.countdown-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.digital-board{padding:17px 14px;border:1px solid #405580;border-radius:10px;background:linear-gradient(180deg,#080f1e,#101d34);position:relative;overflow:hidden}.digital-board small{display:block;color:#b3c6e4;font-size:14px}.digital-board strong{display:block;margin:12px 0 8px;font-family:Consolas,'Courier New',monospace;font-size:clamp(28px,8vw,43px);font-weight:700;letter-spacing:3px;font-variant-numeric:tabular-nums;color:#9abbff;text-shadow:0 0 22px #427aff66}.digital-board span{font-size:12px;color:#879bbf;letter-spacing:1px}.next-board{border-color:#6b3448;background:linear-gradient(180deg,#170d19,#261427)}.next-board strong{color:#ff8598;text-shadow:0 0 22px #ff355966}.digital-amount{font-family:Consolas,monospace;color:#aecbff;font-variant-numeric:tabular-nums}.withdraw-panel .row{flex-wrap:wrap}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.sound-button{border:1px solid #3d537d;background:#14233e;color:#b8d1ff;border-radius:10px;padding:12px 15px;width:100%;font-size:14px}.sound-button[aria-pressed=true]{border-color:#ff7088;color:#ff9daf}.end-date{font-size:12px;color:#aabbd6;line-height:1.6}nav{background:#090f20f5;border-color:#283652}.avatar{background:radial-gradient(circle,#294777,#10172c)}.banner{background:linear-gradient(115deg,#192e5e,#301323)}
.hero{padding:0;background:none;border:1px solid #33456b;border-radius:14px;overflow:hidden;margin-bottom:18px}.hero-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.hero .sr-only{margin:0}

.investment-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.investment-summary>div+div{border-left:1px solid #2a3c59;padding-left:15px}.investment-summary b{display:block;font-size:21px;margin-top:7px}.investment-summary b small{font-size:13px}.accrual-card .earnings{margin:16px 0 0;font-size:clamp(25px,7vw,36px);overflow-wrap:anywhere}.accrual-chart{width:100%;height:auto;display:block;margin-top:8px}.chart-grid{stroke:#31456a;stroke-width:.6;stroke-dasharray:2 3}.timed-progress{position:relative;height:19px}.timed-progress span{position:absolute;inset:0;text-align:center;font-size:12px;line-height:17px;color:white;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}.paired-clocks{grid-template-columns:1fr 1fr;margin:0 0 12px;gap:8px}.paired-clocks .digital-board{padding:13px 9px}.paired-clocks strong{font-size:clamp(18px,5.2vw,27px);letter-spacing:0;margin:9px 0}.paired-clocks small{font-size:12px}.paired-clocks span{font-size:12px;letter-spacing:0}.investment-detail .details .row{align-items:flex-start;gap:16px}.investment-detail .details b{text-align:right;font-size:13px;font-weight:500;line-height:1.5;color:#b4d0ff;max-width:60%}.investment-detail .details span{font-size:13px;line-height:1.5}.calculation-note{display:block;margin-top:12px;line-height:1.5}.investment-actions{display:grid;gap:9px;margin:0 0 16px}.investment-actions>small{text-align:center;line-height:1.5}.secondary:disabled{opacity:.45;cursor:not-allowed}@media(max-width:340px){.paired-clocks{grid-template-columns:1fr}.investment-summary{grid-template-columns:1fr}.investment-summary>div+div{border:0;padding:0}}

/* Multilingual text and right-to-left layout */
header>div{min-width:0}header label{flex-shrink:0;max-width:48%}#language{max-width:100%;text-overflow:ellipsis}nav button{min-width:0;overflow-wrap:anywhere;white-space:normal}.plan h2,.plan button,.actions button{overflow-wrap:anywhere}html[dir="rtl"] .menu button{text-align:right}html[dir="rtl"] .arrow{margin-left:0;margin-right:auto;transform:rotate(180deg)}html[dir="rtl"] .close{float:left}html[dir="rtl"] .digital-board strong,html[dir="rtl"] .digital-amount,html[dir="rtl"] .earnings,html[dir="rtl"] .balance,html[dir="rtl"] .accrual-chart,html[dir="rtl"] input[name="wallet"]{direction:ltr;unicode-bidi:isolate}html[dir="rtl"] .details .row{gap:12px}html[dir="rtl"] .details b{direction:ltr;unicode-bidi:isolate}