:root{color-scheme:dark;--bg:#090a0c;--panel:#111317;--panel2:#15181d;--line:#242830;--muted:#8b929d;--text:#f2f4f6;--green:#b8f36b;--green2:#8fce45;--red:#ff6d6d;--amber:#f2b85b;--blue:#8dc9ff;--r:14px;--shadow:0 18px 50px #0007}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 18% -5%,#2c3d2040,transparent 35%),radial-gradient(ellipse at 88% 8%,#16283a30,transparent 27%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1440px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:#0c0e11eF;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.topbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:205px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--green);border-radius:11px;color:#14180d;font-size:19px;font-weight:900;box-shadow:0 0 24px #b8f36b20}.brand-name{font-weight:850;letter-spacing:.08em;font-size:15px}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:.17em;text-transform:uppercase;margin-top:2px}.nav{display:flex;gap:5px;padding:4px;border:1px solid var(--line);background:#0a0b0d;border-radius:11px}.nav button{background:none;color:var(--muted);border:0;padding:9px 13px;border-radius:8px;font-size:12px;font-weight:700}.nav button:hover,.nav button.active{background:#1b1e22;color:var(--text)}.nav button.active{box-shadow:inset 0 0 0 1px #ffffff0c}.top-actions{display:flex;align-items:center;gap:9px}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px 13px;border-radius:9px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.16s}.btn:hover{border-color:#525a65;background:#1b1f24;transform:translateY(-1px)}.btn.primary{background:var(--green);border-color:var(--green);color:#11150b}.btn.primary:hover{background:#c9fb83}.btn.ghost{background:transparent}.btn.small{font-size:11px;padding:7px 10px}.btn.donate{border-color:#62502d;color:#f5c878;background:#17140f}.btn.donate:hover{border-color:#ba9047;background:#211b10}.btn.danger{color:var(--red)}.icon{width:16px;height:16px;display:inline-block;flex:none}.hero{padding:27px 0 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:.19em;font-weight:800}.hero h1{font-size:clamp(24px,3.2vw,36px);line-height:1.05;margin:7px 0 7px;letter-spacing:-.04em}.hero p{margin:0;color:var(--muted);font-size:13px}.hero-badge{color:#b9c1cb;font-size:11px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;white-space:nowrap}.view{display:none}.view.active{display:block}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:17px;align-items:start}.panel{background:linear-gradient(145deg,#15181c,#101216 70%);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:17px 18px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;gap:10px}.step{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#b8f36b16;color:var(--green);font-size:11px;font-weight:850}.panel-head h2{font-size:14px;margin:0;letter-spacing:.01em}.panel-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.panel-body{padding:14px}.row-stack{display:grid;gap:10px}.item-row{border:1px solid #282d34;background:#101216;border-radius:12px;padding:12px;display:grid;gap:10px}.row-top{display:grid;grid-template-columns:minmax(0,1fr) 98px 98px 30px;gap:8px;align-items:center}.item-choice{display:flex;min-width:0;align-items:center;gap:8px}.field{width:100%;min-width:0;background:#0a0c0f;border:1px solid #2a2f37;color:var(--text);border-radius:8px;padding:10px 11px;outline:none;font-size:12px}.field:focus{border-color:#9ccc5b;box-shadow:0 0 0 3px #b8f36b13}.field::placeholder{color:#626a75}.name-field{padding-right:32px}.name-wrap{position:relative;min-width:0;flex:1}.search-pick{position:absolute;right:5px;top:22px;width:28px;height:28px;display:grid;place-items:center;border:0;color:#b6c1ce;background:transparent;border-radius:6px}.search-pick:hover{background:#ffffff10;color:var(--green)}.currency-field{position:relative}.currency-field .field{padding-left:25px;text-align:right;font-variant-numeric:tabular-nums}.currency-mark{position:absolute;left:9px;top:25px;color:#69727d;font-size:12px;pointer-events:none}.remove{width:30px;height:34px;border:0;border-radius:8px;background:transparent;color:#626a74;font-size:18px}.remove:hover{background:#ff6d6d13;color:var(--red)}.field-label{font-size:9px;color:#707985;letter-spacing:.1em;text-transform:uppercase;font-weight:800;margin:0 0 5px 2px}.row-market{display:flex;justify-content:space-between;align-items:center;gap:8px}.market-hint{color:#707985;font-size:10px}.market-hint strong{color:#a9c9a0;font-weight:700}.market-btn{padding:6px 8px;font-size:10px}.empty{padding:27px 15px;text-align:center;border:1px dashed #30353d;border-radius:11px;color:var(--muted);font-size:12px}.empty strong{display:block;color:#d3d7dc;font-size:13px;margin-bottom:4px}.side-card{padding:16px;border:1px solid #2b3139;border-radius:12px;background:#0d0f12}.side-card+.side-card{margin-top:11px}.side-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.side-title h3{font-size:12px;margin:0}.pill{padding:5px 8px;border:1px solid #3b482d;background:#202a18;color:var(--green);border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.bonus-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.checkline{display:flex;align-items:flex-start;gap:9px;color:#d9dde2;font-size:12px;font-weight:650}.checkline input{accent-color:var(--green);width:15px;height:15px;margin:1px 0 0}.checkline small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:3px}.bonus-amount{color:var(--green);font-size:20px;font-weight:850;font-variant-numeric:tabular-nums}.progress{height:6px;background:#252a30;border-radius:20px;overflow:hidden;margin:13px 0 8px}.progress>span{height:100%;width:0;display:block;background:linear-gradient(90deg,var(--green2),#d8ff9b);border-radius:20px;transition:width .2s}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tier{border:1px solid #282d32;border-radius:8px;text-align:center;padding:8px 4px;color:#848c97;font-size:9px}.tier strong{display:block;font-size:11px;color:#dfe5ea;margin-top:2px}.tier.reached{border-color:#617d3b;background:#1a2314;color:var(--green)}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:11px;border:1px solid #262b32;border-radius:9px;background:#111418}.metric span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;font-size:17px;font-variant-numeric:tabular-nums;margin-top:4px;letter-spacing:-.02em}.metric.emphasis{border-color:#455d2b;background:#192114}.metric.emphasis strong{color:var(--green)}.formula-note{color:#78818c;font-size:10px;margin:9px 1px 0;line-height:1.5}.targets{display:grid;gap:10px}.target-row{border:1px solid #283039;border-radius:12px;padding:12px;background:#101317}.target-row .row-top{grid-template-columns:minmax(0,1fr) 100px 100px 30px}.charm-line{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:end;gap:9px;padding-top:3px;border-top:1px solid #252a30}.charm-control{display:flex;gap:7px;min-width:0;flex-wrap:wrap}.charm-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;color:#d7dde4}.charm-price{width:120px}.row-result{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #282e34;padding-top:9px;color:var(--muted);font-size:10px}.row-result strong{font-size:13px;color:var(--text);font-variant-numeric:tabular-nums}.row-result .positive{color:var(--green)}.row-result .negative{color:var(--red)}.savebar{margin:17px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid #384628;border-radius:14px;background:linear-gradient(100deg,#172012,#11150e 55%,#121511);box-shadow:0 10px 34px #0005}.savebar-copy strong{display:block;font-size:13px}.savebar-copy span{color:#919a85;font-size:10px}.savebar-actions{display:flex;align-items:center;gap:9px}.unlock-select{min-width:176px}.unlock-select .field{padding:10px 12px}.unlock-label{font-size:9px;color:#929b89;text-transform:uppercase;letter-spacing:.11em;font-weight:800;margin-bottom:5px}.data-strip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 1px 28px;color:#757e89;font-size:10px}.data-strip a{color:#c5d0b7}.view-heading{padding:24px 0 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.view-heading h1{font-size:27px;letter-spacing:-.04em;margin:5px 0}.view-heading p{margin:0;color:var(--muted);font-size:12px}.history-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.history-controls label{display:block}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.history-list{display:grid;gap:10px;padding:14px}.trade-card{border:1px solid #2a3038;background:#101317;border-radius:12px;overflow:hidden}.trade-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #272c33}.trade-title{display:flex;align-items:center;gap:10px;min-width:0}.trade-date{color:#929ba6;font-size:10px}.trade-title strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-profit{text-align:right;font-size:16px;font-weight:850;font-variant-numeric:tabular-nums}.trade-profit.positive{color:var(--green)}.trade-profit.negative{color:var(--red)}.trade-body{padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:12px}.trade-items{display:grid;gap:7px;color:#c3cad2;font-size:11px}.trade-section-label{font-size:9px;font-weight:850;letter-spacing:.12em;color:#82906f;margin:8px 0 1px}.trade-item{display:flex;align-items:center;gap:8px}.trade-item img{width:35px;height:28px;object-fit:contain;background:#171b20;border-radius:5px}.trade-item small{display:block;color:#7f8893;font-size:9px}.trade-meta{text-align:right;color:#87909a;font-size:10px;line-height:1.8}.trade-meta strong{color:#dce2e8}.trade-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:#0c0e11;border-top:1px solid #242a30}.unlock-state{font-size:10px;color:#b8d89a}.trade-actions{display:flex;gap:6px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:8px 0 26px}.guide-card{padding:18px;background:linear-gradient(145deg,#15181c,#101216);border:1px solid var(--line);border-radius:13px}.guide-card h2{font-size:14px;margin:0 0 9px}.guide-card p,.guide-card li{font-size:11px;line-height:1.7;color:#a3abb4}.guide-card p{margin:0}.guide-card ul{padding-left:17px;margin:8px 0 0}.formula{display:block;border:1px solid #30363d;background:#0b0d10;border-radius:8px;padding:10px 12px;margin:10px 0;color:#d7e5c5;font:11px/1.6 ui-monospace,Consolas,monospace}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#000a;display:none;place-items:center;padding:20px;backdrop-filter:blur(6px)}.modal-backdrop.open{display:grid}.modal{width:min(760px,100%);max-height:min(82vh,760px);display:flex;flex-direction:column;background:#121519;border:1px solid #343b44;border-radius:16px;box-shadow:0 30px 100px #000b;overflow:hidden}.modal-head{padding:15px 17px;border-bottom:1px solid #292f36;display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-head h2{font-size:14px;margin:0}.modal-controls{padding:12px 15px;display:grid;grid-template-columns:170px 1fr;gap:8px;border-bottom:1px solid #252b32}.modal-results{padding:12px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-item{display:flex;align-items:center;gap:11px;text-align:left;padding:10px;background:#171b20;border:1px solid #2b3139;border-radius:10px;color:var(--text);min-width:0}.catalog-item:hover{border-color:#80985d;background:#20271b}.catalog-img{width:76px;height:52px;object-fit:contain;flex:none;background:#101216;border-radius:7px}.catalog-copy{min-width:0}.catalog-copy strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-copy small{font-size:9px;color:#939ca7;display:block;margin-top:4px}.modal-status{padding:12px;color:var(--muted);font-size:11px;text-align:center;grid-column:1/-1}.toast{position:fixed;z-index:80;right:22px;bottom:22px;max-width:min(420px,calc(100% - 44px));padding:12px 15px;border:1px solid #3e4f2e;background:#182114;color:#dcf5bd;border-radius:10px;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{border-top:1px solid #1e2228;padding:15px 0 24px;color:#727b86;font-size:10px}footer .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}footer a{color:#aab89b}.history-empty-container{margin:14px}
    @media(max-width:1000px){.workspace{grid-template-columns:1fr}.topbar-inner{flex-wrap:wrap;padding:12px 0}.brand{min-width:unset}.hero{padding-top:22px}.target-row .row-top{grid-template-columns:minmax(0,1fr) 1fr 1fr 30px}}
    @media(max-width:640px){.wrap{width:min(100% - 24px,1440px)}.topbar-inner{gap:10px}.brand-name{font-size:13px}.brand-mark{width:34px;height:34px}.nav{order:3;width:100%;justify-content:space-between}.nav button{flex:1;padding:8px 5px;font-size:10px}.top-actions{margin-left:auto}.top-actions .btn{padding:8px 9px;font-size:10px}.top-actions .hide-mobile{display:none}.hero{align-items:flex-start;flex-direction:column;gap:12px}.hero-badge{font-size:10px}.panel-head{padding:14px}.panel-body{padding:10px}.row-top,.target-row .row-top{grid-template-columns:1fr 1fr 30px;gap:7px}.row-top .name-wrap{grid-column:1/-1;grid-row:1}.row-top .currency-field:nth-of-type(2){grid-column:1}.row-top .currency-field:nth-of-type(3){grid-column:2}.row-top .remove{grid-column:3;grid-row:2}.charm-line{grid-template-columns:1fr 100px}.charm-price{width:100px}.market-hint{font-size:9px}.market-btn{padding:6px}.bonus-top{align-items:center}.tiers{gap:4px}.tier{font-size:8px}.tier strong{font-size:10px}.summary-grid{gap:6px}.metric{padding:9px}.metric strong{font-size:15px}.savebar{align-items:stretch;flex-direction:column;padding:13px}.savebar-actions{align-items:stretch;flex-direction:column}.unlock-select{width:100%}.savebar-actions>.btn{min-height:40px}.view-heading{align-items:flex-start;flex-direction:column}.history-stats{gap:6px}.history-stats .metric{padding:8px}.history-stats .metric strong{font-size:14px}.trade-head{align-items:flex-start}.trade-body{grid-template-columns:1fr}.trade-meta{text-align:left;display:flex;gap:13px;flex-wrap:wrap}.guide-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal{max-height:90vh}.modal-controls{grid-template-columns:1fr}.modal-results{grid-template-columns:1fr}.catalog-img{width:68px}.data-strip{align-items:flex-start;flex-direction:column}}

    /* Revised calculator layout and always-visible save dock */
    .hero{padding:30px 0 24px}.hero h1{font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:-.055em}.hero p{font-size:13px;max-width:570px}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.workspace>section:nth-child(3){grid-column:1/-1}.workspace>section:nth-child(3) .panel-body{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:14px}.workspace>section:nth-child(3) .side-card+.side-card{margin-top:0}.panel{border-radius:16px;background:linear-gradient(150deg,#171a1f,#101216 72%);box-shadow:0 14px 44px #0005}.panel-head{padding:18px 20px 15px}.panel-head h2{font-size:15px}.panel-body{padding:16px}.item-row{padding:14px;border-color:#2b3139;background:linear-gradient(160deg,#14171b,#101216);border-radius:13px}.item-row:focus-within{border-color:#46583a;box-shadow:0 0 0 1px #b8f36b12}.field{min-height:40px;border-radius:9px}.field-label{font-size:9px;letter-spacing:.12em}.target-row .row-top{grid-template-columns:minmax(0,1fr) 112px 112px 30px}.row-top{grid-template-columns:minmax(0,1fr) 112px 112px 30px;gap:10px}.row-market{padding-top:1px}.market-hint{font-size:10px}.charm-question{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);align-items:center;gap:14px;padding-top:2px}.charm-question .field-label{margin:0}.charm-included{font-weight:700}.charm-line{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:end;padding:12px;border:1px solid #343c2e;background:#171d13;border-radius:11px}.charm-line[hidden]{display:none}.charm-control{display:flex;gap:7px;min-width:0;flex-wrap:wrap}.charm-pick{flex:1;min-width:140px;justify-content:flex-start}.charm-name{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charm-warning{font-size:10px;color:#ffcf79;margin:7px 1px 0}.charm-warning[hidden]{display:none}.row-result{padding-top:11px;font-size:11px}.row-result strong{font-size:14px}.line-profit.warning{color:var(--amber);font-size:10px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.metric{border-radius:11px;padding:13px;background:#121519}.metric span{font-size:9px;letter-spacing:.09em}.metric strong{font-size:18px}.metric.emphasis{background:linear-gradient(130deg,#202c19,#171d13);border-color:#526a36}.side-card{border-radius:13px;padding:17px;background:#0c0f12}.side-title h3{font-size:13px}.bonus-amount{font-size:22px}.tiers{gap:8px}.tier{padding:9px 6px;font-size:10px}.tier strong{font-size:12px}.formula-note{font-size:10px}.savebar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:35;margin:0;padding:0 20px;border:0;border-top:1px solid #363e32;border-radius:0;background:#0b0d10f2;backdrop-filter:blur(18px);box-shadow:0 -15px 55px #0008}.savebar-inner{width:min(1440px,100% - 40px);min-height:88px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px}.savebar-copy strong{display:block;font-size:14px}.savebar-copy span{display:block;color:#879080;font-size:10px;margin-top:3px}.savebar-result{min-width:145px;padding-left:20px;border-left:1px solid #30372b}.savebar-result span{display:block;color:#91998d;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:9px}.savebar-result strong{display:block;margin-top:2px;font-size:20px;font-variant-numeric:tabular-nums}.savebar-actions{display:flex;align-items:end;gap:9px}.unlock-select{min-width:174px}.unlock-label{display:block;font-size:9px;color:#969f8e;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin:0 0 5px 2px}.savebar-actions .btn{min-height:40px;white-space:nowrap}.savebar-actions .field{min-height:40px}.view#view-calculator{padding-bottom:130px}
    @media(max-width:1000px){.topbar-inner{gap:12px}.workspace{grid-template-columns:1fr}.workspace>section:nth-child(3){grid-column:auto}.workspace>section:nth-child(3) .panel-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.savebar-inner{gap:14px}.savebar-copy span{max-width:300px}}
    @media(max-width:640px){.wrap{width:calc(100% - 24px)}.hero{padding:22px 0 16px}.hero h1{font-size:32px}.hero-badge{white-space:normal}.workspace{gap:12px}.workspace>section:nth-child(3) .panel-body{grid-template-columns:1fr;gap:10px}.panel-head{align-items:flex-start;padding:14px;gap:8px}.panel-head p{max-width:245px;line-height:1.4}.panel-head .btn{padding:8px 9px;white-space:nowrap}.panel-body{padding:10px}.row-top,.target-row .row-top{grid-template-columns:minmax(0,1fr) minmax(92px,1fr) 30px;gap:7px}.row-top .name-wrap{grid-column:1/-1;grid-row:1}.row-top .currency-field:nth-of-type(2){grid-column:1}.row-top .currency-field:nth-of-type(3){grid-column:2}.row-top .remove{grid-column:3;grid-row:2}.charm-question{grid-template-columns:1fr;gap:5px}.charm-question select{max-width:none}.charm-line{grid-template-columns:minmax(0,1fr) 112px;padding:10px;gap:8px}.charm-price{width:auto}.charm-control{gap:5px}.charm-pick{min-width:0}.charm-name{max-width:145px}.row-result{gap:8px}.row-result span{max-width:50%}.row-result span:last-child{text-align:right}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.metric{padding:10px}.metric strong{font-size:16px}.side-card{padding:13px}.tiers{gap:5px}.tier{font-size:8px;padding:7px 3px}.tier strong{font-size:10px}.savebar{padding:0 12px}.savebar-inner{width:100%;min-height:0;padding:9px 0 10px;grid-template-columns:1fr;gap:7px}.savebar-copy{display:none}.savebar-result{min-width:0;border:0;padding:0;display:flex;justify-content:space-between;align-items:center}.savebar-result span{font-size:8px}.savebar-result strong{font-size:17px;margin:0}.savebar-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7px;align-items:stretch}.unlock-select{min-width:0;width:100%}.unlock-label{display:none}.savebar-actions .field,.savebar-actions .btn{min-height:42px;height:42px;padding:8px;font-size:11px}.view#view-calculator{padding-bottom:142px}.history-controls{width:100%;align-items:end}.history-controls label{flex:1;min-width:130px}.history-controls .btn{flex:1}.trade-body{grid-template-columns:1fr}.trade-meta{text-align:left;display:flex;gap:10px;flex-wrap:wrap}.modal-backdrop{padding:9px}.modal{max-height:92vh}.modal-controls{grid-template-columns:1fr}.modal-results{grid-template-columns:1fr}}
  
    @media(max-width:640px){.row-top>.currency-field:nth-of-type(1){grid-column:1}.row-top>.currency-field:nth-of-type(2){grid-column:2}.toast{bottom:158px}.savebar{padding-bottom:env(safe-area-inset-bottom,0px)}}
    @media(min-width:641px){.view#view-calculator{scroll-margin-top:12px}.savebar{padding-bottom:env(safe-area-inset-bottom,0px)}}
    .line-ratio.warning,.calculation-status.warning{color:var(--amber)}.calculation-status{margin-top:7px}

    /* HaKING TradeCalc visual system: midnight blue, teal and periwinkle */
    :root{color-scheme:dark;--bg:#08111f;--panel:#101a2a;--panel2:#142137;--line:#26364d;--muted:#91a2ba;--text:#edf4ff;--green:#69e5d2;--green2:#36bfae;--accent:#69e5d2;--red:#ff8195;--amber:#ffca82;--blue:#91b4ff;--shadow:0 20px 64px #02081499;--r:18px}
    html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:radial-gradient(ellipse at 12% -8%,#1c375244,transparent 34%),radial-gradient(ellipse at 93% 9%,#184b4940,transparent 27%),var(--bg);color:var(--text)}::selection{background:#69e5d255;color:#fff}
    .topbar{background:#08111fdb;border-bottom-color:#253751;box-shadow:0 8px 30px #02081444}.brand-mark{background:linear-gradient(145deg,#172b42,#0e1929);border:1px solid #42627a;color:var(--accent);box-shadow:inset 0 1px #ffffff16,0 8px 24px #0005}.brand-mark svg{width:31px;height:31px}.brand-mark svg path{fill:none;stroke:#69e5d2;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.brand-mark svg .brand-arrow{stroke:#edfaff;stroke-width:2.8}.brand-name{letter-spacing:.14em}.brand-sub{color:#8da3bd}.nav button{color:#91a2ba;border-radius:9px}.nav button:hover,.nav button.active{color:#f5fbff;background:#ffffff0c}.nav button.active{box-shadow:inset 0 -2px var(--accent)}
    .hero{padding-top:36px}.hero h1{color:#f5f8ff}.hero p{color:#a7b5c8}.eyebrow{color:var(--accent)}.hero-badge{border-color:#31534f;background:#1023208c;color:#c2eee6}.panel{border-color:#263950;background:linear-gradient(148deg,#142137f2,#0d1726f5 72%);box-shadow:0 18px 48px #02081466}.panel-head{border-bottom-color:#26364d}.step{background:#69e5d21a;color:var(--accent);border:1px solid #69e5d222}.panel-head p{color:#91a2ba}.item-row,.target-row{border-color:#2a3b52;background:linear-gradient(150deg,#122034,#0d1725)}.item-row:focus-within,.target-row:focus-within{border-color:#61c9c0;box-shadow:0 0 0 3px #69e5d21a}.field{background:#091321;border-color:#2b405a;color:#eff6ff}.field:focus{border-color:#69e5d2;box-shadow:0 0 0 3px #69e5d220}.field::placeholder{color:#70829a}.field-label{color:#8fa1b8}.currency-mark{color:#8598b0}.search-pick{color:#a6b7ca}.search-pick:hover{color:var(--accent);background:#69e5d214}.btn{border-color:#30435c;background:#142238;color:#eaf2ff;box-shadow:0 5px 16px #02081422}.btn:hover{border-color:#58708f;background:#1a2b42}.btn.primary{background:linear-gradient(120deg,#74ead8,#8ec1ff);border-color:transparent;color:#071522;box-shadow:0 8px 24px #58d7c32b}.btn.primary:hover{background:linear-gradient(120deg,#9af6e7,#b1ceff)}
    .btn.donate{border-color:#66563a;color:#f2d59a;background:#241e14}.btn.donate:hover{border-color:#b79a5d;background:#302719}.pill{background:#112b31;border-color:#2e6264;color:#84eee1}.side-card{border-color:#293d55;background:linear-gradient(150deg,#101c2d,#0c1624)}.checkline{color:#e5eef9}.checkline small{color:#93a5bc}.bonus-amount{color:var(--accent)}.bonus-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.bonus-settings label{display:block;min-width:0}.bonus-settings .field{font-variant-numeric:tabular-nums}.fee-control{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 13px;margin:0 0 12px;border:1px solid #2b4059;border-radius:12px;background:#0b1625}.fee-control>span:first-child strong{display:block;font-size:11px}.fee-control small{display:block;margin-top:4px;color:#91a2ba;font-size:9px;line-height:1.5}.fee-input{position:relative;width:92px;flex:none}.fee-input .field{padding-right:27px;text-align:right}.fee-input>span{position:absolute;right:10px;top:12px;color:#a0b3cb;font-size:11px;pointer-events:none}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric{border-color:#293b52;background:linear-gradient(145deg,#142238,#101b2b);border-radius:12px}.metric span{color:#91a4bd}.metric strong{color:#eff5ff;font-size:16px}.metric.emphasis{border-color:#37716c;background:linear-gradient(130deg,#123b3a,#15263a)}.metric.emphasis strong{color:var(--accent)}.formula-note{color:#90a1b8}.calculation-status{padding:9px 10px;border-left:2px solid #5bc9bb;background:#69e5d20c;border-radius:0 7px 7px 0}.calculation-status.warning,.line-ratio.warning{color:var(--amber);border-color:var(--amber)}.line-profit.warning{color:var(--amber)}.line-market{color:#c6f2e9!important}.line-gross{color:#e3ecfb!important}.line-fee{color:#ffd18f!important}.charm-question{border-color:#293d55}.charm-included{background:#0b1726}.charm-line{border-color:#3a5a58;background:linear-gradient(120deg,#102826,#112032)}.charm-warning{color:var(--amber)}.row-result{border-color:#2b3b51}.row-result strong{color:#edf4ff}.row-result .positive,.positive{color:var(--accent)}.row-result .negative,.negative{color:var(--red)}
    .advice-panel{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 20px;margin:16px 0 3px;border:1px solid #30435c;border-radius:16px;background:linear-gradient(120deg,#15253a,#101b2b);box-shadow:0 10px 28px #02081433}.advice-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#91b4ff18;color:#a8c3ff;font-size:20px;font-weight:900}.advice-copy .eyebrow{font-size:9px}.advice-copy h2{margin:3px 0 3px;font-size:14px}.advice-copy p{margin:0;color:#aab8cb;font-size:11px;line-height:1.65}.advice-badge{white-space:nowrap;padding:6px 9px;border:1px solid #435778;border-radius:99px;color:#bfcef0;background:#91b4ff10;font-size:9px;font-weight:800}.advice-panel.positive{border-color:#31716b;background:linear-gradient(120deg,#102d2d,#101b2b)}.advice-panel.positive .advice-icon{color:var(--accent);background:#69e5d21a}.advice-panel.positive .advice-badge{color:#a5f2e7;border-color:#39796f;background:#69e5d211}.advice-panel.warning{border-color:#755e36;background:linear-gradient(120deg,#302718,#171d2a)}.advice-panel.warning .advice-icon{color:var(--amber);background:#ffca8218}.advice-panel.warning .advice-badge{color:#ffdda8;border-color:#75603c;background:#ffca8210}.advice-panel.negative{border-color:#76404e;background:linear-gradient(120deg,#321c2a,#171a29)}.advice-panel.negative .advice-icon{color:var(--red);background:#ff81951a}.advice-panel.negative .advice-badge{color:#ffc2cc;border-color:#794353;background:#ff819510}
    .savebar{border-top-color:#31514f;background:#08111feF;box-shadow:0 -14px 55px #02081499}.savebar-result{border-color:#304255}.savebar-result span,.savebar-copy span{color:#95a8be}.savebar-result strong{color:var(--accent)}.savebar-actions .field{background:#0b1726}.data-strip{border-color:#273950;color:#91a2ba}.data-strip a,footer a{color:#8de6db}footer{border-color:#24354c;color:#8194ad}
    .history-controls .field{min-width:145px}.history-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.history-stats .metric{min-width:0}.trade-card{border-color:#2a3d55;background:#101b2b;box-shadow:0 8px 28px #02081433}.trade-head{border-color:#293b52}.trade-title .step{background:#142238}.trade-title strong{color:#edf5ff}.trade-date{color:#91a4bd}.trade-profit.positive{color:var(--accent)}.trade-profit.negative{color:var(--red)}.trade-body{background:#0e1928}.trade-section-label{color:#76d8ce}.trade-item{color:#e1eaf6}.trade-item img{background:#15243a}.trade-item small{color:#93a5bc}.trade-meta{color:#9aacc1}.trade-meta strong{color:#e7f0fc}.trade-foot{background:#0a1422;border-color:#26384e}.unlock-state{color:#9ce9dc}.history-empty-container{background:#0d1726}
    .guide-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.guide-step{display:flex;gap:12px;padding:17px 14px;border:1px solid #2a3d55;border-radius:14px;background:linear-gradient(145deg,#142238,#0f1928);min-height:170px}.guide-step>span{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:9px;background:#69e5d217;color:var(--accent);font-size:10px;font-weight:900}.guide-step h2{margin:2px 0 7px;font-size:12px;line-height:1.4}.guide-step p,.guide-card p,.guide-card li{color:#a3b2c6;font-size:11px;line-height:1.75}.guide-step p{margin:0}.guide-step strong,.guide-card strong{color:#eaf4ff}.guide-grid{align-items:start}.guide-card{border-color:#293b53;background:linear-gradient(145deg,#142137,#0e1827);box-shadow:0 10px 28px #02081433}.guide-card h2{color:#f0f6ff}.formula{border-color:#2b4058;background:#0a1523;color:#b9f3e8;white-space:normal}.example-card{grid-row:span 2}.callout-note{padding:10px 12px!important;margin-top:12px!important;border-left:2px solid var(--amber);background:#ffca820c;border-radius:0 8px 8px 0;color:#e9cb9b!important}.faq{padding:10px 0;border-top:1px solid #2b3b50}.faq summary{color:#e8f1fc;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;color:var(--accent);font-size:15px}.faq[open] summary:after{content:'−'}.faq p{padding:6px 10px 0;margin:0}.guide-card>.btn{margin-top:14px}
    .modal-backdrop{background:#020814cc}.modal{border-color:#344861;background:#0f1a2a;box-shadow:0 30px 100px #020814dd}.modal-head,.modal-controls{border-color:#293b52}.catalog-item{border-color:#2d4058;background:#142238}.catalog-item:hover{border-color:#6edfd0;background:#183038}.catalog-img{background:#0b1726}.toast{border-color:#376d68;background:#102b2b;color:#d3fff6}.view-heading h1{color:#f4f7ff}.empty{border-color:#32455e;background:#0d1827}.empty strong{color:#edf5ff}
    :focus-visible{outline:2px solid #79ead9!important;outline-offset:3px}button,a,select{touch-action:manipulation}button:disabled{opacity:.6;cursor:wait;transform:none}.history-controls select{max-width:220px}.history-controls input[type=date]{min-width:150px}
    @media(max-width:1100px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.history-controls{max-width:100%}}
    @media(max-width:760px){.history-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.history-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.history-controls label{min-width:0}.history-controls .field{min-width:0}.history-controls .btn{min-height:40px}.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-step{min-height:unset}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fee-control{align-items:flex-start}.advice-panel{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px}.advice-icon{width:38px;height:38px}.advice-badge{grid-column:2;justify-self:start}.example-card{grid-row:auto}}
    @media(max-width:480px){.hero{padding-top:23px}.hero h1{font-size:31px}.hero-badge{align-self:stretch;text-align:center}.bonus-top{align-items:flex-start}.bonus-settings{gap:7px}.bonus-settings .field{padding:9px}.advice-copy p{font-size:10px}.history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-controls{grid-template-columns:1fr 1fr}.history-controls .btn{padding:8px 6px;font-size:10px}.trade-meta{line-height:1.7}.trade-meta>div{flex-basis:calc(50% - 7px)}.guide-steps{grid-template-columns:1fr}.guide-step{padding:14px}.summary-grid{gap:6px}.metric{padding:9px}.metric span{font-size:8px}.metric strong{font-size:14px}.fee-control{padding:10px}.fee-control small{max-width:210px}.savebar-inner{gap:6px}.savebar-result{align-items:center}.modal-results{padding:9px}.catalog-item{padding:8px}.catalog-img{width:60px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
    .history-chart-panel{margin:0 0 14px}.history-chart{padding:12px 18px 15px;min-height:190px}.profit-chart{display:block;width:100%;height:auto;max-height:250px;overflow:visible}.chart-zero{stroke:#73839a;stroke-opacity:.55;stroke-dasharray:4 5}.chart-bar{transition:opacity .16s}.chart-bar:hover{opacity:.72}.chart-bar.gain{fill:#69e5d2}.chart-bar.loss{fill:#ff8195}.chart-label{fill:#9bacc2;font:11px system-ui,sans-serif}.chart-value{fill:#dce7f5;font:10px system-ui,sans-serif}.chart-empty{margin:0;padding:22px 8px;text-align:center;color:#91a2ba;font-size:11px}
    @media(max-width:640px){.target-row .row-market{flex-wrap:wrap;align-items:flex-start}.target-row .market-hint{width:100%;line-height:1.6}.target-row .market-btn{margin-left:auto}.history-chart{padding:10px 8px}.chart-label{font-size:10px}.chart-value{font-size:9px}}

    /* Obsidian + violet product palette */
    :root{--bg:#100f18;--panel:#191827;--panel2:#211f32;--line:#343149;--muted:#a7a4b9;--text:#f5f3ff;--green:#78e0b8;--green2:#44c898;--accent:#b69aff;--red:#ff829b;--amber:#f3c777;--blue:#a9b8ff;--shadow:0 22px 70px #06050d99}
    body{background:radial-gradient(ellipse at 10% -8%,#674bb52b,transparent 35%),radial-gradient(ellipse at 92% 6%,#6b3c7520,transparent 27%),var(--bg)}::selection{background:#b69aff66;color:#fff}
    .topbar{background:#100f18e8;border-bottom-color:#37334b}.brand-mark{background:linear-gradient(145deg,#30264b,#19172a);border-color:#65528d;color:var(--accent);box-shadow:inset 0 1px #ffffff20,0 8px 24px #0007}.brand-mark svg path{stroke:#c3aaff}.brand-mark svg .brand-arrow{stroke:#f7efff}.brand-sub{color:#aaa3c2}.nav{background:#14131f;border-color:#353148}.nav button{color:#aaa7ba}.nav button:hover,.nav button.active{color:#fbf8ff;background:#ffffff0d}.nav button.active{box-shadow:inset 0 -2px var(--accent)}
    .eyebrow{color:#c2a9ff}.hero h1{color:#fbf8ff}.hero p{color:#b3afc2}.hero-badge{border-color:#49405f;background:#241e35;color:#d9ccf6}.step{background:#b69aff18;color:#c6afff;border-color:#b69aff33}.panel{border-color:#343149;background:linear-gradient(148deg,#1b1a2bfa,#14131ff5 72%);box-shadow:0 18px 50px #06050d80}.panel-head{border-color:#343149}.panel-head p,.field-label{color:#aaa6ba}.item-row,.target-row{border-color:#38354e;background:linear-gradient(150deg,#201e32,#171622)}.item-row:focus-within,.target-row:focus-within{border-color:#8d74c6;box-shadow:0 0 0 3px #b69aff1c}.field{background:#12111c;border-color:#3a3751;color:#f5f2ff}.field:focus{border-color:#b69aff;box-shadow:0 0 0 3px #b69aff20}.field::placeholder{color:#7f7b91}.currency-mark{color:#aaa4bd}.search-pick:hover{color:#c7adff;background:#b69aff16}
    .btn{border-color:#403c57;background:#211f32;color:#f3efff;box-shadow:0 5px 16px #07060d38}.btn:hover{border-color:#76669c;background:#2b2740}.btn.primary{background:linear-gradient(120deg,#bea5ff,#e0c6ff);border-color:transparent;color:#171122;box-shadow:0 8px 25px #a879f52e}.btn.primary:hover{background:linear-gradient(120deg,#d2c0ff,#f0dcff)}.btn.donate{border-color:#705d38;color:#f5d999;background:#2b2417}.btn.donate:hover{border-color:#c2a362;background:#39301d}.skinmonkey-link{border-color:#7760a5;color:#ddceff;background:#211b31}.skinmonkey-link:hover{background:#302443;border-color:#a98cde}
    .pill{background:#2a223c;border-color:#554374;color:#d1bdff}.side-card{border-color:#3a3650;background:linear-gradient(150deg,#1c1a2c,#151420)}.checkline{color:#f0edfa}.checkline small{color:#aaa6ba}.checkline input{accent-color:var(--accent)}.checkline.disabled{opacity:.55}.bonus-amount{color:#c5aaff}.platform-control{display:block;margin:0 0 12px}.platform-control .field{font-weight:700}.bonus-progress-wrap{margin:14px 0 10px}.bonus-progress-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;color:#a8a3b9;font-size:10px}.bonus-progress-label strong{color:#ded3ff;text-align:right;font-variant-numeric:tabular-nums}.bonus-progress{height:9px;overflow:hidden;border-radius:99px;background:linear-gradient(90deg,#28243a,#292634);border:1px solid #48415e}.bonus-progress>span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#8f71dd,#d7b9ff);box-shadow:0 0 15px #b69aff55;transition:width .25s ease}.bonus-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bonus-tier{padding:9px 6px;text-align:center;border:1px solid #3c3851;border-radius:10px;background:#171622;color:#a7a2b5;font-size:9px;transition:.16s}.bonus-tier strong{display:block;margin-top:4px;color:#e9e3f7;font-size:11px}.bonus-tier.reached{border-color:#705c9f;background:linear-gradient(145deg,#2b2240,#201c31);color:#d5c3ff}.bonus-tier.current{box-shadow:inset 0 0 0 1px #b69aff55,0 6px 18px #09071055}.referral-box{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:13px;padding:11px;border:1px solid #4b4165;border-radius:12px;background:linear-gradient(140deg,#272038,#1c1a29)}.referral-box>div strong{display:block;margin:2px 0 0 2px;color:#d5c1ff;font-size:16px;letter-spacing:.08em}.referral-box>small{grid-column:1/-1;color:#aaa5bb;font-size:9px;line-height:1.55}.fee-control{border-color:#403b55;background:#171622}.fee-control small{color:#aaa6ba}.fee-input>span{color:#c0b9cf}
    .summary-grid .metric,.metric{border-color:#38354d;background:linear-gradient(145deg,#211f32,#191825);border-radius:12px}.metric span{color:#aaa6bb}.metric strong{color:#f4f1ff}.metric.emphasis{border-color:#64518e;background:linear-gradient(135deg,#302447,#211d30)}.metric.emphasis strong{color:#d1baff}.formula-note{color:#aaa6b9}.calculation-status{border-color:#8b70cf;background:#b69aff0c}.calculation-status.warning,.line-ratio.warning{color:var(--amber);border-color:var(--amber)}.line-profit.warning{color:var(--amber)}.line-market{color:#a9edcf!important}.line-gross{color:#e8e1f6!important}.line-fee{color:#f0cb84!important}.charm-question{border-color:#3b3750}.charm-included{background:#151420}.charm-line{border-color:#62518a;background:linear-gradient(120deg,#262039,#1c1a2c)}.row-result{border-color:#3b374e}.row-result strong{color:#f0ecfb}.row-result .positive,.positive{color:var(--green)}.row-result .negative,.negative{color:var(--red)}
    .advice-panel{border-color:#403b58;background:linear-gradient(120deg,#242137,#191825)}.advice-panel.positive{border-color:#367a65;background:linear-gradient(120deg,#183329,#191825)}.advice-panel.positive .advice-icon{color:#7be4b8;background:#78e0b81a}.advice-panel.positive .advice-badge{color:#a8f0d0;border-color:#367a65;background:#78e0b812}.advice-panel.warning{border-color:#745d39;background:linear-gradient(120deg,#302719,#1c1a28)}.advice-panel.negative{border-color:#754052;background:linear-gradient(120deg,#321c2b,#1b1827)}.savebar{border-top-color:#51456e;background:#100f18f2;box-shadow:0 -14px 55px #07060dcc}.savebar-result{border-color:#403c56}.savebar-result span,.savebar-copy span{color:#aaa6b9}.savebar-result strong{color:#cbb4ff}.savebar-actions .field{background:#171622}.data-strip{border-color:#37334a;color:#aaa6ba}.data-strip a,footer a{color:#c5a9ff}footer{border-color:#343149;color:#9792a9}
    .trade-card{border-color:#38354e;background:#1a1928;box-shadow:0 8px 28px #07060d55}.trade-head{border-color:#38354e}.trade-title strong{color:#f5f2ff}.trade-date{color:#aaa6ba}.trade-body{background:#171622}.trade-section-label{color:#c0a4ff}.trade-item{color:#ece8f5}.trade-item img{background:#26243a}.trade-item small{color:#aaa6ba}.trade-meta{color:#b1acc0}.trade-meta strong{color:#f0ecfb}.trade-foot{background:#12111c;border-color:#38354e}.unlock-state{color:#c6b0ff}.history-empty-container{background:#171622}.guide-step{border-color:#3a3650;background:linear-gradient(145deg,#211f32,#191825)}.guide-step>span{background:#b69aff1b;color:#c7aeff}.guide-step p,.guide-card p,.guide-card li{color:#b0acc0}.guide-step strong,.guide-card strong{color:#f2effb}.guide-card{border-color:#39354f;background:linear-gradient(145deg,#211f32,#171622);box-shadow:0 10px 28px #07060d55}.guide-card h2{color:#f4f0ff}.formula{border-color:#403a59;background:#14131f;color:#d5c2ff}.callout-note{border-color:var(--amber);background:#f3c7770c;color:#f0d49d!important}.faq{border-color:#39354b}.faq summary{color:#f0edf8}.faq summary:after{color:#c7aeff}
    .modal-backdrop{background:#080711dd}.modal{border-color:#4a4562;background:#191827}.modal-head,.modal-controls{border-color:#39364e}.catalog-item{border-color:#403b55;background:#211f32}.catalog-item:hover{border-color:#a78ce0;background:#2b2540}.catalog-img{background:#14131f}.toast{border-color:#69528d;background:#241e35;color:#e5d9ff}.empty{border-color:#48435c;background:#171622}.empty strong{color:#f0ecfb}.history-chart-panel{border-color:#38354e}.chart-zero{stroke:#9a91ac}.chart-bar.gain{fill:#78e0b8}.chart-bar.loss{fill:#ff829b}.chart-label{fill:#b6b1c4}.chart-value{fill:#eee9fa}
    :focus-visible{outline-color:#c7aeff!important}.row-result .line-gross-profit{color:#d0b8ff}.row-result .line-profit.positive{color:#78e0b8}.row-result .line-profit.negative{color:#ff829b}
    @media(max-width:760px){.referral-box{grid-template-columns:1fr auto}.referral-box>div{grid-column:1/-1}.referral-box>small{grid-column:1/-1}}
    @media(max-width:480px){.bonus-tier{padding:8px 3px;font-size:8px}.bonus-tier strong{font-size:10px}.bonus-progress-label{font-size:9px}.referral-box .btn{font-size:10px;padding:7px}.row-result span:last-child{max-width:64%}}

    /* Public-facing TradeCalc interface: calm light theme and compact workspace */
    :root{color-scheme:light;--bg:#f3f5f9;--panel:#fff;--panel2:#f7f8fb;--line:#e2e6ee;--muted:#687386;--text:#182235;--green:#13845f;--green2:#27a878;--accent:#3157d5;--red:#c34256;--amber:#a56a13;--blue:#3157d5;--shadow:0 10px 28px #17243a0d;--r:14px}
    body{background:linear-gradient(180deg,#f8f9fc 0,#f2f4f8 420px,#f3f5f9 100%);color:#182235}::selection{background:#dce5ff;color:#182235}.topbar{background:#ffffffed;border-bottom-color:#e5e8ef;box-shadow:0 2px 12px #26334d0a}.topbar-inner{min-height:64px}.brand-mark{background:#17243d;border:1px solid #263858;border-radius:12px;box-shadow:0 4px 10px #17243d20}.brand-mark svg path{fill:none;stroke:#88a5ff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.brand-mark svg .brand-bars{fill:#6685eb;stroke:none}.brand-mark svg .brand-arrow{stroke:#dbe4ff;stroke-width:3.2}.brand-name{color:#17243d;letter-spacing:.1em}.brand-sub{color:#778196}.nav{border-color:#e6e9f0;background:#f5f6fa}.nav button{color:#687386}.nav button:hover,.nav button.active{background:#fff;color:#233452}.nav button.active{box-shadow:0 1px 4px #24324a15,inset 0 -2px #3157d5}.top-actions{gap:8px}.hero{padding:17px 0 14px;align-items:center}.hero h1{font-size:clamp(26px,3vw,36px);line-height:1.1;letter-spacing:-.04em;color:#17243d}.hero p{font-size:12px;color:#687386}.eyebrow{color:#3157d5;font-size:9px;letter-spacing:.13em}.hero-badge{border-color:#dfe5ee;background:#fff;color:#556176;font-size:10px}.hero-badge span{color:#13845f;font-size:9px}
    .workspace{grid-template-columns:minmax(0,1.42fr) minmax(370px,.9fr);gap:13px;align-items:start}.workspace>section:nth-child(1){grid-column:1;grid-row:1}.workspace>section:nth-child(2){grid-column:1;grid-row:2}.workspace>section:nth-child(3){grid-column:2;grid-row:1 / span 2;position:sticky;top:76px;align-self:start;max-height:calc(100vh - 174px);overflow:auto;scrollbar-width:thin;scrollbar-color:#d3d9e4 transparent}.workspace>section:nth-child(3) .panel-body{display:block;padding:12px}.workspace>section:nth-child(3) .side-card+.side-card{margin-top:10px}.panel{border-color:#e3e7ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px #17243a0a}.panel-head{border-bottom-color:#edf0f5;padding:13px 15px 11px}.panel-head h2{font-size:13px;color:#1d2b43}.panel-head p{font-size:10px;color:#738095}.step{background:#edf1ff;color:#3157d5;border:1px solid #dfe6ff}.item-row,.target-row{border-color:#e5e9f0;border-radius:11px;background:#fbfcfe;box-shadow:none}.item-row:focus-within,.target-row:focus-within{border-color:#9aafea;box-shadow:0 0 0 3px #3157d510}.field{background:#fff;border-color:#dce2ec;color:#1d293d}.field:focus{border-color:#6480dc;box-shadow:0 0 0 3px #3157d514}.field::placeholder{color:#9aa3b1}.field-label{color:#69768a}.currency-mark{color:#748198}.search-pick{color:#718099}.search-pick:hover{color:#3157d5;background:#edf1ff}.btn{border-color:#dce2ec;background:#fff;color:#24324a;box-shadow:0 1px 2px #24324a08}.btn:hover{border-color:#b9c5d8;background:#f7f8fb}.btn.primary{background:#3157d5;border-color:#3157d5;color:#fff;box-shadow:0 4px 10px #3157d526}.btn.primary:hover{background:#2849bd;border-color:#2849bd}.btn.donate{border-color:#d7dfef;background:#f7f8fc;color:#465b8d}.btn.donate:hover{border-color:#b9c7e6;background:#eef2fa}.side-card{border-color:#e5e9f0;border-radius:12px;background:#fff}.side-title{margin-bottom:10px}.side-title h3{color:#1c2940;font-size:12px}.pill{border-color:#dce4fb;background:#f0f3ff;color:#3658c6}.checkline{color:#27354b;font-size:11px}.checkline input{accent-color:#3157d5}.checkline small{color:#748096;font-size:9px}.bonus-amount{color:#3157d5;font-size:21px}.bonus-progress-wrap{margin:10px 0 8px}.bonus-progress-label{color:#687386}.bonus-progress-label strong{color:#31466e}.bonus-progress{height:7px;border-color:#e1e6f0;background:#edf0f5}.bonus-progress>span{background:linear-gradient(90deg,#3157d5,#7f97e7);box-shadow:none}.bonus-tiers{gap:6px}.bonus-tier{border-color:#e6e9f0;background:#f9fafc;color:#657187;border-radius:8px;padding:6px 5px;font-size:8px}.bonus-tier strong{color:#27354b;font-size:10px}.bonus-tier.reached{border-color:#c7d2f4;background:#f0f3ff;color:#3658c6}.bonus-tier.current{box-shadow:inset 0 0 0 1px #8da2e2}.bonus-info{margin-top:9px;border-top:1px solid #edf0f5;padding-top:8px}.bonus-info summary,.calculation-details>summary{color:#526078;font-size:10px;font-weight:700;cursor:pointer;list-style:none}.bonus-info summary::-webkit-details-marker,.calculation-details>summary::-webkit-details-marker{display:none}.bonus-info summary:after,.calculation-details>summary:after{content:'+';float:right;color:#3157d5;font-size:14px}.bonus-info[open] summary:after,.calculation-details[open]>summary:after{content:'−'}.bonus-info p{margin:7px 0;color:#69768a;font-size:9px;line-height:1.55}.bonus-info-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bonus-info-actions strong{margin-right:auto;color:#3157d5;font-size:13px;letter-spacing:.08em}.bonus-info-actions .btn{font-size:9px;padding:6px 8px}
    .result-card .side-title{align-items:center}.result-card .side-title .eyebrow{margin-bottom:3px}.quick-results{display:grid;grid-template-columns:1.1fr .9fr;gap:8px}.quick-results>div{min-width:0;padding:11px 12px;border:1px solid #e4e8f0;border-radius:10px;background:#f8f9fc}.quick-results span,.quick-stats span{display:block;color:#707d91;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.quick-results strong{display:block;margin-top:5px;color:#1d2b43;font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}.quick-profit{border-color:#d5e8df!important;background:#f2faf6!important}.quick-profit strong{color:#13845f!important}.quick-balance strong{font-size:17px}.quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}.quick-stats>div{padding:8px 7px;border:1px solid #edf0f5;border-radius:8px;background:#fff;min-width:0}.quick-stats span{font-size:7px;letter-spacing:.04em}.quick-stats strong{display:block;margin-top:3px;color:#263650;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.advice-panel{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:9px 10px;margin:9px 0;border:1px solid #e4e8f0;border-radius:10px;background:#f8f9fc;box-shadow:none}.advice-icon{width:26px;height:26px;border-radius:8px;background:#edf1ff;color:#3157d5;font-size:13px}.advice-copy .eyebrow{font-size:7px;letter-spacing:.09em}.advice-copy h2{font-size:10px;margin:2px 0}.advice-copy p{font-size:9px;line-height:1.4;color:#687386}.advice-badge{display:none}.advice-panel.positive{border-color:#d3e8dd;background:#f4faf6}.advice-panel.positive .advice-icon{color:#13845f;background:#e5f5ed}.advice-panel.warning{border-color:#efdfbd;background:#fffbf2}.advice-panel.negative{border-color:#efd2d7;background:#fff7f8}.calculation-details{border-top:1px solid #e9edf3;padding-top:9px;margin-top:9px}.calculation-details>summary{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#263650;font-size:10px}.calculation-details>summary:after{margin-left:auto}.calculation-details>summary small{color:#818ca0;font-weight:500;font-size:8px}.calculation-details-body{padding-top:9px}.fee-control{border-color:#e3e7ef;background:#f8f9fc;padding:9px 10px;margin-bottom:9px}.fee-control>span:first-child strong{font-size:9px;color:#34435d}.fee-control small{font-size:8px;color:#748096}.fee-input{width:77px}.fee-input .field{min-height:34px;padding:7px 23px 7px 8px}.fee-input>span{top:10px;color:#78849a}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.summary-grid .metric{padding:8px;border-color:#e9edf3;border-radius:8px;background:#fbfcfe}.summary-grid .metric span{font-size:7px;line-height:1.35;letter-spacing:.02em;color:#758197}.summary-grid .metric strong{font-size:12px;color:#25344d}.summary-grid .metric.emphasis{border-color:#c9d5f5;background:#f1f4ff}.summary-grid .metric.emphasis strong{color:#3157d5}.formula-explainer{margin-top:9px;padding:10px;border-radius:9px;background:#f7f8fb;border:1px solid #e9edf3}.formula-explainer h4{margin:0 0 5px;color:#263650;font-size:9px}.formula-explainer p{margin:5px 0 0;color:#657187;font-size:8px;line-height:1.55}.formula-explainer strong{color:#263650}.calculation-status.warning{color:#a56a13!important}.row-result{border-color:#e5e9f0}.row-result strong{color:#24324a}.row-result .positive,.positive{color:#13845f}.row-result .negative,.negative{color:#c34256}.line-market{color:#286f54!important}.line-fee{color:#a56a13!important}.line-gross{color:#43536d!important}.charm-question{border-color:#e5e9f0}.charm-included{background:#fff}.charm-line{border-color:#d9e0f2;background:#f7f8fc}.charm-warning{color:#a56a13}.market-hint{color:#69768a}.market-hint strong{color:#31466e}
    .savebar{border-top-color:#e0e5ed;background:#ffffffef;box-shadow:0 -6px 20px #1a29420d;backdrop-filter:blur(12px)}.savebar-copy strong{color:#1d2b43}.savebar-copy span,.savebar-result span{color:#718096}.savebar-result{border-color:#e1e6ee}.savebar-result strong{color:#13845f}.savebar-actions .field{background:#fff}.unlock-label{color:#78849a}.data-strip{border-color:#e3e7ef;color:#748096}.data-strip a,footer a{color:#3157d5}footer{border-color:#e2e6ee;color:#768196}
    .history-controls .field{min-width:135px}.metric{border-color:#e3e7ef;background:#fff}.metric span{color:#718096}.metric strong{color:#1d2b43}.trade-card{border-color:#e2e6ee;background:#fff;box-shadow:0 6px 20px #17243a0a}.trade-head{border-color:#edf0f5}.trade-title strong{color:#1d2b43}.trade-date{color:#758197}.trade-body{background:#fafbfd}.trade-section-label{color:#3157d5}.trade-item{color:#24324a}.trade-item img{background:#f0f2f7}.trade-item small{color:#758197}.trade-meta{color:#66748a}.trade-meta strong{color:#24324a}.trade-foot{background:#f7f8fb;border-color:#e5e9f0}.unlock-state{color:#3157d5}.history-empty-container{background:#fafbfd}.view-heading h1{color:#17243d}.view-heading p{color:#687386}.guide-step{border-color:#e2e6ee;background:#fff}.guide-step>span{background:#edf1ff;color:#3157d5}.guide-step p,.guide-card p,.guide-card li{color:#66748a}.guide-step strong,.guide-card strong{color:#27354b}.guide-card{border-color:#e2e6ee;background:#fff;box-shadow:0 8px 22px #17243a08}.guide-card h2{color:#1d2b43}.formula{border-color:#e1e6ef;background:#f7f8fb;color:#30446b}.callout-note{border-color:#e3bd73;background:#fff9ed;color:#765522!important}.faq{border-color:#e5e9ef}.faq summary{color:#263650}.faq summary:after{color:#3157d5}.faq p{color:#687386}.modal-backdrop{background:#1a243966}.modal{border-color:#dce2ec;background:#fff;box-shadow:0 24px 70px #15213c30}.modal-head,.modal-controls{border-color:#e5e9ef}.catalog-item{border-color:#e3e7ef;background:#f8f9fc;color:#24324a}.catalog-item:hover{border-color:#9bacdd;background:#f0f3ff}.catalog-img{background:#fff}.toast{border-color:#bfd8ce;background:#f0faf5;color:#236548}.empty{border-color:#dce2ec;background:#fafbfd}.empty strong{color:#24324a}.chart-bar.gain{fill:#13845f}.chart-bar.loss{fill:#c34256}.chart-label{fill:#687386}.chart-value{fill:#34435d}.chart-zero{stroke:#aeb7c6}.faq summary:after{color:#3157d5}footer .wrap{align-items:center}
    :focus-visible{outline:2px solid #3157d5!important;outline-offset:2px}
    .result-guide{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.result-guide>div{padding:8px;border-radius:8px;border:1px solid #e5e9f0;background:#fff}.result-guide>div:first-child{border-color:#d6e8df;background:#f5faf7}.result-guide>div:last-child{border-color:#eee3cc;background:#fffcf5}.result-guide strong{display:block;color:#263650;font-size:8px}.result-guide span{display:block;margin-top:3px;color:#687386;font-size:8px;line-height:1.45}
    @media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1.2fr) minmax(345px,.9fr)}.workspace>section:nth-child(3){top:72px;max-height:calc(100vh - 166px)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:900px){.workspace{grid-template-columns:1fr}.workspace>section:nth-child(1),.workspace>section:nth-child(2),.workspace>section:nth-child(3){grid-column:1;grid-row:auto}.workspace>section:nth-child(3){position:static;max-height:none;overflow:visible}.workspace>section:nth-child(3) .panel-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px}.workspace>section:nth-child(3) .side-card+.side-card{margin-top:0}}
    @media(max-width:640px){.topbar-inner{min-height:58px}.nav{gap:2px}.nav button{font-size:9px}.top-actions .btn{font-size:9px;padding:7px 9px}.hero{padding:13px 0 10px;gap:8px}.hero h1{font-size:25px}.hero p{font-size:10px}.hero-badge{font-size:9px;padding:6px 9px}.workspace{gap:9px}.panel-head{padding:11px 12px 9px}.panel-head p{font-size:9px}.panel-body{padding:10px}.workspace>section:nth-child(3) .panel-body{grid-template-columns:1fr;gap:8px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-results strong{font-size:18px}.quick-stats strong{font-size:11px}.savebar{padding:0 10px}.savebar-inner{width:100%;padding:7px 0;gap:6px}.savebar-result strong{font-size:16px}.savebar-actions .field,.savebar-actions .btn{height:39px;min-height:39px;font-size:10px}.view#view-calculator{padding-bottom:120px}.bonus-tiers{gap:4px}.bonus-tier{font-size:8px;padding:6px 3px}.bonus-tier strong{font-size:10px}.advice-panel{margin:7px 0}.formula-explainer p{font-size:9px}}