:root{color-scheme:dark;--bg:#14171b;--card:#21252b;--raised:#2c323a;--text:#f5f7fa;--muted:#989faa;--accent:#63d3ff;--accent-ink:#063144;--tint:#163b4b;--line:#ffffff0e;--glass:#29333dd4;--success:#79d8bb;--danger:#f49ba8;--warn:#ebc27a;--shadow:#0005;--ease:cubic-bezier(.22,.75,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}
:root[data-theme=pearl]{color-scheme:light;--bg:#f4f6f8;--card:#fff;--raised:#e9edf2;--text:#19202a;--muted:#74808e;--accent:#149bc7;--accent-ink:#fff;--tint:#e1f1f7;--line:#2337470b;--glass:#f6faffc9;--success:#21866c;--danger:#bd4762;--warn:#9c6a20;--shadow:#21334414}
:root[data-theme=midnight]{--bg:#141220;--card:#211f32;--raised:#302b45;--text:#f7f3ff;--muted:#a29ab8;--accent:#bea1ff;--accent-ink:#2d1a48;--tint:#392955;--line:#cdbaff10;--glass:#302943d4;--success:#96d8c7;--danger:#f5a4b6;--warn:#e3c597;--shadow:#0006}
*{box-sizing:border-box}body{margin:0;background:#0b0e12;color:var(--text);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:default;opacity:.5}button:not(:disabled):active{transform:scale(.975)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:transform 120ms,background 180ms,color 280ms,opacity 180ms}svg{display:block;flex-shrink:0}.ico{width:21px;height:21px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.9px;line-height:1.2;font-weight:740}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:15px;font-weight:670}p{color:var(--muted)}small,.small{font-size:11px;color:var(--muted)}strong{font-weight:680}.mono{font-variant-numeric:tabular-nums}.accent{color:var(--accent)}.positive{color:var(--success)}.negative{color:var(--danger)}.muted{color:var(--muted)}.hidden,[hidden]{display:none!important}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grow{flex:1;min-width:0}.stack{display:grid;gap:12px}.space{margin-top:18px}.center{text-align:center}.heading{margin:12px 2px 20px}.heading p{margin-top:7px;font-size:12px}.subtitle{font-size:12px;color:var(--muted);margin-top:5px}.divider{height:1px;background:var(--line);margin:14px 0}.tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650;background:var(--tint);color:var(--accent);padding:5px 10px;border-radius:99px;white-space:nowrap}.tag .ico{width:12px;height:12px}.tag.neutral{background:var(--raised);color:var(--muted)}.dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--success)}.status.off{color:var(--muted)}.caption{text-transform:uppercase;font-size:10px;letter-spacing:1.25px;font-weight:600;color:var(--muted)}
.workspace{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:48px;padding:32px;isolation:isolate;background:radial-gradient(ellipse at 50% 20%,#1c2d353b,transparent 65%)}.intro{width:230px;align-self:center;color:#f5f7fa}.wordmark{font-size:13px;letter-spacing:5px;font-weight:750}.intro h2{font-size:36px;line-height:1.17;letter-spacing:-1.1px;margin:35px 0 20px}.intro p{font-size:14px;line-height:1.8;color:#8e99a5}.edition{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#72818d;margin-top:32px}.edition span{width:6px;height:6px;border-radius:50%;background:#63d3ff;box-shadow:0 0 13px #63d3ff66}.phone{width:414px;height:min(884px,calc(100svh - 64px));min-height:650px;position:relative;flex-shrink:0;border-radius:38px;background:var(--bg);border:1px solid #ffffff16;box-shadow:0 30px 90px #0006,inset 0 1px 0 #ffffff0a;overflow:hidden;transition:background .25s,color .25s}.app-shell{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:22px 20px 12px;height:80px;z-index:20;position:relative}.identity{display:flex;align-items:center;text-align:left;gap:9px;padding:0;min-height:44px;flex:1;min-width:0}.avatar{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--accent);font-size:14px;font-weight:680;flex-shrink:0}.identity strong{display:block;font-size:12px}.identity small{font-size:9px;display:block;line-height:1.4;margin-top:2px}.balance-chip{height:36px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:30px;background:var(--card);box-shadow:inset 0 1px 0 var(--line);padding:0 12px;font-size:11px;font-weight:660;min-width:111px;white-space:nowrap}.coin{display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:50%;font-size:8px;width:13px;height:13px;font-weight:850}.lang-btn{border-radius:50%;background:var(--card);font-size:10px;height:36px;width:36px;flex-shrink:0;color:var(--muted)}.lang-menu{position:absolute;right:19px;top:69px;width:205px;border:1px solid #ffffff16;background:var(--glass);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-radius:20px;padding:9px;box-shadow:0 12px 40px #0004;animation:pop .22s var(--ease);transform-origin:top right}.lang-menu .caption{padding:8px;letter-spacing:.2px;text-transform:none}.lang-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:12px;padding:12px;font-size:12px}.lang-menu button.selected{background:var(--tint);color:var(--accent)}main{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:7px 18px 114px}main::-webkit-scrollbar{display:none}.page{animation:page-in .25s var(--ease)}.card{border-radius:23px;background:var(--card);padding:18px;border:1px solid var(--line)}.farm-card{padding:16px 17px 17px;position:relative;overflow:hidden;border-radius:25px}.farm-top{position:relative;z-index:1}.farm-top .tag{text-transform:uppercase;letter-spacing:.6px;font-size:9px}.scene{height:214px;position:relative;isolation:isolate;--rpm:2s;--energy:.7}.scene::before{content:"";position:absolute;inset:28% 11% 2%;background:radial-gradient(ellipse at center,var(--accent),transparent 64%);opacity:var(--glow,.075);filter:blur(13px)}.scene::after{content:"";position:absolute;width:65%;left:17.5%;height:12%;bottom:6%;background:#000;opacity:.25;border-radius:50%;filter:blur(10px);z-index:-1}.equipment{position:absolute;width:100%;height:100%;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.93) translateY(6px);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}.equipment.active{opacity:1;transform:scale(1) translateY(0)}.rotor{animation:spin var(--rpm) linear infinite;animation-delay:var(--phase,0s);transform-box:fill-box;transform-origin:center}.led{animation:breathe var(--beat,2.7s) ease-in-out infinite alternate;animation-delay:var(--phase,0s)}.vent{animation:breathe 3s ease-in-out infinite alternate;opacity:.5}.equipment:not(.active) *{animation-play-state:paused!important}.scene.off svg{filter:grayscale(.9) brightness(.64)}.scene.off .rotor{animation-play-state:paused}.scene.off .led,.scene.off .vent{opacity:0;animation:none}.scene.off::before{opacity:0}.paused *{animation-play-state:paused!important}.farm-speed{font-size:32px;font-weight:740;letter-spacing:-1px;line-height:1.2}.farm-speed span{font-size:20px;letter-spacing:-.6px}.farm-speed+.small{margin-top:4px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.stat{padding:14px 15px;border-radius:20px;background:var(--card);border:1px solid var(--line)}.stat label{font-size:11px;display:block;color:var(--muted);margin-bottom:4px}.stat strong{display:block;font-size:22px;letter-spacing:-.5px;line-height:1.25}.stat small{font-size:10px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border-radius:999px;padding:12px 16px;font-size:12px;font-weight:700;position:relative}.primary{color:var(--accent-ink);background:var(--accent);box-shadow:inset 0 1px 0 #ffffff36,0 3px 10px var(--shadow)}.primary:hover:not(:disabled){filter:brightness(1.05)}.primary>.left-icon{position:absolute;left:18px}.secondary{background:var(--raised);color:var(--text);box-shadow:inset 0 1px 0 var(--line)}.ghost{width:100%;min-height:44px;color:var(--accent);font-size:12px;font-weight:600}.upgrade-btn{margin-top:14px}.link-card{display:flex;align-items:center;gap:12px;padding:16px 14px;background:var(--card);border-radius:22px;text-align:left;width:100%;border:1px solid var(--line)}.link-card h3{font-size:12px}.link-card p{font-size:10px;margin-top:4px}.link-card>.ico{color:var(--muted);width:15px}.icon-box{display:grid;place-items:center;flex-shrink:0;background:var(--tint);color:var(--accent);width:37px;height:37px;border-radius:12px}.icon-box .ico{width:20px;height:20px}.live-line{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;gap:8px;padding:13px 6px 0}.live-line strong{font-size:11px;color:var(--success);font-weight:550}.nav-wrap{position:absolute;bottom:0;left:0;right:0;padding:12px 14px 20px;z-index:15;background:linear-gradient(transparent,var(--bg) 70%);pointer-events:none}.bottom-nav{height:65px;padding:5px;display:flex;position:relative;border-radius:36px;background:var(--glass);border:1px solid #c9e8ff14;box-shadow:inset 0 1px 0 #ffffff10,0 7px 20px #0002;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);pointer-events:auto}.bottom-nav button{position:relative;z-index:2;width:20%;border-radius:28px;padding:6px 0 3px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--muted);font-size:9px;font-weight:570;transition:color .3s var(--ease)}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active .ico{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 50%,transparent))}.bottom-nav .ico{width:19px;height:19px}.nav-lens{position:absolute;top:4px;left:4px;bottom:4px;width:calc((100% - 8px)/5);transform:translateX(calc(var(--index,0)*100%));transition:transform .3s var(--ease);pointer-events:none;z-index:1}.nav-lens::before{content:"";position:absolute;inset:0;border-radius:30px;border:1px solid #c5edff2c;background:radial-gradient(ellipse at 45% 0%,color-mix(in srgb,var(--accent) 23%,transparent),transparent 70%),linear-gradient(120deg,#ffffff10,#ffffff03);box-shadow:inset 1px 1px 1px #ffffff17,inset -1px -1px 1px #ffffff06,0 3px 8px #0002}.nav-lens.moving::before,.seg-lens.moving::before{animation:stretch .3s var(--ease)}.home-indicator{position:absolute;bottom:7px;width:90px;height:3px;border-radius:4px;background:var(--muted);opacity:.25;left:50%;transform:translateX(-50%)}.segmented{position:relative;display:flex;padding:4px;border-radius:13px;background:var(--raised);margin:16px 0;min-height:42px}.segmented button{flex:1;font-size:11px;z-index:1;border-radius:10px;color:var(--muted);padding:7px 3px;min-height:34px}.segmented button.active{color:var(--text)}.seg-lens{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/var(--count,2));transform:translateX(calc(var(--index,0)*100%));transition:transform .3s var(--ease)}.seg-lens::before{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff12,0 3px 8px #0001;background:color-mix(in srgb,var(--muted) 20%,var(--raised))}.task-card{padding:17px}.task-card p{font-size:11px;margin-top:5px}.task-head{display:flex;gap:11px;align-items:flex-start}.task-card .primary,.task-card .secondary{min-height:37px;padding:8px 12px;font-size:11px}.task-actions{display:flex;align-items:center;gap:12px;margin-top:17px}.task-actions .primary,.task-actions .secondary{width:auto;flex:1}.reward{font-size:10px;color:var(--accent);background:var(--tint);padding:6px 10px;border-radius:20px;white-space:nowrap}.note{font-size:10px;line-height:1.6;color:var(--muted);padding:14px 4px}.invite-card{background:var(--tint);border-radius:23px;padding:17px;margin:14px 0}.invite-card p{font-size:11px;margin:4px 0 16px}.invite-card .ico{color:var(--accent)}.friend-row{padding:14px;display:flex;align-items:center;gap:10px;border-radius:19px;background:var(--card);border:1px solid var(--line)}.friend-row h3{font-size:12px}.friend-row small{font-size:9px}.friend-row .amount{font-size:11px;color:var(--accent);font-weight:650;text-align:right}.friend-row .avatar{width:32px;height:32px;font-size:12px}.friend-row .amount small{display:block;font-weight:400;margin-top:4px}.wallet-hero{padding:22px 20px 24px;position:relative;overflow:hidden}.wallet-hero::after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-30px;top:-25px;background:var(--accent);opacity:.055;filter:blur(18px)}.wallet-number{font-size:40px;line-height:1.3;font-weight:740;letter-spacing:-1.2px;margin:8px 0 0}.wallet-hero>.caption{font-size:11px;letter-spacing:.1px;text-transform:none}.wallet-hero .currency{font-size:12px;color:var(--muted);margin:1px 0 23px}.pending-pill{font-size:10px;color:var(--warn);margin-top:12px;display:flex;align-items:center;gap:6px}.pending-pill .ico{width:13px;height:13px}.history-title{margin:24px 2px 7px}.history-title h2{font-size:16px}.tx-row{display:flex;align-items:center;gap:10px;padding:14px 12px;width:100%;background:var(--card);border-radius:18px;text-align:left}.tx-row strong{font-size:11px;display:block}.tx-row small{font-size:9px;display:block;margin-top:4px}.tx-row .icon-box{height:32px;width:32px;border-radius:10px}.tx-row .icon-box .ico{width:17px;height:17px}.tx-row .tx-amount{text-align:right;white-space:nowrap;font-size:12px;font-weight:650}.profile-card{display:flex;gap:13px;align-items:center}.profile-card .avatar{width:54px;height:54px;font-size:18px}.profile-card h2{font-size:22px}.profile-card .tag{font-size:9px;margin-top:7px}.profile-card .account-id{align-self:flex-end;font-size:9px;color:var(--muted);white-space:nowrap}.section-title{margin:21px 2px 10px;font-size:14px;font-weight:650}.definition{padding:4px 16px}.kv{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.kv:last-child{border-bottom:0}.kv>span:first-child{color:var(--muted)}.kv>strong{text-align:right;overflow-wrap:anywhere}.settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;text-align:left;border-bottom:1px solid var(--line);min-height:55px}.settings-row:last-child{border:0}.settings-row strong{font-size:12px;display:block}.settings-row small{font-size:10px}.settings-row>.ico{width:16px;color:var(--muted)}.switch{width:34px;height:20px;border-radius:20px;background:var(--raised);padding:3px;flex-shrink:0}.switch::after{content:"";display:block;height:14px;width:14px;background:var(--muted);border-radius:50%;transition:transform .2s}.switch.on{background:var(--tint)}.switch.on::after{background:var(--accent);transform:translateX(14px)}
.overlay{position:absolute;inset:0;z-index:40;background:#0008;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:flex-end;animation:veil .2s}.sheet{background:var(--bg);border:1px solid #ffffff1a;border-bottom:0;border-radius:30px 30px 0 0;width:100%;max-height:94%;display:flex;flex-direction:column;box-shadow:0 -15px 70px #0005;animation:sheet-up .3s var(--ease);position:relative;overflow:hidden}.sheet::before{content:"";display:block;width:34px;height:4px;min-height:4px;border-radius:5px;background:var(--muted);opacity:.3;margin:10px auto 0}.sheet-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 22px 14px;flex-shrink:0}.sheet-header h2{font-size:19px}.close-button{width:32px;height:32px;display:grid;place-items:center;background:var(--raised);border-radius:50%;color:var(--muted);flex-shrink:0}.close-button .ico{height:16px;width:16px}.sheet-body{overflow:auto;padding:0 22px 10px;overscroll-behavior:contain;scrollbar-width:thin}.sheet-footer{flex-shrink:0;padding:14px 22px 23px;display:grid;gap:6px;background:var(--bg);border-top:1px solid var(--line)}.sheet-footer .note{text-align:center;padding:3px 0 0;font-size:9px}.step-line{display:flex;align-items:center;gap:5px;margin-bottom:19px}.step-line span{height:3px;background:var(--raised);border-radius:4px;flex:1}.step-line span.filled{background:var(--accent)}.step-caption{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:9px}.power-card{background:var(--card);padding:18px;border-radius:22px}.power-top{display:flex;align-items:center;justify-content:space-between}.power-top strong{font-size:38px;letter-spacing:-1.1px}.power-top span{font-size:12px;color:var(--muted);margin-left:6px}.preview-device{width:80px;height:100px;object-fit:contain}.range{width:100%;height:26px;accent-color:var(--accent);cursor:pointer;margin:12px 0 0}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.presets{display:flex;gap:7px;margin:12px 0 17px}.presets button{flex:1;min-height:36px;border-radius:20px;background:var(--card);font-size:11px}.presets button.selected{background:var(--tint);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.payment-option{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:19px;width:100%;text-align:left;background:var(--card);margin-bottom:9px}.payment-option.active{border-color:var(--accent);background:var(--tint)}.payment-option h3{font-size:12px}.payment-option p{font-size:10px;margin-top:3px}.radio{width:15px;height:15px;border:1px solid var(--muted);border-radius:50%;position:relative}.active .radio{border-color:var(--accent)}.active .radio::after{content:"";position:absolute;inset:3px;background:var(--accent);border-radius:50%}.amount-summary{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:20px;background:var(--card);margin-bottom:18px}.amount-summary strong{font-size:27px;letter-spacing:-.5px}.amount-summary small{margin-left:5px}.alert{padding:12px 13px;border-radius:15px;background:var(--raised);display:flex;align-items:flex-start;gap:9px;font-size:11px;color:var(--muted);line-height:1.55}.alert .ico{width:17px;height:17px;color:var(--accent);margin-top:2px}.status-orb{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:18px auto 22px;background:var(--tint);color:var(--accent);box-shadow:0 0 34px color-mix(in srgb,var(--accent) 9%,transparent)}.status-orb .ico{width:32px;height:32px;stroke-width:1.4}.status-orb.success{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--card))}.status-orb.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--card))}.status-orb.waiting{color:var(--warn);background:color-mix(in srgb,var(--warn) 9%,var(--card))}.result-title{font-size:21px;text-align:center;margin:0 0 10px}.result-copy{text-align:center;font-size:12px;line-height:1.6;margin-bottom:24px}.spinner{height:25px;width:25px;border:2px solid color-mix(in srgb,var(--accent) 20%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;display:block}.status-orb .spinner{width:32px;height:32px}.field{margin:14px 0}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.input-wrap{position:relative}.field input,.field select,.field textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px;color:var(--text);min-height:49px;font-size:14px}.field input.amount-input{font-size:24px;font-weight:650;padding-right:65px}.input-suffix{position:absolute;right:15px;top:19px;color:var(--muted);font-size:11px}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.65}.field input[aria-invalid=true]{border-color:var(--danger)}.field .field-error{font-size:10px;color:var(--danger);margin-top:6px;min-height:0}.text-button{color:var(--accent);font-size:10px;padding:8px 0;min-height:30px}.field .between label{margin-bottom:0}.form-error{font-size:11px;color:var(--danger);margin:10px 0}.copy-field{display:flex;align-items:center;gap:8px;background:var(--raised);padding:12px;border-radius:15px;min-width:0;margin:16px 0}.copy-field code{font-size:11px;word-break:break-all;flex:1}.copy-field button{color:var(--accent);padding:7px}.copy-field .ico{width:18px}.steps{counter-reset:step}.instruction{display:flex;gap:11px;margin:16px 0}.instruction::before{counter-increment:step;content:counter(step);width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;font-size:11px;border-radius:50%;background:var(--tint);color:var(--accent)}.instruction h3{font-size:12px}.instruction p{font-size:11px;margin-top:3px}.empty{text-align:center;padding:32px 15px}.empty .status-orb{height:60px;width:60px;margin-top:0}.empty h3{font-size:15px}.empty p{font-size:12px;margin-top:8px;line-height:1.65}.empty .primary{margin-top:23px}.theme-option{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:17px;margin:9px 0;padding:13px;width:100%;text-align:left}.theme-option.selected{border-color:var(--accent)}.theme-swatch{height:35px;width:35px;border-radius:11px;display:grid;place-items:center;box-shadow:0 0 0 1px #ffffff14}.theme-swatch span{height:13px;width:13px;border-radius:50%;box-shadow:0 0 12px currentColor}.theme-option .ico{width:17px;color:var(--accent)}.faq-item{background:var(--card);border-radius:17px;padding:15px;margin:9px 0}.faq-item summary{font-size:12px;cursor:pointer;font-weight:600}.faq-item p{font-size:12px;line-height:1.7;margin:12px 0 3px}.prose p{font-size:12px;line-height:1.8;margin-bottom:14px}.prose h3{margin:17px 0 7px}.banner{border-radius:15px;background:color-mix(in srgb,var(--warn) 12%,var(--card));color:var(--warn);font-size:11px;padding:11px 13px;display:flex;align-items:center;gap:8px;margin-bottom:14px}.banner .ico{width:18px}.skeleton{background:linear-gradient(90deg,var(--raised),var(--card),var(--raised));background-size:200% 100%;border-radius:12px;animation:shimmer 1.5s linear infinite}.toast{position:absolute;bottom:105px;left:24px;right:24px;z-index:80;border-radius:17px;padding:13px 15px;background:var(--glass);border:1px solid #ffffff20;backdrop-filter:blur(22px);box-shadow:0 8px 30px #0005;display:flex;align-items:center;gap:9px;font-size:12px;animation:pop .22s var(--ease);pointer-events:none}.toast .ico{width:17px;color:var(--accent)}.toast.error .ico{color:var(--danger)}
.demo-panel{width:235px;align-self:center;color:#b5c0cb;font-size:12px;flex-shrink:0;background:#141a20;border:1px solid #ffffff13;border-radius:22px;overflow:hidden}.demo-panel summary{padding:18px;cursor:pointer;font-size:12px;font-weight:600;list-style:none;display:flex;align-items:center;gap:9px;color:#e6edf3}.demo-panel summary::-webkit-details-marker{display:none}.demo-panel summary .ico{width:18px;height:18px;color:#8aafc1}.demo-panel summary>.ico:last-child{margin-left:auto;width:14px;transition:transform .2s}.demo-panel[open] summary>.ico:last-child{transform:rotate(180deg)}.demo-body{padding:0 18px 18px;max-height:calc(100svh - 170px);overflow:auto;scrollbar-width:thin}.demo-body p{font-size:10px;line-height:1.6;color:#788998;margin:0 0 16px}.demo-group{padding-top:14px;border-top:1px solid #ffffff0a;margin-top:14px}.demo-label{font-size:10px;color:#93a2b0;margin-bottom:8px;display:block}.demo-row{display:flex;gap:5px;flex-wrap:wrap}.demo-body button{background:#252e37;border:1px solid #ffffff07;border-radius:9px;font-size:10px;padding:7px 8px;min-height:32px;flex:1;color:#c7d2dc}.demo-body button.selected{background:#163b4b;color:#63d3ff;border-color:#63d3ff40}.demo-body select{width:100%;min-height:34px;border-radius:9px;background:#252e37;color:#d1d9e1;border:1px solid #ffffff0a;padding:6px 8px;font-size:10px}.demo-body .wide{width:100%;margin-top:7px}.demo-body .danger{color:#f49ba8}.demo-flag{font-size:9px;color:#ebc27a;margin-top:7px;line-height:1.6}.demo-size{color:#788998;font-size:9px;text-align:center;margin-top:14px}.version-mark{font-size:10px;text-align:center;color:var(--muted);margin-top:22px;letter-spacing:1px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{from{opacity:.28}to{opacity:1}}@keyframes stretch{0%,100%{transform:scaleX(1)}45%{transform:scaleX(1.16)}}@keyframes page-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-up{from{transform:translateY(40px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes veil{from{background:#0000;backdrop-filter:blur(0)}to{background:#0008;backdrop-filter:blur(5px)}}@keyframes pop{from{opacity:0;transform:scale(.95) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:1160px){.intro{display:none}.workspace{gap:28px}}@media(max-width:760px){.workspace{padding:22px 16px;flex-direction:column;gap:20px;min-height:100svh}.phone{height:860px;max-height:calc(100svh - 44px)}.demo-panel{width:414px;max-width:100%;align-self:auto}.demo-body{max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-body>p{grid-column:1/-1}.demo-group{margin:0;padding-top:10px}.demo-size{grid-column:1/-1}}@media(max-width:460px){body{background:var(--bg)}.workspace{padding:0;gap:0;background:var(--bg)}.phone{width:100%;border:0;border-radius:0;height:100svh;max-height:none;min-height:570px;box-shadow:none}.topbar{padding-top:max(15px,env(safe-area-inset-top));height:76px;padding-left:20px;padding-right:20px}main{padding-left:16px;padding-right:16px}.heading{margin-top:10px;margin-bottom:19px}.nav-wrap{padding-bottom:calc(15px + env(safe-area-inset-bottom));padding-left:12px;padding-right:12px}.home-indicator{bottom:calc(5px + env(safe-area-inset-bottom)/2)}.demo-panel{width:calc(100% - 32px);margin:20px 16px 26px}.demo-body{gap:12px}.sheet-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.scene{height:214px}.intro{display:none}.balance-chip{min-width:107px}}@media(max-width:375px){.farm-speed{font-size:29px}.scene{height:202px}.balance-chip{font-size:10px;min-width:100px;padding:0 10px}.topbar{gap:6px}.identity{gap:7px}.topbar .avatar{width:32px;height:32px}.farm-card{padding:14px 15px 16px}.nav-wrap{padding-left:10px;padding-right:10px}.bottom-nav button{font-size:8px}.demo-body{grid-template-columns:1fr}.wallet-number{font-size:36px}.sheet-body,.sheet-footer{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.rotor,.led,.vent{animation:none!important}.spinner{animation:spin 2s linear infinite!important}}

/* Compact farm, integrated instrument displays and quiet hardware activity. */
.ico{width:22px;height:22px;stroke-width:1.7;overflow:visible}
.bottom-nav .ico{width:21px;height:21px;stroke-width:1.7}
.bottom-nav button{gap:5px;font-size:9px;font-weight:550}
.bottom-nav button.active .ico{filter:none}
.icon-box .ico{width:20px;height:20px}
.farm-card{padding:8px 12px;border-radius:25px;border:1px solid var(--line);background:var(--card)}
.scene{height:274px;--glow:.035}
.scene::before{inset:20% 12% 0;opacity:.035;filter:blur(20px)}
.scene::after{bottom:5%;opacity:.17;height:8%}




.machine-image{filter:saturate(.55) contrast(.96)}
[data-theme="pearl"] .machine-image{filter:saturate(.48) brightness(1.08)}
[data-theme="midnight"] .machine-image{filter:saturate(.5) hue-rotate(50deg)}
.farm-open{position:absolute;inset:0;width:100%;height:100%;z-index:3;border-radius:25px;border:1px solid transparent}
.farm-open:hover{background:color-mix(in srgb,var(--accent) 2%,transparent)}
.farm-open:focus-visible{outline-offset:-4px}
.power-led{animation:hardware-pulse var(--beat,3.2s) ease-in-out infinite;animation-delay:var(--phase,0s)}
.scene.off svg{filter:none}
.scene.off .machine-image{filter:grayscale(.9) brightness(.65)}
.scene.off .power-led{animation:none;fill:#41524a;opacity:.5}
.scene.off .hardware-number{fill:#77877f}
.scene.off::before{opacity:0}
.hardware-number{font-variant-numeric:tabular-nums}
.farm-details-top{display:flex;gap:11px;align-items:center;margin:4px 0 14px}
.farm-details-top .icon-box{width:42px;height:42px}
.farm-details-top h3{font-size:14px}
.farm-detail-status{display:flex;align-items:center;gap:6px;font-size:10px;margin-top:5px}
.farm-details-speed{font-size:44px;font-weight:650;letter-spacing:-1.4px;margin:16px 0 24px;display:flex;align-items:baseline;gap:10px}
.farm-details-speed>span:last-child{font-size:17px;color:var(--muted);letter-spacing:0;font-weight:450}
.upgrade-btn{margin-top:12px}
.tx-row{display:block;position:relative;padding:10px 12px 5px;border:1px solid var(--line);border-radius:19px}
.tx-open{display:flex;align-items:center;gap:10px;text-align:left;width:100%;min-height:44px;border-radius:10px;padding:0}
.tx-open>.grow{min-width:0}
.tx-open strong{font-size:12px}
.tx-open small{font-size:10px}
.tx-reference{display:flex;margin-left:42px;margin-top:1px;min-height:28px;align-items:center}
.copyable-value{display:inline-flex;align-items:center;gap:2px;max-width:100%;font-weight:450}
.copyable-value code{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);user-select:text;overflow-wrap:anywhere}
.copy-operation{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;padding:5px;color:var(--muted);border-radius:8px;flex-shrink:0;position:relative}
.copy-operation::before{content:"";position:absolute;inset:-7px -3px}
.copy-operation .ico{width:14px;height:14px;stroke-width:1.6}
.copy-operation:hover{color:var(--accent);background:var(--tint)}
.kv .copyable-value code{color:var(--text);font-size:11px}
.kv .copy-operation{margin-right:-5px}
.kv .copy-operation .ico{width:16px;height:16px}
@keyframes hardware-pulse{0%,100%{opacity:.42}28%{opacity:1}47%{opacity:.75}65%{opacity:.42}}
@media(max-width:460px){.scene{height:264px}.farm-card{padding:6px 10px}.heading{margin-bottom:16px}.link-card.space{margin-top:12px}}
@media(max-width:375px){.scene{height:246px}.farm-details-top h3{font-size:12px}.farm-details-top .tag{font-size:9px;padding:4px 7px}}
@media(prefers-reduced-motion:reduce){.power-led{animation:none!important;opacity:.85}}

/* Filled navigation and controls, matching the approved icon reference. */
.ico{fill:currentColor;stroke:none;stroke-width:0}
.bottom-nav .ico{width:21px;height:21px;stroke:none;stroke-width:0}
.icon-box .ico,.copy-operation .ico,.kv .copy-operation .ico{stroke:none;stroke-width:0}
.bottom-nav button{color:color-mix(in srgb,var(--text) 42%,var(--bg))}
.bottom-nav button.active{color:var(--accent)}
/* A / precision metalwork and layered hexadecimal motion. */
.farm-card{padding:8px 8px 12px;border-radius:25px;min-width:0}
.scene{height:auto;aspect-ratio:1.86;max-width:100%;contain:layout paint;isolation:isolate;--hash-rise:58s}
.scene::before{inset:28% 10% 13%;opacity:.025;filter:blur(13px);z-index:0}
.scene::after{display:none}
.equipment{z-index:2;transition:opacity 300ms var(--ease),transform 320ms var(--ease);transform:translateY(4px) scale(.97)}
.equipment.active{transform:none}
.equipment .miner-art,.equipment[data-stage] .miner-art{width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden}
.miner-art text{user-select:none}
.machine-image,[data-theme=pearl] .machine-image,[data-theme=midnight] .machine-image{filter:none}
.screen-ink{transition:opacity 280ms}
.power-led{animation:hardware-pulse var(--beat,3.1s) ease-in-out infinite;animation-delay:var(--phase,0s)}
.led-aura{opacity:.08;animation:led-aura 3.7s ease-in-out infinite}
.vent-glimmer{opacity:.08;animation:vent-glimmer var(--beat,4s) ease-in-out infinite;animation-delay:var(--phase,0s)}
.oled-hash-track{animation:oled-scroll var(--oled-period,12s) linear infinite;animation-delay:var(--phase,0s)}
.hash-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;color:color-mix(in srgb,var(--accent) 45%,var(--muted));opacity:.26;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);user-select:none}
.hash-rise{width:100%;animation:hash-up var(--hash-rise,58s) linear infinite;will-change:transform}
.hash-batch{height:208px}
.hash-row{height:26px;overflow:visible;white-space:nowrap;font:9px/26px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.25px}
.hash-run{display:flex;width:max-content;opacity:var(--row-opacity,.8);animation:hash-across var(--hash-drift,36s) linear infinite;animation-delay:var(--hash-phase,0s)}
.hash-run span{flex:none;display:block;white-space:pre}
.hash-right{animation-direction:reverse}
.hash-falloff{position:absolute;inset:0;background:radial-gradient(ellipse 47% 34% at 50% 51%,var(--card) 30%,transparent 100%);opacity:.8}
[data-theme=pearl] .hash-field{opacity:.22;color:#658b9c}
.scene.off .miner-art{filter:saturate(.4) brightness(.79)}
.scene.off .machine-image{filter:none}
.scene.off .screen-ink{opacity:.3}
.scene.off .power-led,.scene.off .led-aura,.scene.off .vent-glimmer{animation:none;opacity:.08}
.scene.off .hash-field{opacity:.05}
.scene.off .hash-rise,.scene.off .hash-run,.scene.off .oled-hash-track{animation-play-state:paused}
.preview-device{width:146px;height:85px;max-width:48%;flex-shrink:0;overflow:hidden}
.preview-device .miner-art{width:100%;height:100%;overflow:hidden}
.preview-device *{animation:none!important}
.power-top>div:first-child{min-width:0}
.farm-open{border-radius:inherit}
.farm-open:focus-visible{outline-offset:-5px}
@keyframes hash-up{to{transform:translateY(-50%)}}
@keyframes hash-across{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes oled-scroll{from{transform:translateX(0)}to{transform:translateX(-240px)}}
@keyframes led-aura{0%,100%{opacity:.05}45%{opacity:.14}}
@keyframes vent-glimmer{0%,100%{opacity:.025}50%{opacity:.12}}
@media(max-width:460px){.scene{height:auto}.farm-card{padding:8px 8px 12px}}
@media(max-width:375px){.scene{height:auto}.farm-card{padding:6px 6px 10px}.preview-device{width:127px}.hash-row{font-size:8px;letter-spacing:1.15px}}
@media(prefers-reduced-motion:reduce){.hash-rise,.hash-run,.oled-hash-track,.power-led,.led-aura,.vent-glimmer{animation:none!important}.equipment{transition:none!important}.hash-field{opacity:.12}.power-led{opacity:.85}.scene.off .power-led{opacity:.08}.hash-rise{will-change:auto}}

/* One uninterrupted canvas beneath the complete app, including its topbar. */
.phone{isolation:isolate}
.app-shell{position:relative;z-index:1}
.content-viewport{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate}
.content-viewport>main{height:100%;width:100%;position:relative;z-index:1;background:transparent}
.section-ambient{--section-tint:#a1b7c5;--accent-share:32%;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;contain:strict;color:color-mix(in srgb,var(--accent) var(--accent-share),var(--section-tint));transition:color 400ms ease}
.section-ambient[data-section=tasks]{--section-tint:#9caccc;--accent-share:38%}
.section-ambient[data-section=friends]{--section-tint:#aca2d5;--accent-share:24%}
.section-ambient[data-section=wallet]{--section-tint:#c3b99e;--accent-share:28%}
.section-ambient[data-section=profile]{--section-tint:#ba9dc7;--accent-share:18%}
.atmosphere-scene{width:100%;height:100%;display:block;overflow:visible;transform:translate3d(0,var(--ambient-scroll-y,0px),0);animation:atmosphere-appear 440ms var(--ease) both}
.section-ambient[data-scroll-mode=scroll] .atmosphere-scene{will-change:transform}
.demo-body .demo-help{margin:8px 0 0;font-size:10px;line-height:1.5;color:#8b9aaa}
.atmosphere-primary{animation:atmosphere-float 34s ease-in-out infinite alternate;animation-delay:-8s}
.atmosphere-light{animation:atmosphere-light-drift 48s ease-in-out infinite alternate;animation-delay:-12s}
.atmosphere-secondary{animation:atmosphere-secondary-drift 52s ease-in-out infinite alternate;animation-delay:-22s}
.section-ambient[data-section=friends] .atmosphere-primary{animation-duration:39s;animation-delay:-17s}
.section-ambient[data-section=wallet] .atmosphere-primary{animation-duration:43s;animation-delay:-5s}
.section-ambient[data-section=profile] .atmosphere-primary{animation-duration:37s;animation-delay:-14s}
[data-theme=pearl] .section-ambient{--accent-share:24%;opacity:.83}
.page{animation:none}
.page.page-enter{animation:page-in 280ms var(--ease)}
@keyframes atmosphere-float{from{transform:translate(3px,-7px)}to{transform:translate(-7px,15px)}}
@keyframes atmosphere-light-drift{from{transform:translate(5px,-6px)}to{transform:translate(-6px,12px)}}
@keyframes atmosphere-secondary-drift{from{transform:translate(-5px,-12px)}to{transform:translate(6px,19px)}}
@keyframes atmosphere-appear{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.atmosphere-primary,.atmosphere-light,.atmosphere-secondary{animation:none!important;transform:none}.atmosphere-scene,.page.page-enter{animation:none!important}}