/* Don's Charts – Design (dunkel, Glas, Inter, 4-px-Raster – passend zu Himmel 2.0) */
@font-face{ font-family:"Inter"; font-style:normal; font-display:swap; font-weight:100 900; src:url(fonts/inter-latin-wght-normal.woff2) format("woff2-variations"), url(fonts/inter-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:"Inter"; font-style:normal; font-display:swap; font-weight:100 900; src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2-variations"), url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:root{
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px;
  --r-card:20px; --r-in:12px; --r-pill:999px;
  --bg:#070b16; --bg2:#0c1328; --txt:#eef2ff; --mut:rgba(232,238,255,.66); --faint:rgba(232,238,255,.42); --line:rgba(255,255,255,.08);
  --glass:rgba(255,255,255,.045); --glass-hi:rgba(255,255,255,.08); --glass-b:rgba(255,255,255,.08);
  --ac:#7cc4ff; --up:#2ee59d; --dn:#ff5c72; --warn:#ffc14d; --vio:#c79bff;
  --font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Arabic", sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px); --safe-l:env(safe-area-inset-left,0px); --safe-r:env(safe-area-inset-right,0px);
  --tabh:62px;
}
*{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html{ background:var(--bg); color-scheme:dark; overscroll-behavior:none; -webkit-text-size-adjust:100%; }
body{ margin:0; font-family:var(--font); font-size:14.5px; line-height:1.45; color:var(--txt); min-height:100vh; overflow-x:hidden; -webkit-font-smoothing:antialiased; font-feature-settings:"cv11","ss01";
  background:radial-gradient(1200px 600px at 10% -10%, rgba(64,110,255,.16), transparent 60%), radial-gradient(900px 500px at 110% 10%, rgba(46,229,157,.07), transparent 60%), var(--bg); background-attachment:fixed;
  padding:0 var(--safe-r) calc(var(--tabh) + var(--safe-b) + 8px) var(--safe-l); overscroll-behavior-y:none; }
html[lang="ar"] body{ font-family:"Noto Sans Arabic","Segoe UI",Tahoma,var(--font); }
button,select,input{ font:inherit; color:inherit; }
button{ background:none; border:0; cursor:pointer; padding:0; }
a{ color:#a9d6ff; }
h2,h3,p{ margin:0; }
.num{ font-variant-numeric:tabular-nums; }
.ic{ width:18px; height:18px; flex:none; }
.ic.fill{ fill:var(--warn); stroke:var(--warn); }
.up{ color:var(--up)!important; } .dn{ color:var(--dn)!important; } .lo{ color:var(--faint); }
.small{ font-size:12.5px; color:var(--mut); line-height:1.5; }
.hidden,[hidden]{ display:none!important; }
:focus-visible{ outline:2px solid var(--ac); outline-offset:2px; border-radius:10px; }

/* Kopfzeile */
.top{ position:sticky; top:0; z-index:30; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:calc(var(--safe-t) + 8px) 14px 8px; background:rgba(7,11,22,.72); backdrop-filter:blur(18px) saturate(1.4); -webkit-backdrop-filter:blur(18px) saturate(1.4); border-bottom:1px solid var(--line); }
.brand{ display:flex; align-items:center; gap:8px; font-weight:700; letter-spacing:-.01em; font-size:15.5px; }
.brand img{ border-radius:7px; }
.topr{ display:flex; align-items:center; gap:8px; }
.live{ display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 10px; border-radius:var(--r-pill); font-size:11.5px; font-weight:600; color:var(--mut); background:var(--glass); border:1px solid var(--glass-b); }
.live i{ width:7px; height:7px; border-radius:50%; background:var(--warn); }
.live.on i{ background:var(--up); box-shadow:0 0 0 0 rgba(46,229,157,.6); animation:pulse 2s infinite; }
@keyframes pulse{ 0%{ box-shadow:0 0 0 0 rgba(46,229,157,.55); } 70%{ box-shadow:0 0 0 7px rgba(46,229,157,0); } 100%{ box-shadow:0 0 0 0 rgba(46,229,157,0); } }
.ibtn{ height:36px; min-width:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--r-pill); background:var(--glass); border:1px solid var(--glass-b); color:var(--txt); transition:transform .12s, background .2s; }
.ibtn:active{ transform:scale(.94); background:var(--glass-hi); }
.ibtn.sm{ height:30px; min-width:30px; } .ibtn.sm .ic{ width:15px; height:15px; }

main{ max-width:1500px; margin:0 auto; }
.view{ padding:10px 12px 0; }

/* Chart-Kopf */
.chead{ display:flex; align-items:center; gap:10px; margin:2px 2px 10px; }
.symbtn{ display:inline-flex; align-items:center; gap:6px; height:40px; padding:0 12px 0 14px; border-radius:14px; background:var(--glass-hi); border:1px solid var(--glass-b); font-weight:700; font-size:16px; letter-spacing:-.01em; white-space:nowrap; }
.symbtn.sm{ height:30px; font-size:13px; padding:0 8px 0 10px; border-radius:10px; }
.chev{ width:8px; height:8px; border-right:2px solid var(--mut); border-bottom:2px solid var(--mut); transform:rotate(45deg) translate(-2px,-2px); }
.pricebox{ display:flex; flex-direction:column; line-height:1.15; min-width:0; flex:1; }
.px{ font-size:21px; font-weight:700; letter-spacing:-.02em; }
.chg{ font-size:12.5px; font-weight:600; color:var(--mut); }

/* Werkzeugleiste */
.toolbar{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:2px 2px 10px; margin:0 -12px; padding-inline:12px; -webkit-overflow-scrolling:touch; }
.toolbar::-webkit-scrollbar{ display:none; }
.seg{ display:inline-flex; flex:none; padding:3px; gap:2px; border-radius:12px; background:var(--glass); border:1px solid var(--glass-b); }
.seg button{ height:30px; min-width:34px; padding:0 9px; border-radius:9px; font-size:12.5px; font-weight:600; color:var(--mut); display:inline-flex; align-items:center; justify-content:center; transition:background .2s,color .2s; }
.seg button.on{ background:rgba(124,196,255,.18); color:#fff; box-shadow:inset 0 0 0 1px rgba(124,196,255,.35); }
.seg button .ic{ width:17px; height:17px; }
.tbtn{ flex:none; display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 12px; border-radius:12px; background:var(--glass); border:1px solid var(--glass-b); font-size:12.5px; font-weight:600; color:var(--txt); white-space:nowrap; }
.tbtn b{ min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:var(--ac); color:#071226; font-size:11px; display:inline-flex; align-items:center; justify-content:center; }
.tbtn.on{ background:rgba(124,196,255,.16); border-color:rgba(124,196,255,.4); }
.tbtn .ic{ width:16px; height:16px; color:var(--ac); }
.drawbar{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 10px; padding:8px; border-radius:14px; background:var(--glass); border:1px solid var(--glass-b); }
.drawbar button{ display:inline-flex; align-items:center; gap:5px; height:34px; padding:0 10px; border-radius:10px; font-size:12.5px; font-weight:600; background:rgba(255,255,255,.04); }
.drawbar button.on{ background:rgba(199,155,255,.22); box-shadow:inset 0 0 0 1px rgba(199,155,255,.5); }
.drawbar .done{ background:rgba(46,229,157,.16); color:var(--up); }
.drawbar .sp{ flex:1; }
.dhint{ flex-basis:100%; font-size:12px; color:var(--mut); padding:2px 4px 0; }

/* Chart */
.chartwrap{ position:relative; height:calc(clamp(320px, 56vh, 620px) + var(--extra, 0px)); border-radius:var(--r-card); background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)); border:1px solid var(--glass-b); overflow:hidden; touch-action:pan-y; }
.chart{ position:absolute; inset:6px 0 0 0; }
.drawc{ position:absolute; inset:6px 0 0 0; width:100%; height:calc(100% - 6px); pointer-events:none; z-index:3; }
.drawc.active{ pointer-events:auto; cursor:crosshair; touch-action:none; }
.legend{ position:absolute; top:10px; left:12px; z-index:4; font-size:10.5px; line-height:1.5; color:var(--txt); pointer-events:none; text-shadow:0 1px 2px rgba(0,0,0,.6); max-width:calc(100% - 90px); }
.legend .lo{ margin-inline:2px 1px; }
.legend i{ display:inline-block; width:8px; height:8px; border-radius:2px; margin-right:5px; vertical-align:0; }
.chartmsg{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; z-index:5; color:var(--mut); font-size:13px; background:rgba(7,11,22,.35); pointer-events:none; }

/* Karten */
.cards{ display:grid; gap:12px; margin-top:12px; grid-auto-rows:max-content; }
.card{ background:var(--glass); border:1px solid var(--glass-b); border-radius:var(--r-card); padding:16px; min-width:0; }
.view > .card + .card{ margin-top:12px; }
.kick{ display:flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--mut); margin-bottom:8px; }
.kick .ic{ width:15px; height:15px; color:var(--ac); }
.card h3{ font-size:17px; letter-spacing:-.01em; margin-bottom:8px; }
.row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.row .kick{ margin-bottom:0; } .card > .row{ flex-wrap:wrap; }
.rowbtns{ display:flex; gap:6px; }
.disc{ display:flex; gap:6px; align-items:flex-start; font-size:11.5px; color:var(--faint); margin-top:12px; line-height:1.45; }
.disc .ic{ width:14px; height:14px; margin-top:1px; color:var(--faint); }
.hint{ margin-top:10px; padding:10px 12px; border-radius:12px; font-size:12.5px; background:rgba(255,193,77,.1); border:1px solid rgba(255,193,77,.28); color:#ffe2a6; }
.pill{ display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 12px; border-radius:var(--r-pill); background:rgba(255,255,255,.05); border:1px solid var(--glass-b); font-size:12.5px; font-weight:600; color:var(--txt); white-space:nowrap; }
.pill.on{ background:rgba(124,196,255,.16); border-color:rgba(124,196,255,.45); }
.pill .ic{ width:15px; height:15px; }
.chips{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 10px; }
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; padding:0 18px; border-radius:14px; background:linear-gradient(180deg,#8fd0ff,#5aa9f0); color:#06142b; font-weight:700; }
.btn:disabled{ opacity:.6; }
.btn.wide{ width:100%; margin-top:12px; }
.btn.buy{ background:linear-gradient(180deg,#4cf0ae,#22c785); } .btn.sell{ background:linear-gradient(180deg,#ff7d8f,#e64760); color:#fff; }
.two{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.tiles{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.tiles > div{ padding:8px 10px; border-radius:12px; background:rgba(255,255,255,.035); border:1px solid var(--line); min-width:0; }
.tiles small{ display:block; font-size:10.5px; color:var(--faint); font-weight:600; white-space:normal; line-height:1.2; overflow-wrap:break-word; hyphens:auto; }
.tiles b{ font-size:15px; letter-spacing:-.01em; }
.tiles span{ display:block; font-size:11px; }
.sw{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--mut); }
.sw input{ accent-color:var(--ac); width:16px; height:16px; }
.tag{ display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:20px; padding:0 6px; border-radius:6px; font-size:10.5px; font-weight:700; background:rgba(255,255,255,.08); }
.tag.res{ background:rgba(255,92,114,.16); color:var(--dn); } .tag.sup{ background:rgba(46,229,157,.14); color:var(--up); }
.tag .ic{ width:13px; height:13px; }

/* Don-Signal */
.sig{ position:relative; overflow:hidden; background:linear-gradient(160deg, rgba(124,196,255,.1), rgba(255,255,255,.03) 45%); }
.sig::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(400px 160px at 85% 0%, var(--glow, rgba(124,196,255,.12)), transparent 70%); }
.sig[data-st="buy"],.sig[data-st="in"]{ --glow:rgba(46,229,157,.22); border-color:rgba(46,229,157,.35); }
.sig[data-st="exit"],.sig[data-st="short"],.sig[data-st="inShort"]{ --glow:rgba(255,92,114,.22); border-color:rgba(255,92,114,.35); }
.sgtop{ display:flex; justify-content:space-between; gap:12px; position:relative; }
.sgstate{ font-size:28px!important; font-weight:800; letter-spacing:-.02em; margin:2px 0 4px!important; }
.sig[data-st="buy"] .sgstate,.sig[data-st="in"] .sgstate{ color:var(--up); }
.sig[data-st="exit"] .sgstate,.sig[data-st="short"] .sgstate,.sig[data-st="inShort"] .sgstate{ color:var(--dn); }
.sig[data-st="wait"] .sgstate{ color:var(--warn); }
.sgline{ font-size:13px; color:var(--mut); max-width:46ch; }
.ring{ position:relative; width:72px; height:72px; flex:none; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.ring svg{ position:absolute; inset:0; transform:rotate(-90deg); }
.ring circle{ fill:none; stroke-width:6; }
.rbg{ stroke:rgba(255,255,255,.08); } .rfg{ stroke:var(--ac); stroke-linecap:round; transition:stroke-dasharray .6s var(--ease); }
.sig[data-st="buy"] .rfg,.sig[data-st="in"] .rfg{ stroke:var(--up); } .sig[data-st="exit"] .rfg,.sig[data-st="short"] .rfg{ stroke:var(--dn); } .sig[data-st="wait"] .rfg{ stroke:var(--warn); }
.ring b{ font-size:21px; font-weight:800; line-height:1; } .ring small{ font-size:8.5px; color:var(--faint); font-weight:600; text-transform:uppercase; letter-spacing:.04em; max-width:64px; text-align:center; line-height:1.1; margin-top:2px; }
.lvls{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:12px 0 4px; position:relative; }
.lvls > div{ padding:8px; border-radius:12px; background:rgba(0,0,0,.18); border:1px solid var(--line); min-width:0; }
.lvls small{ display:block; font-size:10px; color:var(--faint); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lvls b{ font-size:13.5px; white-space:nowrap; }
.lvls b{ display:block; overflow:hidden; text-overflow:ellipsis; }
.lvsub{ display:block; font-size:10px; color:var(--faint); margin-top:2px; line-height:1.2; overflow-wrap:anywhere; }
.lvsub:empty{ display:none; }
.tapi{ cursor:pointer; }
.inf{ display:inline-flex; align-items:center; justify-content:center; width:11px; height:11px; border-radius:50%; border:1px solid currentColor; font-size:8px; font-style:normal; font-weight:700; line-height:1; vertical-align:1px; margin-inline-start:2px; opacity:.75; text-transform:none; letter-spacing:0; }
.ringw{ flex:none; display:flex; flex-direction:column; align-items:center; gap:4px; color:inherit; font:inherit; max-width:96px; }
.ringw small{ font-size:9.5px; color:var(--faint); font-weight:600; text-transform:uppercase; letter-spacing:.03em; text-align:center; line-height:1.15; white-space:normal; }
.why{ margin-top:10px; position:relative; }
.why summary{ cursor:pointer; font-weight:700; font-size:13.5px; list-style:none; display:flex; align-items:center; gap:6px; padding:6px 0; }
.why summary::-webkit-details-marker{ display:none; }
.why summary::after{ content:""; width:7px; height:7px; border-right:2px solid var(--mut); border-bottom:2px solid var(--mut); transform:rotate(45deg); margin-inline-start:4px; transition:transform .2s; }
.why[open] summary::after{ transform:rotate(225deg) translate(-2px,-2px); }
.why ul{ list-style:none; margin:4px 0 8px; padding:0; display:grid; gap:4px; }
.why li{ display:grid; grid-template-columns:20px 1fr auto; align-items:center; gap:6px; font-size:13px; padding:6px 8px; border-radius:10px; background:rgba(255,255,255,.025); }
.why li i{ font-style:normal; font-weight:800; text-align:center; }
.why li.y i{ color:var(--up); } .why li.n{ color:var(--faint); } .why li em{ font-style:normal; font-size:11px; color:var(--faint); font-variant-numeric:tabular-nums; }
.why li.y em{ color:var(--up); }
.btbox{ margin-top:12px; padding-top:12px; border-top:1px solid var(--line); position:relative; }
.btbox .small{ margin-top:6px; }
.btbox.ver .tiles{ margin-top:6px; }
.sgbtns{ display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; position:relative; }

/* Zusammenfassung */
.sum{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.sum li{ display:flex; gap:10px; align-items:flex-start; }
.sum b{ display:block; font-size:12px; color:var(--faint); text-transform:uppercase; letter-spacing:.05em; }
.sum span{ font-size:13.5px; }
.dot{ width:10px; height:10px; border-radius:50%; flex:none; margin-top:5px; background:var(--faint); }
.dot.up{ background:var(--up); box-shadow:0 0 10px rgba(46,229,157,.5); } .dot.dn{ background:var(--dn); box-shadow:0 0 10px rgba(255,92,114,.5); } .dot.warn{ background:var(--warn); } .dot.mid{ background:#8aa0c8; }

/* S/R */
.srl{ list-style:none; padding:0; margin:10px 0 6px; display:grid; gap:4px; }
.srl li{ display:grid; grid-template-columns:34px 1fr auto auto; gap:10px; align-items:center; font-size:13px; padding:6px 8px; border-radius:10px; background:rgba(255,255,255,.025); }
.srl li.now{ background:rgba(124,196,255,.1); }
.srl li.now .tag{ color:var(--ac); background:none; }

/* Orderbuch */
.imb{ display:grid; grid-template-columns:auto 1fr auto; gap:8px; align-items:center; font-size:11.5px; font-weight:600; margin:10px 0; }
.imb .bar{ height:6px; border-radius:3px; background:rgba(255,92,114,.55); overflow:hidden; }
.imb .bar i{ display:block; height:100%; background:var(--up); transition:width .3s; }
.bk{ display:grid; grid-template-columns:1fr 1fr; gap:6px; font-size:12px; }
.bh{ display:flex; justify-content:space-between; color:var(--faint); font-size:10.5px; font-weight:600; padding:0 6px 4px; }
.br{ position:relative; display:flex; justify-content:space-between; padding:2.5px 6px; border-radius:4px; overflow:hidden; }
.br i{ position:absolute; top:0; bottom:0; width:0; transition:width .25s linear; }
.bids .br i{ right:0; background:rgba(46,229,157,.12); } .asks .br i{ left:0; background:rgba(255,92,114,.12); }
.br span{ position:relative; }
.bids .p{ color:var(--up); font-weight:600; } .asks .p{ color:var(--dn); font-weight:600; order:-1; }
.asks .q{ order:1; }
.trs{ font-size:12px; }
.th,.tr{ display:grid; grid-template-columns:1fr 1fr 1fr; padding:2.5px 6px; }
.th{ color:var(--faint); font-size:10.5px; font-weight:600; }
.tr span:nth-child(2),.th span:nth-child(2){ text-align:center; } .tr span:last-child,.th span:last-child{ text-align:right; }

/* Liste */
.fng{ display:flex; align-items:center; gap:16px; }
.gauge{ width:170px; height:96px; flex:none; }
.fv b{ display:block; font-size:40px; font-weight:800; letter-spacing:-.03em; line-height:1; }
.fv span{ font-weight:700; font-size:15px; }
.tiles.three{ grid-template-columns:repeat(3,1fr); margin:12px 0 6px; }
.wl{ list-style:none; padding:0; margin:10px -6px 0; }
.wl li{ display:grid; grid-template-columns:minmax(0,1fr) 56px auto auto; gap:8px; align-items:center; padding:10px 6px; border-top:1px solid var(--line); cursor:pointer; }
.wl li:active{ background:rgba(255,255,255,.03); }
.wn b{ font-size:15px; } .wn span{ font-size:12px; }
.spark{ width:56px; height:26px; }
.wp{ text-align:end; display:flex; flex-direction:column; line-height:1.2; } .wpx{ font-size:14px; } .wchg{ font-size:12px; color:var(--mut); }
.spill{ justify-self:end; font-size:10.5px; font-weight:700; padding:4px 8px; border-radius:var(--r-pill); background:rgba(255,255,255,.06); color:var(--mut); white-space:nowrap; text-align:center; min-width:64px; }
.spill.buy,.spill.in{ background:rgba(46,229,157,.15); color:var(--up); } .spill.exit,.spill.short,.spill.inShort{ background:rgba(255,92,114,.15); color:var(--dn); } .spill.wait{ color:var(--warn); background:rgba(255,193,77,.1); }
.spill.buy,.spill.exit{ box-shadow:0 0 0 1px currentColor; }
.wdel{ display:none!important; }
.edit .wl li{ grid-template-columns:1fr auto; } .edit .wl li > :not(.wn):not(.wdel){ display:none; } .edit .wdel{ display:inline-flex!important; }

/* Multi */
.mhead{ display:flex; align-items:center; justify-content:space-between; margin:2px 2px 10px; } .mhead h2{ font-size:18px; }
.mgrid{ display:grid; gap:10px; }
.mslot{ padding:10px; }
.mh{ display:flex; align-items:center; gap:6px; margin-bottom:6px; flex-wrap:wrap; }
.mh select{ height:30px; border-radius:10px; background:var(--glass-hi); border:1px solid var(--glass-b); padding:0 6px; }
.mh .mpx{ font-weight:700; margin-inline-start:auto; font-size:13px; }
.mh .spill{ min-width:0; }
.mc{ position:relative; height:clamp(220px, 34vh, 420px); }
.mgrid.n4 .mc{ height:clamp(190px, 26vh, 360px); }
.mchart{ position:absolute; inset:0; }

/* Depot / Listen */
.pv{ display:flex; align-items:baseline; gap:10px; margin:2px 0 10px; } .pv b{ font-size:30px; font-weight:800; letter-spacing:-.02em; } .pv span{ font-weight:700; }
.fld{ display:flex; flex-direction:column; gap:4px; min-width:0; } .fld small{ font-size:11px; color:var(--faint); font-weight:600; }
.fld input,.fld select,.set select,.alnew input{ height:42px; border-radius:12px; background:rgba(0,0,0,.25); border:1px solid var(--glass-b); padding:0 12px; font-size:15px; width:100%; }
.pl{ list-style:none; margin:6px 0 0; padding:0; }
.pl li{ display:flex; justify-content:space-between; gap:10px; padding:10px 2px; border-top:1px solid var(--line); font-size:13.5px; }
.pl li > div{ display:flex; flex-direction:column; min-width:0; } .pl li .r{ text-align:end; align-items:flex-end; }
.pl li .lo{ font-size:12px; }
.pl li.none,.slist li.none,.ilist li.none,.alist li.none{ color:var(--faint); justify-content:center; font-size:13px; }
.form{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; align-items:end; }
.form .symbtn{ height:42px; justify-content:space-between; }
.tblwrap{ overflow-x:auto; margin:8px -4px; }
.tbl{ width:100%; border-collapse:collapse; font-size:12.5px; white-space:nowrap; }
.tbl th{ text-align:start; color:var(--faint); font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:6px; }
.tbl td{ padding:7px 6px; border-top:1px solid var(--line); }
.tbl td.beat{ font-weight:800; }
.tbl caption{ caption-side:bottom; text-align:start; padding:6px; }
.eq{ position:relative; height:220px; margin:12px 0 6px; } .eq > div{ position:absolute; inset:0; }

/* Untere Tab-Leiste */
.tabs{ position:fixed; z-index:40; left:0; right:0; bottom:0; display:flex; justify-content:center; gap:2px; padding:6px max(8px, var(--safe-l)) calc(6px + var(--safe-b)); background:rgba(9,14,28,.82); backdrop-filter:blur(20px) saturate(1.4); -webkit-backdrop-filter:blur(20px) saturate(1.4); border-top:1px solid var(--line); }
.tabs button{ flex:1; max-width:120px; display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 0; border-radius:12px; color:var(--faint); font-size:10.5px; font-weight:600; }
.tabs button .ic{ width:22px; height:22px; }
.tabs button.on{ color:#fff; } .tabs button.on .ic{ color:var(--ac); }

/* Sheet */
.sheetbg{ position:fixed; inset:0; z-index:50; background:rgba(0,0,0,.5); opacity:0; transition:opacity .2s; }
.sheetbg.in{ opacity:1; }
.sheet{ position:fixed; z-index:51; left:0; right:0; bottom:0; max-height:88vh; max-height:88dvh; display:flex; flex-direction:column; background:#0f1730; border:1px solid var(--glass-b); border-bottom:0; border-radius:22px 22px 0 0; transform:translateY(100%); transition:transform .25s var(--ease); padding-bottom:var(--safe-b); max-width:640px; margin:0 auto; box-shadow:0 -20px 60px rgba(0,0,0,.5); }
.sheet.in{ transform:none; }
.grab{ width:40px; height:4px; border-radius:2px; background:rgba(255,255,255,.2); margin:8px auto 0; }
.shead{ display:flex; align-items:center; justify-content:space-between; padding:8px 16px 8px; } .shead h3{ font-size:17px; }
.sbody{ overflow-y:auto; padding:0 16px 18px; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
.sbody .kick{ margin-top:14px; }
.sbody .row{ padding:10px 0; border-top:1px solid var(--line); }
.sbox{ display:flex; align-items:center; gap:8px; height:46px; padding:0 12px; border-radius:14px; background:rgba(0,0,0,.25); border:1px solid var(--glass-b); position:sticky; top:0; z-index:2; }
.sbox input{ flex:1; height:100%; background:none; border:0; outline:0; font-size:16px; min-width:0; }
.slist,.ilist,.alist{ list-style:none; padding:0; margin:8px 0 0; }
.slist li{ display:flex; align-items:center; border-top:1px solid var(--line); }
.slist .pick{ flex:1; text-align:start; padding:12px 4px; font-size:15px; } .slist .star{ padding:10px; color:var(--faint); }
.ilist li{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 0; border-top:1px solid var(--line); }
.ilist li b{ min-width:80px; }
.cdot{ width:12px; height:12px; border-radius:50%; flex:none; }
.pars{ display:flex; gap:6px; flex:1; }
.pars label{ display:flex; flex-direction:column; gap:2px; } .pars small{ font-size:10px; color:var(--faint); }
.pars input{ width:64px; height:34px; border-radius:10px; background:rgba(0,0,0,.25); border:1px solid var(--glass-b); padding:0 8px; }
.addgrid{ display:flex; flex-wrap:wrap; gap:6px; }
.alnew{ display:grid; grid-template-columns:1fr auto; gap:8px; align-items:end; margin-top:10px; }
.alnew label{ display:flex; flex-direction:column; gap:4px; } .alnew small{ font-size:11px; color:var(--faint); }
.alist li{ display:flex; align-items:center; gap:10px; padding:10px 0; border-top:1px solid var(--line); font-size:13.5px; }
.alist li .num{ margin-inline-start:auto; } .alist li.off{ opacity:.5; }
.set .row span{ font-size:14px; }

/* Toasts */
.toasts{ position:fixed; z-index:60; left:50%; top:calc(var(--safe-t) + 60px); transform:translateX(-50%); display:flex; flex-direction:column; gap:8px; width:min(92vw,420px); pointer-events:none; }
.toast{ padding:12px 14px; border-radius:14px; background:rgba(22,32,62,.96); border:1px solid var(--glass-b); box-shadow:0 12px 40px rgba(0,0,0,.45); display:flex; flex-direction:column; gap:2px; font-size:13px; animation:tin .3s var(--ease); transition:opacity .4s, transform .4s; }
.toast b{ font-size:14px; } .toast span{ color:var(--mut); }
.toast.good{ border-color:rgba(46,229,157,.5); } .toast.bad{ border-color:rgba(255,92,114,.5); }
.toast.out{ opacity:0; transform:translateY(-8px); }
@keyframes tin{ from{ opacity:0; transform:translateY(-10px); } }

/* ---- Größere Bildschirme: Z Fold aufgeklappt, Tablet ---- */
@media (min-width:640px){
  .view{ padding:14px 18px 0; }
  .cards{ grid-template-columns:1fr 1fr; }
  .cards .sig{ grid-column:1 / -1; }
  .mgrid.n2{ grid-template-columns:1fr 1fr; } .mgrid.n4{ grid-template-columns:1fr 1fr; }
  .mgrid.n2 .mc{ height:clamp(260px, 60vh, 640px); } .mgrid.n4 .mc{ height:clamp(200px, 30vh, 380px); }
  .sheet{ bottom:auto; top:50%; left:50%; right:auto; width:min(600px,92vw); border-radius:22px; border-bottom:1px solid var(--glass-b); transform:translate(-50%,-46%); opacity:0; transition:transform .22s var(--ease), opacity .2s; max-height:84vh; }
  .sheet.in{ transform:translate(-50%,-50%); opacity:1; }
  #v-paper, #v-list{ display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:start; } #v-paper > .card + .card, #v-list > .card + .card{ margin-top:0; }
  #v-paper[hidden], #v-list[hidden]{ display:none!important; }
  #v-list #watchCard{ grid-column:1 / -1; }
  .form{ grid-template-columns:repeat(4,1fr); }
  .tiles{ grid-template-columns:repeat(6,1fr); } .tiles.three{ grid-template-columns:repeat(3,1fr); }
}
@media (min-width:640px) and (max-width:1099px){ #v-list #fngCard{ grid-column:1 / -1; } }
@media (min-width:1100px){
  #v-chart{ display:grid; grid-template-columns:minmax(0,1fr) 380px; grid-template-rows:auto auto auto 1fr; column-gap:14px; }
  #v-chart > .chead, #v-chart > .toolbar, #v-chart > .drawbar{ grid-column:1; }
  #v-chart > .chartwrap{ grid-column:1; height:calc(100vh - 210px); min-height:480px; }
  #v-chart > .cards{ grid-column:2; grid-row:1 / span 5; margin-top:0; grid-template-columns:1fr; align-content:start; max-height:calc(100vh - 90px); overflow-y:auto; position:sticky; top:70px; scrollbar-width:thin; }
  .cards .tiles{ grid-template-columns:repeat(3,1fr); }
  #v-list{ grid-template-columns:360px 1fr; } #v-list #watchCard{ grid-column:auto; }
  #v-paper{ grid-template-columns:1fr 1fr 1fr; } #v-paper > .card:first-child{ grid-column:1 / -1; }
}
@media (max-width:380px){
  .lvls{ grid-template-columns:1fr 1fr; } .wl li{ grid-template-columns:minmax(0,1fr) auto auto; gap:6px; } .spark{ display:none; }
  .px{ font-size:19px; } .sgstate{ font-size:24px!important; } .tiles{ grid-template-columns:repeat(3,1fr); }
}
html[dir="rtl"] .chev{ transform:rotate(45deg) translate(-2px,-2px); }
html[dir="rtl"] .legend{ left:auto; right:auto; left:12px; }
@media (prefers-reduced-motion:reduce){ *{ animation:none!important; transition:none!important; } }
.appcard .btn{ margin:10px 0 4px; width:100%; text-decoration:none; }
.appcard .row{ align-items:center; }
.xb{ display:inline-block; margin-inline-start:6px; padding:1px 6px; border-radius:6px; font-size:10px; font-weight:700; letter-spacing:.02em; vertical-align:middle; background:rgba(255,255,255,.08); color:var(--mut); line-height:16px; }
.xb:empty{ display:none; }
.xb.x-b{ background:rgba(240,185,11,.12); color:#f0c94b; } .xb.x-o{ background:rgba(124,196,255,.14); color:#9fd3ff; } .xb.x-g{ background:rgba(46,229,157,.14); color:#6ff0bf; } .xb.x-t{ background:rgba(0,214,214,.13); color:#5fe6e6; }
.symbtn .xb{ margin-inline-start:8px; }
.wn .xb{ margin-inline-start:4px; font-size:9px; padding:0 5px; }
/* ---------- Markt-Scanner ---------- */
#v-scan > * + *{ margin-top:12px; }
.mkctl{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px; margin:10px 0 4px; }
.mksel{ display:flex; flex-direction:column; gap:2px; } .mksel small{ font-size:10.5px; color:var(--faint); font-weight:600; }
.mksel select{ height:34px; border-radius:10px; background:var(--glass-hi); border:1px solid var(--glass-b); color:var(--txt); padding:0 8px; font:inherit; font-size:12.5px; }
.mkprog{ margin-top:10px; } .mkprog > div{ height:6px; border-radius:6px; background:rgba(255,255,255,.06); overflow:hidden; margin-bottom:6px; }
.mkprog i{ display:block; height:100%; width:3%; background:linear-gradient(90deg,var(--ac),var(--up)); border-radius:6px; transition:width .4s var(--ease); }
.mkal{ margin-top:10px; padding-top:10px; border-top:1px solid var(--line); } .mkal span{ font-size:13.5px; }
.mktop{ background:linear-gradient(160deg, rgba(46,229,157,.12), rgba(124,196,255,.06)); border-color:rgba(46,229,157,.3); }
.mktopm{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:10px; cursor:pointer; }
.mktopm h3{ margin:0; font-size:24px; letter-spacing:-.02em; } .mktopm h3 .lo{ font-size:14px; font-weight:600; }
.mktopm .r{ display:flex; flex-direction:column; align-items:flex-end; } .mktopm .r b{ font-size:18px; } .mktopm .r span{ font-size:12.5px; font-weight:600; }
.mkwhy{ margin:10px 0 0; padding-inline-start:18px; font-size:13px; line-height:1.5; color:var(--txt); } .mkwhy li + li{ margin-top:3px; }
.mkcats{ display:grid; gap:12px; }
.mkcat .kick .cnt{ margin-inline-start:4px; min-width:20px; height:18px; padding:0 6px; border-radius:9px; background:rgba(255,255,255,.08); color:var(--txt); font-size:11px; display:inline-flex; align-items:center; justify-content:center; letter-spacing:0; }
.mkcat.c-fresh{ border-color:rgba(46,229,157,.32); } .mkcat.c-fresh .kick .ic{ color:var(--up); }
.mkcat.c-soon .kick .ic{ color:var(--warn); } .mkcat.c-avoid .kick .ic{ color:var(--dn); }
.mkcat > .small{ margin:2px 0 0; }
.mkl li.mk{ display:block; }
.mkl li.none{ display:block; cursor:default; color:var(--faint); font-size:13px; }
.mkm{ display:grid; grid-template-columns:minmax(0,1fr) 56px auto 44px; gap:8px; align-items:center; }
.mkm .spill{ min-width:0; width:44px; padding:5px 0; } .mkm .spill b{ font-size:12.5px; }
.mkm .wp{ display:flex; flex-direction:column; align-items:flex-end; } .mkm .wp b{ font-size:14px; } .mkm .wp span{ font-size:11.5px; font-weight:600; color:var(--mut); }
.mkt{ display:flex; flex-wrap:wrap; gap:4px 10px; margin-top:6px; font-size:11.5px; color:var(--mut); }
.mkt b{ font-weight:700; color:var(--txt); font-variant-numeric:tabular-nums; } .mkt i{ font-style:normal; }
.mkd{ margin-top:10px; padding:10px; border-radius:14px; background:rgba(255,255,255,.03); border:1px solid var(--line); cursor:default; }
.mkd .mkwhy{ margin:0 0 10px; } .mkd .tiles{ margin-bottom:10px; } .mkd .kick{ margin-top:4px; }
.mkd .two{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; } .mkd .btn{ height:42px; padding:0 10px; font-size:13px; } .mkd .btn .ic{ width:16px; height:16px; }
.btn.ghost{ background:var(--glass-hi); color:var(--txt); border:1px solid var(--glass-b); }
.mkcat > .pill{ margin-top:8px; }
.mkdisc{ margin:14px 2px 4px; }
@media (min-width:900px){
  #v-scan{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; align-items:start; } #v-scan > * + *{ margin-top:0; }
  #v-scan[hidden]{ display:none!important; }
  .mkcats{ grid-column:1 / -1; grid-template-columns:1fr 1fr; align-items:start; } .mkdisc{ grid-column:1 / -1; }
}
@media (min-width:1400px){ .mkcats{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:380px){ .mkm{ grid-template-columns:minmax(0,1fr) auto 40px; } .mkm .spark{ display:none; } }
.wl .mkwhy li{ display:list-item; padding:0; border:0; cursor:auto; grid-template-columns:none; }
.wl .why li{ display:grid; grid-template-columns:20px 1fr auto; padding:6px 8px; border:0; cursor:auto; }
/* ---------- Elliott-Wellen ---------- */
.ewc .kick .ic{ color:var(--vio); }
.ewtop{ display:flex; align-items:center; gap:12px; margin:8px 0 6px; } .ewtop b{ display:block; font-size:16px; } .ewtop .small{ display:block; }
.ewb{ display:inline-flex; align-items:center; justify-content:center; min-width:46px; height:34px; padding:0 8px; border-radius:12px; font-weight:800; font-size:15px; background:rgba(199,155,255,.14); color:var(--vio); border:1px solid rgba(199,155,255,.35); font-variant-numeric:tabular-nums; }
.ewb.good{ background:rgba(46,229,157,.13); color:var(--up); border-color:rgba(46,229,157,.4); } .ewb.bad{ background:rgba(255,92,114,.13); color:var(--dn); border-color:rgba(255,92,114,.4); }
.ewb.sm{ min-width:0; height:18px; padding:0 6px; border-radius:6px; font-size:10.5px; }
.ewtxt{ margin:6px 0 10px; font-size:14px; line-height:1.5; }
.ewc .tiles b{ font-size:13px; } .ewf{ margin-top:10px; padding-top:10px; border-top:1px solid var(--line); } .ewf span{ font-size:13.5px; }
/* ---------- Aktien ---------- */
.xb.x-y{ background:rgba(167,139,250,.16); color:#c4b5fd; } .xb.x-k{ background:rgba(251,146,60,.15); color:#fdba74; }
.slist .snm, .wn .snm{ display:block; font-size:11px; font-weight:400; color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.slist .pick{ flex-wrap:wrap; }
.slist li.sehd{ padding:10px 4px 4px; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--mut); border:0; }
.slist li.sehint{ padding:2px 4px 8px; font-size:12px; color:var(--mut); border:0; }
.semode{ margin:8px 0 2px; width:100%; overflow-x:auto; } .semode button{ flex:1 0 auto; }
.stkbar{ margin:0 12px 8px; padding:8px 10px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); }
.stkbar .sbr{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .stkbar .sbr .pill{ margin-inline-start:auto; }
.stkbar p{ margin:4px 0 0; }
.fr{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; padding:2px 8px; border-radius:999px; background:rgba(255,255,255,.06); }
.fr i{ width:7px; height:7px; border-radius:50%; background:var(--mut); }
.fr.live{ color:#6ff0bf; background:rgba(46,229,157,.12); } .fr.live i{ background:#2ee59d; box-shadow:0 0 0 3px rgba(46,229,157,.18); animation:frp 1.6s infinite; }
.fr.delay{ color:#fcd34d; background:rgba(252,211,77,.12); } .fr.delay i{ background:#fcd34d; }
.fr.closed{ color:#cbd5e1; } .fr.closed i{ background:#94a3b8; }
@keyframes frp{ 50%{ opacity:.35; } }
.pill.sm{ padding:3px 10px; font-size:12px; }
/* Elliott-Projektion (v1.5) */
.ewpj{ position:absolute; left:8px; bottom:34px; z-index:5; display:inline-flex; align-items:center; gap:5px; height:28px; padding:0 10px; border-radius:var(--r-pill); font-size:11.5px; font-weight:700; color:var(--txt);
  background:rgba(7,11,22,.72); border:1px solid rgba(199,155,255,.35); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.ewpj .ic{ width:14px; height:14px; color:var(--vio); }
.ewpj b{ font-variant-numeric:tabular-nums; padding:1px 6px; border-radius:8px; background:rgba(255,255,255,.08); font-size:11px; }
.ewpj.on{ border-color:rgba(199,155,255,.7); } .ewpj.on.hi b{ background:rgba(46,229,157,.2); color:var(--up); } .ewpj.on.mid b{ background:rgba(255,193,77,.2); color:var(--warn); } .ewpj.on.lo b{ background:rgba(255,92,114,.18); color:var(--dn); }
.ewpj:not(.on){ opacity:.8; }
.ewpjh{ margin-top:12px; } .ewpjh .kick{ margin:0; }
.ewpjl{ list-style:none; margin:8px 0 6px; padding:0; display:grid; gap:6px; }
.ewpjl li{ padding:8px 10px; border-radius:12px; background:rgba(255,255,255,.035); border:1px solid var(--glass-b); border-inline-start:3px solid rgba(46,229,157,.6); }
.ewpjl li.d{ border-inline-start-color:rgba(255,92,114,.6); } .ewpjl li.cur{ background:rgba(199,155,255,.08); }
.ewpjl .l1{ font-size:13px; } .ewpjl .l1 em{ font-style:normal; font-size:10.5px; font-weight:700; color:var(--vio); background:rgba(199,155,255,.14); padding:1px 6px; border-radius:8px; margin-inline-start:4px; }
.ewpjl .l2{ display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; font-size:13px; font-weight:600; margin-top:3px; }
.ewpjl .l3{ margin-top:2px; } .ewpjl .warn{ color:var(--warn); }
.ewinv{ display:flex; justify-content:space-between; gap:8px; align-items:center; padding:8px 10px; border-radius:12px; background:rgba(255,92,114,.1); border:1px solid rgba(255,92,114,.4); color:#ffb3bd; font-size:13px; font-weight:600; margin:4px 0 8px; }
.ewhit{ margin:8px 0 4px; padding:8px 10px; border-radius:12px; background:rgba(124,196,255,.06); border:1px solid rgba(124,196,255,.2); } .ewhit .kick{ margin:0 0 4px; } .ewhit p.small{ margin:2px 0; }
/* v1.6 Tages-Filter-Abzeichen + Sektor-Fluss */
.dtbw{ position:absolute; left:8px; bottom:68px; z-index:5; display:inline-flex; gap:4px; padding:0; border:0; background:none; cursor:pointer; }
.dtb{ display:inline-flex; align-items:center; height:24px; padding:0 8px; border-radius:var(--r-pill); font-size:11px; font-weight:700; white-space:nowrap; background:rgba(12,19,40,.82); border:1px solid var(--line); color:var(--mut); }
.dtb.y{ color:var(--up); border-color:rgba(46,229,157,.45); } .dtb.n{ color:var(--dn); border-color:rgba(255,92,114,.45); } .dtb.u{ color:var(--warn); }
.dtb.sm{ height:18px; padding:0 6px; font-size:10px; background:rgba(255,255,255,.04); }
.dtw{ list-style:none; padding:0; margin:8px 0; }
.tbl tr.cur td{ background:rgba(124,196,255,.10); font-weight:700; }
#verFlt{ margin-top:6px; }
.mksec .kick .cnt{ margin-inline-start:4px; min-width:20px; height:18px; padding:0 6px; border-radius:9px; background:rgba(255,255,255,.08); color:var(--txt); font-size:11px; display:inline-flex; align-items:center; justify-content:center; }
.sfl{ list-style:none; margin:8px 0; padding:0; display:grid; gap:6px; }
.sx{ padding:9px 10px; border-radius:12px; background:rgba(255,255,255,.035); border:1px solid var(--line); cursor:pointer; min-width:0; }
.sx.open{ border-color:rgba(124,196,255,.4); }
.sxm{ display:flex; align-items:center; gap:8px; min-width:0; } .sxm > b{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.sxd{ font-weight:700; font-size:13px; min-width:44px; text-align:end; }
.vd{ flex:0 0 auto; font-size:10.5px; font-weight:700; padding:3px 8px; border-radius:var(--r-pill); background:rgba(255,255,255,.06); color:var(--mut); white-space:nowrap; }
.vd.v-in{ background:rgba(46,229,157,.15); color:var(--up); } .vd.v-sell{ background:rgba(255,92,114,.15); color:var(--dn); } .vd.v-one{ background:rgba(255,193,77,.12); color:var(--warn); }
.vd.v-busy{ background:rgba(199,155,255,.14); color:var(--vio); } .vd.v-dry{ color:var(--faint); }
.sxs{ display:flex; flex-wrap:wrap; gap:2px 10px; margin-top:4px; font-size:11.5px; color:var(--mut); } .sxs b{ font-variant-numeric:tabular-nums; }
.sxc{ list-style:none; margin:8px 0 2px; padding:0; display:grid; gap:2px; }
.sxc li{ display:grid; grid-template-columns:minmax(0,1fr) 64px 64px 70px; gap:6px; align-items:center; padding:6px 4px; border-top:1px solid var(--line); font-size:12.5px; cursor:pointer; }
.sxc li span{ text-align:end; }

/* ---------- v1.7: Journal + Scanner-Optionen ---------- */
.jtb .ic{ color:var(--ac); }
.mkopt{ display:flex; flex-wrap:wrap; gap:8px; padding:4px 0 8px; }
.mkopt .mksel{ flex:1 1 30%; min-width:104px; }
.mkopt select{ width:100%; }
.mk1h{ margin:2px 0 8px; } .mk1h a{ color:var(--ac); font-weight:700; white-space:nowrap; }
.jbtn{ margin-top:8px; }
.joff{ position:fixed; left:-10000px; top:0; width:760px; height:420px; pointer-events:none; }
.jsave .jimg{ border-radius:12px; overflow:hidden; background:#0b1226; border:1px solid var(--line); min-height:60px; display:flex; align-items:center; justify-content:center; margin:6px 0 8px; }
.jsave .jimg img, .jpic img{ display:block; width:100%; height:auto; }
.jsave .jimg p{ padding:18px; }
.jsave textarea, .jedit textarea{ width:100%; resize:vertical; min-height:64px; font:inherit; color:var(--txt); background:var(--glass); border:1px solid var(--glass-b); border-radius:12px; padding:8px 10px; }
.jdl{ display:grid; grid-template-columns:minmax(92px, 32%) 1fr; gap:6px 10px; margin:6px 0 4px; font-size:13px; }
.jdl dt{ color:var(--faint); font-size:12px; } .jdl dd{ margin:0; min-width:0; overflow-wrap:anywhere; }
.jdl .lq{ color:#ffa26b; } .jdl .jbad{ display:flex; flex-wrap:wrap; gap:4px; }
.jctl{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px; margin:8px 0 2px; }
.jctl .jst{ display:inline-flex; align-items:center; gap:4px; } .jctl input{ width:90px; }
.jstats .tiles span.lo{ display:block; font-size:11px; }
.jf{ margin-top:6px; } .jf .pill{ font-size:12px; }
.jl{ list-style:none; margin:10px 0 0; padding:0; }
.jl li{ display:flex; align-items:center; gap:10px; padding:9px 2px; border-top:1px solid var(--line); cursor:pointer; }
.jl li.none{ cursor:default; color:var(--faint); font-size:13px; }
.jth{ flex:none; width:64px; height:40px; border-radius:8px; object-fit:cover; background:#0b1226; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--faint); }
.jth .ic{ width:18px; height:18px; }
.jm{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; } .jm .small{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.jnote{ color:var(--faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-style:italic; }
.jr{ flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:3px; text-align:end; }
.jo{ font-size:11px; font-weight:700; padding:2px 7px; border-radius:7px; background:rgba(255,255,255,.07); color:var(--faint); white-space:nowrap; }
.jo.o-tgt{ background:rgba(46,229,157,.16); color:#7af0c0; } .jo.o-stop{ background:rgba(255,92,114,.16); color:#ff9aa8; } .jo.o-liq{ background:rgba(255,162,107,.18); color:#ffb98c; } .jo.o-open{ background:rgba(124,196,255,.15); color:#a9d8ff; }
.jsrc{ font-style:normal; font-weight:600; } .jsrc.s-auto{ color:#c79bff; } .jsrc.s-scan{ color:#7cc4ff; }
.jdet .jh{ margin:8px 0 2px; font-size:19px; }
.jvs{ margin:10px 0 8px; }
.jba{ display:grid; gap:10px; }
.jba figure{ margin:0; min-width:0; } .jba figcaption{ font-size:12px; color:var(--faint); margin:0 0 4px; font-weight:600; }
.jba.v-a .jb, .jba.v-b .ja{ display:none; }
.jpic{ border-radius:12px; overflow:hidden; background:#0b1226; border:1px solid var(--line); min-height:120px; }
.jpic > p{ padding:16px; }
.jlive{ height:300px; position:relative; }
.jpic .jlive{ border:0; }
.jres{ margin-top:10px; } .jres .lo{ display:block; font-size:11px; }
.jres b.jo{ font-size:13px; display:inline-block; }
.jew{ margin-top:4px; }
.jnote2{ white-space:pre-wrap; background:var(--glass); border:1px solid var(--glass-b); border-radius:12px; padding:8px 10px; font-size:13px; }
.jedit .two{ margin-top:8px; } .jdel{ margin-top:10px; color:#ff9aa8; }
@media (min-width:760px){
  .jvs{ display:none; }
  .jba, .jba.v-a, .jba.v-b{ grid-template-columns:1fr 1fr; }
  .jba.v-a .jb, .jba.v-b .ja{ display:block; }
  .jlive{ height:320px; }
}
.jres .tiles small, .jstats .tiles small{ white-space:normal; overflow:visible; }
.jew{ padding:0; margin:6px 0 0; }