:root{--bg:#eeede6;--surface:#fafaf2;--surface-2:#e5e5d9;--text:#22251e;--muted:#64685b;--line:#c9ccba;--accent:#e4f237;--accent-ink:#22251e;--good:#377449;--warning:#9b6206;--danger:#bc342e;--radius:0px;--font:Vazirmatn,Arial,sans-serif;--score-bg:#252920;--score-ink:#f7f8ed;--score-muted:#bec4ad;--score-line:#464c3d;--masthead:#e4f237;--stage-shadow:#22251e}
:root[data-theme="dark"]{--bg:#171b16;--surface:#252b22;--surface-2:#333a2e;--text:#f3f5e5;--muted:#b2bba5;--line:#4c5545;--accent:#e4f237;--accent-ink:#22251e;--good:#a9d59a;--warning:#edbf67;--danger:#fa9084;--score-bg:#252b22;--score-line:#47513d;--stage-shadow:#080b07}
body{background:var(--bg)}
button{transition:background .15s,transform .15s}
button:active{transform:translateY(2px)}
.app-shell{max-width:530px;background:var(--bg);overflow:clip;min-height:100dvh;border:0}
.app-header{padding:calc(14px + max(env(safe-area-inset-top),var(--host-safe-top,0px))) 19px 10px;background:var(--masthead);color:#22251e}
.sprint-brand-row{display:flex;align-items:center;gap:9px;min-height:44px;direction:ltr}
.sprint-wordmark{font:bold italic 24px/.9 Arial,sans-serif;letter-spacing:-1.5px;white-space:nowrap}
.sprint-wordmark>span{display:inline-block;font-style:normal;font-size:28px;margin-left:2px}
.sprint-brand{font-size:10px;line-height:1.3;max-width:80px;direction:rtl}
.sprint-utilities{display:flex;margin-left:auto;gap:3px;align-items:center}
.sprint-icon{border:0;background:none;min-width:38px;min-height:40px;padding:5px;font-size:12px;font-weight:800;display:grid;place-content:center}
.icon-only>span{display:none}
.app-nav{position:relative;inset:auto;max-width:none;margin:0;padding:7px 14px 12px;background:var(--masthead);border:0;gap:5px;display:flex}
.app-nav button{border-radius:0;min-height:42px;padding:8px 9px;display:flex;flex-direction:row;gap:5px;font-size:12px;line-height:1.25;color:#343a26;position:relative;background:#cad92b;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.app-nav button[aria-current="page"]{background:#252920;color:#edf53e}
.sprint-nav-index{font:10px/1 Arial,sans-serif;opacity:.6;align-self:flex-start}
.app-main{padding:0 0 calc(30px + max(env(safe-area-inset-bottom),var(--host-safe-bottom,0px)));min-height:70dvh}
.sprint-score-heading{padding:21px 21px 19px;display:flex;justify-content:space-between;align-items:center;background:var(--masthead);color:#22251e;border-bottom:2px solid #22251e}
.sprint-score-heading p{font-size:10px;letter-spacing:.65px;font-weight:600;margin-bottom:5px}
.sprint-score-heading h1{font-size:37px;font-weight:900;letter-spacing:-1.4px;line-height:1.2}
.sprint-total{font:italic 800 70px/.9 Arial,sans-serif;color:transparent;-webkit-text-stroke:1.5px #22251e;letter-spacing:-5px;padding-inline:4px}
.sprint-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 19px;background:var(--bg)}
.sprint-list-toolbar>span{font-size:11px;font-weight:800;line-height:1.5}
.sprint-list-toolbar small{display:block;font-weight:400;color:var(--muted);font-size:10px}
.sprint-tool{border:0;background:transparent;font-size:11px;display:flex;align-items:center;gap:6px;min-height:44px;padding:5px}
.sprint-tools{padding:5px 17px 15px;background:var(--bg)}
.sprint-tools .list-controls{margin:0}.search-box,.segmented button,.sort-select{border-radius:0}
.search-box{border:1px solid var(--text)}
.segmented button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.sprint-lanes{background:var(--score-bg);color:var(--score-ink);counter-reset:lane}
.app-main .sprint-lane{content-visibility:visible;contain-intrinsic-size:none}
.sprint-lane{display:grid;grid-template-columns:34px minmax(0,1fr);direction:ltr;border-bottom:1px solid var(--score-line);padding:18px 19px 12px 8px;min-height:187px;color:var(--score-ink);position:relative;gap:5px}
[dir="rtl"] .sprint-lane-main{direction:rtl}
.sprint-lane-index{font:italic 800 20px/1 Arial,sans-serif;color:var(--score-muted);padding-top:4px;writing-mode:vertical-rl;transform:rotate(180deg);justify-self:start;align-self:start;letter-spacing:1px}
.sprint-lane-identity{display:flex;justify-content:space-between;align-items:start;gap:10px}
.sprint-name{border:0;background:none;padding:0;text-align:start;font-size:12px;line-height:1.7;min-width:0;min-height:26px;color:var(--score-ink)}
.sprint-name>span{display:block;overflow-wrap:anywhere;font-weight:700}
.sprint-name>small{display:block;color:var(--score-muted);font-size:10px;overflow-wrap:anywhere}
.sprint-status{color:var(--score-muted);font-size:9px;max-width:90px;line-height:1.5;padding-top:5px;flex-shrink:0;text-align:end}
.sprint-lane.critical .sprint-status{color:#ffad94}
.sprint-readout{border:0;background:none;color:var(--score-ink);padding:11px 0 9px;display:flex;align-items:center;gap:11px;min-height:78px;width:100%;text-align:start}
.sprint-amount{font:italic 800 57px/.97 Arial,sans-serif;letter-spacing:-3px;display:block;white-space:nowrap}
.sprint-unit{font-size:11px;line-height:1.6;color:var(--score-ink)}
.sprint-unit small{display:block;color:var(--score-muted);font-size:10px}
.sprint-unavailable{font-size:22px;font-weight:800;letter-spacing:-.4px;line-height:1.4;max-width:240px}
.sprint-lane-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:9px}
.sprint-lane-foot>span{font-size:10px;color:var(--score-muted);line-height:1.4;max-width:104px}
.sprint-lane-foot>div{display:flex;gap:4px;align-items:center}
.sprint-quick{border:0;min-height:37px;padding:6px 11px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:750;line-height:1.4;background:var(--accent);color:#252920;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.sprint-more{background:none;border:0;color:var(--score-ink);width:35px;min-height:37px;display:grid;place-content:center}
.sprint-more>span{display:none}
.sprint-track{height:9px;background:#505747;direction:ltr;position:relative;overflow:hidden;transform:skewX(-25deg)}
.sprint-track>span{display:block;height:100%;background:var(--accent);transform-origin:left center}
.sprint-track.unknown{background:repeating-linear-gradient(120deg,#505747 0 3px,transparent 3px 8px);height:5px}
.sprint-track-label{display:flex;justify-content:space-between;font-size:8px;line-height:1.4;color:var(--score-muted);padding-top:5px;letter-spacing:.5px}
.sprint-more-wrap:empty{display:none}.sprint-more-wrap{padding:0 18px}
.sprint-more-wrap .empty{padding:55px 10px}
.sprint-endcap{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:8px;font-size:11px}
.sprint-endcap i{font-style:normal;margin:0 4px;color:var(--muted)}
.sprint-refresh{min-height:44px;display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--text);font-size:10px}
.sprint-starting{padding:65px 30px;background:var(--score-bg);color:var(--accent);font-size:12px;font-weight:800;letter-spacing:1px}.sprint-starting .loading-line{margin-top:20px;--line:#505747}
.sprint-secondary-label{padding:17px 20px 0;font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:700}
.sprint-shell[data-page="wallet"] .app-main,.sprint-shell[data-page="shop"] .app-main{padding:0 18px 40px}
.sprint-shell[data-page="wallet"] .sprint-secondary-label,.sprint-shell[data-page="shop"] .sprint-secondary-label{padding-inline:0}
.page-title{margin:14px 0 21px}.page-title h1{font-size:31px;letter-spacing:-1px}.page-title p{font-size:11px}
.btn,.icon-btn,.panel,.notice,.technical-value,.qty-btn,.field input,.field select,.field textarea,.renew-summary,.badge,.tx-icon{border-radius:0}
.btn{border-color:var(--line);font-size:12px}.btn.primary{font-weight:800;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.btn:focus-visible,.app-nav button:focus-visible,.sprint-quick:focus-visible{outline-offset:-4px;outline:3px solid #a145e6}
.wallet-card{background:var(--score-bg);color:var(--score-ink);border-bottom:9px solid var(--accent);border-radius:0;padding:22px}
.wallet-card .balance{font-size:43px;font-weight:900;letter-spacing:-2px;line-height:1.3}
.wallet-card .balance small{letter-spacing:0}.wallet-card .btn{background:var(--accent);color:#252920}
.transaction{border-bottom-style:dashed}.tx-icon{background:var(--surface-2)}
.category-list{gap:0;border-top:2px solid var(--text)}
.category-card{background:transparent;padding:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:38px minmax(0,1fr) 24px;gap:11px}
.category-symbol{border-radius:0;width:38px;height:48px;background:var(--accent);color:#252920;transform:skewY(-8deg)}
.category-symbol .icon{transform:skewY(8deg)}.category-card h3{font-size:15px}
/* A lower action stage, with a hard cut masthead and physical offset shadow. */
dialog.sheet{inset:auto 12px 17px;margin:0 auto;width:calc(100% - 32px);max-width:492px;max-height:min(87dvh,820px);border:2px solid var(--text);border-radius:0;background:var(--surface);box-shadow:8px 8px 0 var(--stage-shadow);overflow:hidden}
dialog.sheet[open]{display:flex;animation:none}
dialog.sheet::backdrop{background:#1d2416ba;backdrop-filter:blur(2px) grayscale(.9)}
.sprint-stage-stripe{height:7px;flex-shrink:0;background:repeating-linear-gradient(115deg,#e4f237 0 14px,#22251e 14px 24px)}
.sheet-header{background:var(--masthead);color:#22251e;padding:17px 17px 19px;border-bottom:2px solid #22251e;align-items:start;gap:8px}
.sprint-stage-title{flex:1;min-width:0}.sprint-stage-kicker{display:block;font-size:9px;font-weight:700;letter-spacing:1px;line-height:1.5;margin-bottom:7px}
.sheet-header h2{font-size:29px;letter-spacing:-1px;line-height:1.25;font-weight:900;overflow-wrap:anywhere}
.sprint-stage-controls{display:flex;flex-direction:column-reverse;gap:3px;flex-shrink:0}
.sprint-stage-controls .icon-btn{background:#22251e;color:#e4f237;border:0;width:34px;height:34px;border-radius:0}
.sheet-body{padding:17px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--text) transparent}
.sheet-actions{background:var(--score-bg);padding:13px 17px calc(14px + env(safe-area-inset-bottom));border-top:5px solid var(--accent);gap:8px}
.sheet-actions .btn{min-height:48px;font-size:13px;font-weight:800}
.sheet-actions .btn:not(.primary):not(.danger){background:#3b4331;color:#f7f8ed;border-color:#626d55}
.sheet-actions .btn.primary{background:var(--accent);color:#22251e}
.sheet-error{border:2px solid var(--danger);border-radius:0;padding:13px}
.sprint-detail-cover{background:var(--score-bg);color:var(--score-ink);padding:17px;margin:-17px -17px 0}
.sprint-detail-cover .detail-title{font-size:20px;text-align:start;overflow-wrap:anywhere}
.sprint-detail-cover .detail-identity{margin-bottom:0;color:var(--score-muted);font-size:10px}
.sprint-detail-cover .badge{background:#414936;color:#dfe8cf;border:0;font-size:9px}
.sprint-detail-cover .detail-usage{border-radius:0;padding:17px 0 0;margin:7px 0 0;background:none}
.sprint-detail-cover .detail-usage .muted{color:var(--score-muted)}
.sprint-detail-cover .detail-usage .big{font-size:36px;letter-spacing:-1.5px;font-weight:900;padding:8px 0}
.sprint-detail-cover .progress{border-radius:0;--line:#505747;transform:skewX(-20deg);height:8px}.sprint-detail-cover .progress>span{border-radius:0;background:var(--accent)}
.sprint-access-stage{padding:15px 0;border-bottom:2px solid var(--text)}
.action-grid{gap:7px}.action-grid .btn{font-size:11px;padding:10px 7px;min-height:45px}
.sprint-facts{border-bottom:2px solid var(--text);padding:13px 0}.sprint-facts summary{font-size:11px;font-weight:800;cursor:pointer;min-height:28px;padding:4px 0}
.sprint-facts .fact-list{margin-top:10px!important}
.fact-list>div{border-bottom-style:dashed;padding:11px 0;gap:12px}.fact-list dt{font-size:11px}.fact-list dd{font-size:11px}
.switch{border-radius:0;background:var(--line)}.switch:before{border-radius:0}.switch[aria-checked="true"]{background:var(--accent)}.switch[aria-checked="true"]:before{background:#22251e}
.plan-list{display:flex;flex-direction:column;gap:0;border-top:2px solid var(--text);counter-reset:plans}
.plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity price" "meta select";align-items:center;gap:9px 10px;border:0;border-bottom:1px solid var(--text);border-radius:0;background:none;padding:16px 0;position:relative}
.plan-card>.row{grid-area:identity;display:block}.plan-card h3{font-size:13px}.plan-card .price{grid-area:price;font-size:22px;letter-spacing:-.6px;text-align:end;line-height:1.1}.plan-card .price small{display:block;font-size:9px;letter-spacing:0;margin-top:4px}.plan-card .plan-meta{grid-area:meta;display:flex;gap:8px;flex-wrap:wrap;font-size:10px;align-items:center}.plan-card>.btn{grid-area:select;min-height:36px;padding:7px 10px;font-size:10px;width:auto}.plan-card .badge{font-size:9px;padding:2px 4px;margin-top:6px}.plan-card .plan-trial{grid-column:1/-1}
.renew-summary{padding:18px;background:var(--score-bg);color:var(--score-ink);border-inline-start:7px solid var(--accent)}
.renew-summary h3{font-size:14px}.summary-amount{font-size:34px;letter-spacing:-1.4px;line-height:1.35;overflow-wrap:anywhere}.renew-summary p{font-size:11px}
.sheet[data-kind="confirmation"] .notice{font-size:12px}
.qr-frame{max-width:250px;border-radius:0;border:5px solid #22251e;box-shadow:6px 6px 0 var(--accent);padding:15px;margin:5px auto 24px}
.sheet[data-kind="qr"] .technical-value{border:1px dashed var(--text);font-size:10px}
.settings-section{border-top:2px solid var(--text);padding-top:15px;margin-top:20px}.settings-section h3{font-size:13px}
.account-options,.concept-options{gap:5px}.account-options .btn{font-size:11px;min-height:48px;padding:8px}.concept-options .btn{font-size:11px;padding:8px}
.sheet[data-kind="settings"] .field{border-inline-start:5px solid var(--accent);padding-inline-start:10px}
.toast{border-radius:0;border-inline-start:6px solid var(--accent);bottom:24px;background:var(--score-bg);color:var(--score-ink);box-shadow:5px 5px 0 #10180f4a}
.sprint-icon{min-width:44px;min-height:44px}.sprint-quick,.sprint-more{min-height:44px}.sprint-more{width:44px}.sprint-stage-controls .icon-btn{width:44px;height:44px}.app-nav button{min-height:44px}.plan-card>.btn{min-height:44px}.sprint-advisory{margin-top:15px}
@media(min-width:700px){.app-shell{border-inline:1px solid var(--line)}dialog.sheet{bottom:25px}.app-nav{border-inline:0}}
@media(max-width:380px){.sprint-brand{max-width:64px;font-size:9px}.sprint-wordmark{font-size:22px}.sprint-score-heading{padding-inline:18px}.sprint-lane{padding-inline-end:15px;grid-template-columns:29px minmax(0,1fr)}.sprint-amount{font-size:52px}.sprint-unit{font-size:10px}.sprint-quick{font-size:10px;padding-inline:9px}.sprint-lane-foot>span{font-size:9px;max-width:96px}.app-nav button{font-size:11px;padding-inline:8px}.app-nav .icon{display:none}.sheet-header h2{font-size:26px}.sheet-header,.sheet-body{padding-inline:14px}.sprint-detail-cover{margin-inline:-14px;padding-inline:14px}.sheet-actions{padding-inline:14px}.summary-amount{font-size:31px}.action-grid .btn{font-size:10px}.sprint-total{font-size:65px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}