/* PATCH18 — subscription layout, seamless image cards and live position sizing. */
#premium.premium-v18{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 12% 48%,#d9b96812,transparent 45%),linear-gradient(135deg,#101f35,#041326 58%,#10223a);padding-block:60px;color:#fef9ec}
#premium.premium-v18>.container{position:relative;z-index:1}
#premium .premium-orbit{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#premium .premium-orbit::before,#premium .premium-orbit::after{content:'';position:absolute;width:125%;height:430px;border:1px solid #dcc17420;border-radius:50%;transform:rotate(-11deg);inset:-280px -20% auto;box-shadow:0 0 45px #d9be7b08}
#premium .premium-orbit::after{inset:auto -14% 150px;transform:rotate(15deg);height:600px;border-color:#dcc17414}
#premium .subscription-heading{text-align:center;max-width:1050px;margin:0 auto 38px}
#premium .subscription-heading .section-kicker{color:#d9b967;font:650 14px/1.8 Arial,sans-serif;letter-spacing:1px}
#premium .subscription-heading h2{font:750 clamp(24px,2.65vw,36px)/1.85 Vazirmatn,sans-serif;color:#fff9ec;margin:12px 0}
#premium .subscription-heading h2 em{font-style:normal;color:#e3c574}
#premium .subscription-heading p{font-size:14px;line-height:2.05;color:#b4c1d0;margin:0}
#premium .subscription-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(490px,100%);border:1px solid #50607985;border-radius:19px;background:#06142690;margin:0 auto 35px;padding:3px;position:relative}
#premium .subscription-switch button{position:relative;min-height:48px;padding:10px 16px;border:1px solid transparent;border-radius:15px;background:transparent;color:#ced8e2;cursor:pointer;font:600 14px/1.8 Vazirmatn,sans-serif;transition:background .2s,border-color .2s,box-shadow .2s}
#premium .subscription-switch button+button::before{content:'';height:18px;width:1px;background:#67728250;position:absolute;right:-2px;top:16px}
#premium .subscription-switch button[aria-pressed=true]{background:linear-gradient(145deg,#dcc37738,#dbc5790d);border-color:#d9bc66;box-shadow:inset 0 0 18px #e2c47720;color:#fff9ec}
#premium .subscription-switch button small{position:absolute;left:50%;top:-16px;transform:translateX(-50%);white-space:nowrap;padding:2px 12px;background:#e3c574;color:#17263a;border-radius:20px;font:700 10px/1.8 Vazirmatn,sans-serif}
#premium .subscription-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;margin:0}
#premium .subscription-card{position:relative;isolation:isolate;min-width:0;padding:28px 25px 21px;border:1px solid #64718b66;border-radius:25px;background:linear-gradient(125deg,#ffffff06,#ffffff02);text-align:center;transition:border-color .25s,box-shadow .25s,background .25s;overflow:visible}
#premium .subscription-card>*:not(.premium-stars){position:relative;z-index:1}
#premium .subscription-card.recommended{border-color:#c7ad68;box-shadow:inset 0 0 26px #d8bd7310}
#premium .subscription-card.is-selected{border-color:#e4c978;background:linear-gradient(145deg,#ddc06e17,#0c1b2f 64%,#ddc06e0a);box-shadow:0 0 26px #ddc06e16,inset 0 0 24px #ddc06e12}
#premium .subscription-card:hover,#premium .subscription-card:focus-within{border-color:#edce77;background-color:#dfbd5b12}
#premium .subscription-card .plan-best{position:absolute;top:-15px;left:20px;border:1px solid #e4cc80;background:linear-gradient(135deg,#eedc9f,#c8a345);color:#15263b;padding:4px 17px;border-radius:30px;font:750 11px/1.8 Vazirmatn,sans-serif}
#premium .subscription-card header{display:block;margin:0;min-height:75px;border:0;padding:0}
#premium .subscription-card h3{font:700 21px/1.8 Vazirmatn,sans-serif;color:#edf2f5;margin:0}
#premium .subscription-card header p{font-size:11px;line-height:1.8;color:#a6b7ca;margin:3px 0 0}
#premium .subscription-card.recommended header p{color:#d3b963}
#premium .subscription-price{display:flex;flex-direction:column;align-items:center;gap:2px;margin:8px 0 18px}
#premium .subscription-price bdi{font:750 53px/1.13 Arial,sans-serif;letter-spacing:-1px;color:#fff}
#premium .subscription-price>span{font-size:13px;color:#bbc8d6;line-height:1.9}
#premium .subscription-equivalent{border-top:1px solid #91a0b233;padding-top:16px;margin-bottom:21px;min-height:62px}
#premium .subscription-equivalent .toman-price{font-size:12px!important;color:#d4dde5!important;line-height:1.9!important}
#premium .subscription-equivalent>span{font-size:9px;color:#91a3b8;line-height:1.9;display:block;margin-top:3px}
#premium .subscription-cta{display:flex;align-items:center;justify-content:center;min-width:0;min-height:49px;width:100%;padding:10px 8px;border:1px solid #d1b569;border-radius:16px;background:#e2c47305;color:#e8cd86;font:750 15px/1.8 Vazirmatn,sans-serif;text-decoration:none;transition:background .22s,box-shadow .22s,color .22s}
#premium .is-selected .subscription-cta,#premium .subscription-cta:hover{color:#0d243c;background:linear-gradient(120deg,#ebd798,#d6b45a);box-shadow:0 3px 18px #d6b45a1a}
#premium .subscription-saving{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 8px;background:#ffffff04;border:1px solid #71839b33;border-radius:15px;font-size:10px;line-height:1.9;color:#c3cfdb;margin:14px 0 0;min-height:49px}
#premium .subscription-saving strong{font-size:18px;font-weight:750;color:#9ccb94;white-space:nowrap}
#premium .subscription-card .premium-stars{inset:10px;z-index:0;overflow:hidden;border-radius:inherit}
#premium .subscription-card:hover .premium-stars i,#premium .subscription-card:focus-within .premium-stars i{animation-duration:1.8s}
#premium .subscription-longer{text-align:center;font-size:12px;line-height:2;color:#dac687;margin:23px 0}
#premium .subscription-longer::before,#premium .subscription-longer::after{content:'';display:inline-block;vertical-align:middle;height:1px;width:50px;background:linear-gradient(90deg,transparent,#a48c4a);margin:0 14px}
#premium .subscription-longer::after{transform:rotate(180deg)}
#premium .premium-access{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:22px;align-items:stretch;margin:0}
#premium .premium-access .tier-free,#premium .premium-access .tier-premium{border-radius:25px;padding:24px 27px!important;background:#ffffff03;min-width:0}
#premium .premium-access .tier-premium{border-color:#d5b86c;box-shadow:inset 0 0 27px #d7bf7010}
#premium .premium-access .tier-premium:hover{background:#dab94d18}
#premium .premium-access header{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}
#premium .premium-access h3,#premium .premium-access .tier-free h3{font:750 24px/1.8 Vazirmatn,sans-serif;margin:0;color:#f3f2eb}
#premium .premium-access header span{font-size:10px;color:#a9bbcf;line-height:1.8}
#premium .premium-access header svg{width:32px;height:32px;fill:#9eadc2}
#premium .premium-access ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;grid-auto-flow:column;grid-template-rows:repeat(4,auto);font-size:12px;line-height:1.9;color:#d1dae3}
#premium .premium-access .tier-free ul{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;font-size:12px;margin:0;gap:10px}
#premium .premium-access li{position:relative;padding-right:21px;margin:0}
#premium .premium-access li::before{content:'✓';position:absolute;right:0;color:#d4b967;font:700 16px/1.6 Arial,sans-serif}
#premium .subscription-monthly{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:#a8b9cb;margin:23px 0 5px;line-height:2}
#premium .subscription-monthly a{color:#e5cf94;border-bottom:1px solid #dac68355;text-decoration:none}
#premium .subscription-monthly .toman-price{font-size:9px!important}
#premium .exchange-note,#premium .subscription-rounding{font-size:9px;line-height:1.9;text-align:center;color:#9aacc1;margin:6px 0 0}
#premium .subscription-rounding{color:#889cb3}
#premium .subscription-switch button:focus-visible,#premium .subscription-cta:focus-visible{outline:2px solid #efd799;outline-offset:4px}
.image-preview{border-radius:18px;padding:0;overflow:hidden}
.image-preview img,.sample-visual .image-preview img{border-radius:17px 17px 0 0!important;margin:0;display:block}
.image-preview>span{border-radius:0 0 17px 17px;margin:0;display:block}
.finance-habit{display:flex;gap:29px;align-items:center;padding:28px 32px;border:1px solid #c9b16d88;background:linear-gradient(135deg,#fffcef,#f8f1dc);border-radius:25px;margin-bottom:24px}
.finance-habit h2{font-size:22px;line-height:1.9;color:#112f47;margin:5px 0 10px}
.finance-habit p{font-size:14px;line-height:2.15;color:#566f83;margin:0}
.habit-clock{flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:116px;min-height:122px;border:1px solid #cbb779;border-radius:22px;background:#fffdf4;color:#866c2a}
.habit-clock strong{font:750 47px/1.2 Vazirmatn,sans-serif}.habit-clock span{font-size:11px}
@media(max-width:1050px){#premium .subscription-grid{gap:15px}#premium .subscription-card{padding:25px 18px 18px}#premium .subscription-saving{flex-wrap:wrap;gap:2px 7px}#premium .premium-access{grid-template-columns:minmax(0,.9fr) minmax(0,1.8fr)}#premium .premium-access ul{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,auto)}}
@media(max-width:760px){
 #premium.premium-v18{padding-block:38px}
 #premium .subscription-heading{margin-bottom:32px}#premium .subscription-heading h2{font-size:24px;line-height:1.85}#premium .subscription-heading p{font-size:12px;line-height:2.1}#premium .subscription-heading .section-kicker{font-size:11px}
 #premium .subscription-switch{margin-bottom:30px;max-width:430px}#premium .subscription-switch button{font-size:13px;min-height:48px}#premium .subscription-switch button small{font-size:9px;padding:2px 10px}
 #premium .subscription-grid{grid-template-columns:1fr;display:grid;gap:0;max-width:480px;margin-inline:auto}
 #premium .subscription-card{display:none;padding:25px 23px 20px}#premium .subscription-card.is-selected{display:block;animation:plan-reveal .2s ease-out}
 #premium .subscription-card header{min-height:65px}#premium .subscription-card h3{font-size:22px}#premium .subscription-price bdi{font-size:52px}
 #premium .subscription-equivalent{min-height:56px;margin-bottom:17px}#premium .subscription-saving{flex-wrap:nowrap;font-size:10px}#premium .subscription-saving strong{font-size:19px}
 #premium .subscription-longer{font-size:10px;margin:20px 0;line-height:2}#premium .subscription-longer::before,#premium .subscription-longer::after{width:17px;margin:0 7px}
 #premium .premium-access{grid-template-columns:1fr;gap:14px}#premium .premium-access .tier-premium{grid-row:1}#premium .premium-access .tier-free,#premium .premium-access .tier-premium{padding:21px!important;border-radius:22px}
 #premium .premium-access h3,#premium .premium-access .tier-free h3{font-size:21px}#premium .premium-access header{margin-bottom:16px}#premium .premium-access .tier-free ul{grid-template-columns:repeat(2,minmax(0,1fr));font-size:11px;gap:9px}#premium .premium-access ul{font-size:11px;gap:9px 12px}
 #premium .subscription-monthly{margin-top:20px;font-size:10px}#premium .subscription-monthly>span{flex-basis:100%;text-align:center}
 .finance-habit{gap:17px;padding:22px;align-items:flex-start}.habit-clock{width:69px;min-height:89px;border-radius:16px}.habit-clock strong{font-size:32px}.habit-clock span{font-size:9px}.finance-habit h2{font-size:18px}.finance-habit p{font-size:12px}.finance-habit .section-kicker{font-size:9px}
}
@keyframes plan-reveal{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#premium .subscription-card,#premium .subscription-cta,#premium .subscription-switch button{transition:none;animation:none}}
/* Live calculator: frame follows direction, chart heights follow price distances. */
.position-live{--position-accent:#529782;--position-soft:#52978218;grid-template-columns:minmax(290px,.73fr) minmax(0,1.5fr);gap:23px}
.position-live[data-side=short]{--position-accent:#d5484c;--position-soft:#d5484c14}
.position-live .position-form{padding:25px;border-color:var(--position-accent);transition:border-color .3s,box-shadow .3s;box-shadow:0 5px 20px var(--position-soft)}
.position-side-control{margin:0 0 24px;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.position-side-control legend{font-size:13px;font-weight:650;padding:0;margin-bottom:12px;color:#19364d}
.position-side-control label{position:relative;cursor:pointer}
.position-side-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.position-side-control span{display:flex;align-items:center;justify-content:center;gap:8px;font:700 14px/1.8 Vazirmatn,sans-serif;min-height:45px;border:1px solid #d6dce0;border-radius:13px;color:#657b8c;background:#fff;transition:background .25s,border-color .25s,color .25s}
.position-side-control bdi{font:11px Arial,sans-serif}
.position-side-control input[value=long]:checked+span{color:#2e725c;border-color:#529782;background:#52978218}
.position-side-control input[value=short]:checked+span{color:#ad3639;border-color:#d5484c;background:#d5484c14}
.position-side-control input:focus-visible+span{outline:2px solid var(--position-accent);outline-offset:4px}
.position-live .position-form-head h2{font-size:21px;margin:0 0 5px}
.position-live .position-form-head p{margin-bottom:23px;font-size:11px}
.position-live .position-inputs{gap:17px 12px}
.position-live .position-inputs label{font-size:12px}
.position-live .position-inputs input{padding:10px 11px;font-size:18px;min-height:45px}
.position-live .position-inputs .input-target input{border-color:#52978290}.position-live .position-inputs .input-stop input{border-color:#d5484c80}
.position-live-ratio{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #d6c695;border-radius:15px;padding:12px 7px;background:#f9f3df;color:#836826;text-align:center}
.position-live-ratio>span{font-size:10px}.position-live-ratio output{font:700 23px/1.3 Arial,sans-serif}.position-live-ratio small{font:10px Arial,sans-serif;color:#8b7946}
.position-risk-control{border-top:1px solid #dce2e4;margin-top:25px;padding-top:20px}
.risk-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;color:#14364e}
.risk-title output{font-size:22px;color:var(--position-accent)}
#positionRisk{-webkit-appearance:none;appearance:none;display:block;width:100%;height:7px;padding:0;border:0;border-radius:9px;margin:26px 0 15px;cursor:pointer;background:linear-gradient(to right,var(--position-accent) var(--risk-progress,50%),#dce3e5 var(--risk-progress,50%));touch-action:pan-y}
#positionRisk::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border:3px solid #fffdf6;border-radius:50%;background:var(--position-accent);box-shadow:0 1px 8px #1a36443b}
#positionRisk::-moz-range-thumb{width:17px;height:17px;border:3px solid #fffdf6;border-radius:50%;background:var(--position-accent);box-shadow:0 1px 8px #1a36443b}
#positionRisk:focus-visible{outline:2px solid var(--position-accent);outline-offset:8px}
.risk-ticks{display:flex;justify-content:space-between;direction:ltr;color:#748491;font-size:10px}
.risk-budget{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #dce2e4;font-size:10px;line-height:1.9;color:#5a7183}
.risk-budget strong{font:700 19px Arial,sans-serif;color:#b53c40}
.risk-help{font-size:10px;line-height:2.1;color:#6c7f8f;margin:14px 0 11px}
.risk-state{font-size:11px;line-height:2;color:#395c69;padding:10px 12px;border:1px solid #b4c5c780;background:#f0f5f1;border-radius:12px;margin:0 0 11px}
.risk-state[data-high=true]{background:#fff1e8;color:#a45a34;border-color:#d2a07670}
.risk-limit-note{font-size:10px;line-height:2;color:#7e6f61;margin:0}
.position-live .position-display{border-color:var(--position-accent);transition:border-color .3s,box-shadow .3s;box-shadow:0 8px 28px var(--position-soft);padding:23px}
.position-live .position-heading{margin-bottom:8px}.position-live .position-heading h2{color:#94d0b7}.position-live[data-side=short] .position-heading h2{color:#ffa9a9}
.position-live .position-rr-badge{font-size:15px;border-color:#90a3b155;color:#d9e3ee;background:#ffffff04;white-space:nowrap}
.position-live .position-status{font-size:10px;line-height:1.9;min-height:19px;margin-bottom:18px}.position-live .position-status[data-stale=true]{color:#e4c27e}
.position-chart-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:11px;color:#c9d3df;line-height:1.9}
.position-chart-caption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d2b269;vertical-align:middle;margin-left:5px}.position-chart-caption small{font-size:9px;color:#8b9caf}
.position-live .position-diagram{background:#151d2b;border-color:#3d4a5c;border-radius:18px;overflow:hidden}
.position-live .position-diagram svg{display:block;width:100%;height:auto;font-family:Arial,sans-serif}
.position-diagram .candle-wick{stroke-width:1.6}.position-diagram .candle-body{stroke:none}
.position-diagram .rr-zone{stroke-width:1.2;fill-opacity:.24}.position-diagram .trade-label{font-family:Arial,sans-serif;fill:#fff;font-weight:600;direction:ltr;unicode-bidi:bidi-override}
.position-diagram .axis-label{font-family:Arial,sans-serif;fill:#fff;font-weight:500;direction:ltr;unicode-bidi:bidi-override}
.position-diagram .level-name{font:12px Vazirmatn,sans-serif;fill:#c8d0dc}
.position-rr-explainer{font-size:11px;line-height:2;color:#c2d0dc;margin:16px 0 0}
.position-rr-warning{border:1px solid #e18b5185;border-radius:13px;background:#e18b5113;color:#f5c78b;font-size:12px;line-height:2;padding:14px 16px;margin:15px 0}
.position-live .position-outcomes{gap:12px;margin:17px 0}.position-live .position-metrics{font-size:11px;margin-top:20px}
.position-capital{margin-top:22px;padding:17px 18px;border:1px solid #4e617247;border-radius:14px;background:#ffffff03}
.position-capital>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.9;color:#b6c7d7}
.position-capital strong{font-size:12px;color:#dfe9f2}.capital-allocation{height:9px;border-radius:10px;background:#f3eee1;margin:11px 0;overflow:hidden;direction:ltr}
.capital-allocation span{display:block;width:var(--allocated,0%);height:100%;background:#529782;border-radius:inherit;transition:width .32s ease-out}
.position-capital p{font-size:9px;line-height:1.9;color:#9eafc1;margin:0}.position-live .position-result-note{font-size:10px;line-height:2}
@media(max-width:1100px){.position-live{grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr)}.position-live .position-form,.position-live .position-display{padding:20px}}
@media(max-width:850px){.position-live{grid-template-columns:1fr}.position-live .position-display{padding:22px}.position-live .position-form{max-width:none}.position-live .position-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.position-live .position-risk-control{margin-top:22px}.position-live .position-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.position-live .position-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.position-live .position-form,.position-live .position-display{padding:19px}.position-live .position-heading h2{font-size:20px}.position-live .position-diagram{margin-inline:-10px;border-radius:14px}.position-live .position-chart-caption{font-size:10px;gap:4px}.position-live .position-chart-caption small{font-size:8px}.position-live .position-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.position-live .position-outcomes dd{font-size:21px}.position-live .position-rr-badge{font-size:13px;padding:9px}.position-live .position-rr-warning{font-size:11px}.position-side-control span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.position-live .position-form,.position-live .position-display,.position-side-control span,.capital-allocation span{transition:none}}