:root{--bg:#071426;--panel:#0d233e;--panel2:#102c4c;--panel3:#123558;--line:#23486b;--gold:#d6b56d;--gold2:#f5db96;--text:#f3f7ff;--muted:#98b3ce;--ice:#99d7ff;--good:#73d7ba;--warn:#f5c66c;--bad:#fb8796;--pad:16px;--shadow:0 12px 32px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 60% -12%,#1a4367 0,transparent 43%),linear-gradient(180deg,#0a1a31,#071426 53%)}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}.shell{max-width:760px;margin:0 auto;min-height:100vh;padding-bottom:calc(91px + env(safe-area-inset-bottom))}.app-header{padding:calc(17px + env(safe-area-inset-top)) var(--pad) 15px;border-bottom:1px solid rgba(214,181,109,.28);background:linear-gradient(160deg,#0e2b49,#091d36 70%)}.brand-line{display:flex;align-items:center;gap:12px}.brand-symbol{height:45px;min-width:62px;display:grid;place-content:center;border:1px solid #d7b46e;border-radius:13px;box-shadow:inset 0 0 15px rgba(214,181,109,.08);font-size:21px;letter-spacing:-1.6px;font-weight:900;color:#fff}.brand-symbol span{color:#f6ce7c}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-text strong{font-size:20px;letter-spacing:.1px}.brand-text small{font-size:11px;color:var(--muted)}.preview-tag{margin-left:auto;color:var(--gold2);border:1px solid #7d6b49;border-radius:30px;font-size:10px;padding:4px 7px;letter-spacing:1px}.connection{display:flex;gap:8px;align-items:center;color:#b3c6d9;font-size:11px;margin-top:12px}.connection-dot{height:7px;width:7px;background:#8aa2b4;border-radius:50%}.connection-separator{opacity:.5}.page{padding:18px var(--pad) 24px}.page-top{margin-bottom:18px}.page-top h1{margin:0 0 7px;font-size:23px;line-height:1.3;letter-spacing:.2px}.page-top p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:var(--gold);font-weight:750;margin:0 0 6px}.panel{background:linear-gradient(160deg,rgba(19,48,78,.98),rgba(12,33,56,.99));border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:13px;box-shadow:var(--shadow)}.panel--gold{border-color:#927544;background:linear-gradient(155deg,#1d3750,#10233a)}.panel h2,.panel h3{font-size:15px;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:6px}.small{font-size:12px}.muted{color:var(--muted)}.gold{color:var(--gold2)}.ice{color:var(--ice)}.green{color:var(--good)}.red{color:var(--bad)}.btn{border:1px solid #527492;border-radius:11px;background:linear-gradient(180deg,#1b507b,#123659);color:#f1f8ff;font-size:13px;font-weight:750;padding:12px 14px;min-height:44px;box-shadow:0 2px 0 rgba(0,0,0,.17);transition:transform .1s,background .12s}.btn:active{transform:translateY(1px);background:#173856}.btn--gold{color:#12283a;background:linear-gradient(180deg,#f1d897,#cda55d);border-color:#efca76}.btn--light{background:#183650;border-color:#2d5875}.btn--ghost{background:transparent;color:#cbddef;border-color:#315573}.btn--danger{background:#652b3b;border-color:#a45165;color:#fff}.btn--small{padding:7px 11px;min-height:34px;font-size:12px}.btn--full{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:9px}.button-row>.btn{flex:1 1 auto}.spaced{display:flex;justify-content:space-between;align-items:center;gap:9px}.divider{height:1px;background:#244663;margin:15px 0}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.stat{padding:13px 12px;background:#0d2948;border:1px solid #224c70;border-radius:13px}.stat .label{color:var(--muted);font-size:11px}.stat strong{display:block;font-size:23px;letter-spacing:-.2px;margin-top:5px;font-variant-numeric:tabular-nums}.stat small{font-size:11px;color:var(--muted)}.stat--gold{border-color:#997847}.stat--gold strong{color:#f3d17e}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:5px 9px;border-radius:20px;background:#183f62;border:1px solid #315a79;color:#b9d8f0;font-size:11px;font-weight:600}.chip--gold{background:#3b3428;color:var(--gold2);border-color:#67553a}.lottery-balls{display:flex;gap:7px;justify-content:space-between;margin:14px 0 8px}.ball{height:clamp(41px,10vw,55px);width:clamp(41px,10vw,55px);border-radius:50%;display:grid;place-items:center;color:#283044;font-weight:900;font-size:19px;background:radial-gradient(circle at 35% 25%,#fffbe6 0%,#ffe596 25%,#e8b54d 70%,#b88637 100%);box-shadow:inset -3px -5px 9px rgba(106,63,15,.2),0 3px 8px rgba(0,0,0,.25)}.ball--empty{background:#244362;color:#7894ac;box-shadow:none;border:1px dashed #46647f}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:11px;color:#aec4da;font-weight:700}.field input,.field select,.field textarea,.num-input,.site-input{width:100%;min-height:44px;border-radius:10px;border:1px solid #335c7c;background:#081f36;color:var(--text);padding:10px 11px;font-size:15px}.field input[type="date"]{color-scheme:dark}.field input:focus,.field select:focus,.num-input:focus{border-color:var(--gold)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.form-grid .full{grid-column:1/-1}.number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.number-card{border:1px solid #2b4e70;border-radius:11px;background:#0a253e;padding:8px;min-width:0}.number-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.number-pill{height:28px;min-width:28px;border-radius:8px;display:grid;place-content:center;background:#244968;color:#e8d09c;font-size:12px;font-weight:800}.number-label{font-size:10px;color:var(--muted);text-align:right}.num-input{min-height:38px;padding:7px 7px;font-size:15px;text-align:right;appearance:textfield}.number-bottom{font-size:11px;color:var(--ice);padding-top:8px;text-align:right;font-variant-numeric:tabular-nums}.tab-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.tab-pill{font-size:12px;font-weight:750;padding:9px 14px;border-radius:10px;color:#a8c6de;background:#0c2d48;border:1px solid #255476}.tab-pill.active{color:#132b41;background:var(--gold2);border-color:#e9bd66}.line-list{display:grid;gap:8px}.line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#0d2c49;border:1px solid #234761;border-radius:11px;font-size:13px}.line strong{font-size:15px;font-variant-numeric:tabular-nums}.line .sub{font-size:11px;color:var(--muted);margin-top:3px}.section-label{font-size:11px;color:var(--gold);font-weight:800;margin-bottom:9px;letter-spacing:.5px}.mini-stat{padding:13px;background:#071d32;border-radius:11px;border:1px solid #2b4c67}.mini-stat strong{display:block;font-size:20px;margin-top:5px}.site-card{padding:14px;border-radius:13px;background:#0b2a46;border:1px solid #2b4c69;margin-bottom:10px}.site-card .site-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.site-card .site-header strong{font-size:14px}.site-input{font-size:14px;min-height:41px;padding:7px 9px}.switch-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#c5deed}.switch-label input{accent-color:#e4bc72;width:19px;height:19px}.table-scroll{overflow-x:auto;margin-top:12px;border:1px solid #2c4d6b;border-radius:11px}.data-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.data-table th{background:#1c4060;color:#d7e9fa;text-align:left}.data-table th,.data-table td{padding:10px 9px;border-bottom:1px solid #264461}.data-table tbody tr:nth-child(2n){background:#0a233b}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:0}.expand{border:1px solid #2c5272;border-radius:12px;overflow:hidden;margin-top:10px}.expand summary{cursor:pointer;padding:12px 13px;background:#153754;font-size:13px;font-weight:750}.expand .expand-body{padding:12px;background:#09243d}.notice{padding:12px 13px;border-radius:11px;color:#d6e6f2;border:1px solid #31546d;background:#102f4b;font-size:12px;line-height:1.65;margin:12px 0}.notice--warning{background:#3a3326;border-color:#68573a;color:#f5ddb0}.empty{padding:23px 14px;text-align:center;color:#a6bfce;font-size:13px;line-height:1.8;border:1px dashed #3e5a73;border-radius:12px}.empty strong{display:block;font-size:15px;color:#d9eafa;margin-bottom:5px}.footer-note{font-size:11px;color:#7899b6;text-align:center;margin:20px 2px 6px;line-height:1.6}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 5px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #5c593e;background:rgba(8,26,44,.97);backdrop-filter:blur(18px);box-shadow:0 -7px 25px rgba(0,0,0,.3)}.nav-item{border:0;background:transparent;color:#8fa9bc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:10px;font-weight:800;min-height:55px;border-radius:11px}.nav-icon{font-size:22px;line-height:1.2}.nav-item.active{color:#f5d78c;background:linear-gradient(#233e53,#182f44)}.toast{position:fixed;bottom:calc(91px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(12px);background:#e8c985;color:#182e42;font-weight:800;font-size:12px;max-width:min(90vw,470px);width:max-content;text-align:center;border-radius:10px;padding:11px 15px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:var(--shadow);z-index:30}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.text-action{color:#e7c480;background:transparent;border:0;padding:5px;font-size:12px;text-decoration:underline}.hr{border:0;border-top:1px solid #244663;margin:14px 0}@media(min-width:580px){:root{--pad:24px}.number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.app-header{border-left:1px solid #1c3550;border-right:1px solid #1c3550}}@media(max-width:360px){.brand-text strong{font-size:17px}.number-grid{gap:6px}.number-card{padding:6px}.num-input{font-size:13px}.lottery-balls{gap:5px}.ball{height:40px;width:40px}}

/* Mobile Web V0.2 capture workflow */
.capture-site{padding:12px 11px;margin:8px 0;background:#0b2b49;border:1px solid #2a5172;border-radius:12px}
.capture-site-head,.capture-site-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.capture-site-head strong{font-size:14px}.capture-site .sub{color:#9cbad0;font-size:11px;margin-top:4px}
.capture-site-bottom{margin-top:10px}.capture-actions{display:flex;gap:7px;align-items:center}
.status-tag{font-size:11px;font-weight:800;border:1px solid #456583;border-radius:99px;background:#163750;color:#b9d1e5;padding:5px 9px;white-space:nowrap}
.status-success{background:#143f3b;border-color:#387b69;color:#8ce0ba}.status-failed{background:#492a34;border-color:#9d5063;color:#ffc0cb}
.status-logging,.status-reading{background:#5b4527;border-color:#a78242;color:#ffe5a6}
button:disabled{opacity:.52;cursor:not-allowed;transform:none}
@media(max-width:365px){.capture-site-bottom{align-items:flex-start}.capture-actions{width:100%;justify-content:flex-end}.btn{padding:10px 9px;font-size:12px}}

/* Mobile Web V0.3 - Desktop-inspired responsive panels */
.brand-symbol.brand-symbol--rocket{min-width:48px;width:48px;height:48px;overflow:hidden;padding:0;border-radius:13px;border-color:#d6b56d;background:#0b2036}
.brand-symbol--rocket img{width:100%;height:100%;object-fit:cover}
.shell{max-width:1040px}.bottom-nav{width:min(1040px,100%)}
.page-top{border-bottom:1px solid rgba(214,181,109,.16);padding-bottom:12px}
.page-top h1{font-size:24px}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:4px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
.dash-metric{padding:10px 8px;background:#0b2c49;border:1px solid #345574;border-radius:9px;min-width:0}
.dash-metric small{display:block;color:#9bbbd2;font-size:10px;margin-bottom:4px}
.dash-metric strong{color:#f5d78c;display:block;overflow-wrap:anywhere;font-size:clamp(12px,3vw,18px);font-variant-numeric:tabular-nums}
.rank-table{overflow:auto;max-height:520px;margin:11px 0 15px;border:1px solid #2a4f70;border-radius:9px}
.rank-table .data-table th{position:sticky;top:0;z-index:1}
.rank-table .data-table th,.rank-table .data-table td{padding:8px 8px}
.rank-index{color:#f2ce87;font-size:11px;font-weight:750}
.rank-ball{display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;font-size:12px;font-weight:900;color:#1b2c3e;background:radial-gradient(circle at 33% 25%,#fff9e1,#f5d588 35%,#cb9640 89%);box-shadow:0 2px 5px rgba(0,0,0,.2)}
.ranking-table tbody tr:nth-child(odd){background:#0f2c46}
.dashboard-pair{display:grid;grid-template-columns:1fr;gap:0}
.fixed-number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.fixed-number{display:flex;align-items:center;gap:6px;justify-content:space-between;padding:6px 7px;background:#112f4b;border:1px solid #254763;border-radius:7px;min-width:0}
.fixed-number .rank-ball{width:24px;height:24px;flex-basis:24px;font-size:11px}
.fixed-value{font-size:12px;font-variant-numeric:tabular-nums;color:#b4dcf6;white-space:nowrap}
.fixed-value small{color:#7797b4;font-size:9px}
.dash-total{display:flex;justify-content:space-between;align-items:center;background:#1c486c;padding:11px 12px;margin-top:9px;border-radius:8px;font-size:13px}
.dash-total strong{color:#f7d896}
.trade-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.trade-toolbar .btn{padding:10px 8px;font-size:12px}
.trade-sites{display:grid;gap:8px;margin:14px 0}
.trade-site{border:1px solid #385877;background:linear-gradient(145deg,#163a59,#09253d);border-radius:12px;overflow:hidden}
.trade-site-bar{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;padding:9px 10px;background:#173f60}
.trade-site-name{display:flex;align-items:center;gap:7px}
.trade-site-name strong{font-size:15px;color:#f4f8ff}
.trade-site-body{padding:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.trade-site-body .site-input{min-height:39px}
.trade-enable{grid-column:span 2;display:flex;align-items:center;gap:8px;font-size:12px;color:#a8c5dc}
.trade-enable input{accent-color:#e3bb6e;width:17px;height:17px}
.trade-site-footer{padding:0 10px 11px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.trade-site-footer .capture-actions{gap:6px}
.trade-site-footer .btn{min-height:32px;padding:6px 9px;font-size:11px}
.compare-select .tab-pill{flex:1}
.btn:disabled{opacity:.5}
@media(min-width:720px){.dashboard-pair{grid-template-columns:1fr 1fr;gap:13px}.dashboard-pair>.panel{min-width:0}.trade-sites{grid-template-columns:1fr 1fr}.fixed-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:365px){.dashboard-metrics{gap:4px}.dash-metric{padding:9px 5px}.fixed-number{padding:6px 5px}.fixed-value{font-size:11px}.rank-ball{width:25px;height:25px}.trade-site-name strong{font-size:13px}.trade-site-footer .btn{font-size:10px}}

/* Mobile Web V0.5 | page 3 / page 4 smartphone redesign */
.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px}
.nav-item{font-size:10px;min-width:0;padding:3px 0}
.nav-icon{font-size:20px}
.proportion-panel{padding:13px}
.prop-head{display:grid;grid-template-columns:minmax(0,1fr) 140px 74px;padding:8px 6px;gap:4px;color:#c8dded;font-size:11px;background:#1b3853;border-radius:8px 8px 0 0}
.prop-head span:nth-child(2),.prop-head span:last-child{text-align:center}
.prop-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 74px;align-items:center;gap:4px;padding:8px 5px;border-bottom:1px solid #284c69;background:#0d2a47}
.prop-row:nth-of-type(even){background:#103452}
.prop-site{min-width:0;display:grid;gap:2px}
.prop-site b{font-size:12px;overflow-wrap:anywhere;color:#f7d690}
.prop-site small{font-size:10px;color:#9bbbd6}
.stepper{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0}
.stepper button{background:#254b72;color:#f5e9c8;border:1px solid #456685;min-width:29px;height:34px;border-radius:7px;font-size:17px;font-weight:700;padding:0}
.stepper input{width:62px;min-width:0;text-align:center;background:#071c31;border:1px solid #3e6282;color:#f8faff;border-radius:7px;height:34px;font-size:12px;font-weight:700;padding:0 2px;appearance:textfield}
.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.prop-total{text-align:right;color:#9ed8f9;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.prop-total small{display:block;font-size:9px;color:#8aacc6}
.prop-foot{display:flex;justify-content:space-between;gap:10px;padding:11px 7px;background:#1c4262;border-radius:0 0 8px 8px;font-size:12px;margin-bottom:10px}
.prop-foot strong{color:#f6dc92}
.proportion-panel>.button-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.proportion-panel>.button-row .btn{font-size:11px;padding:8px 4px}
.fit-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.fit-tabs .tab-pill{min-width:0;text-align:center;padding:10px 5px;font-size:12px}
.grid-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}
.grid-buttons .btn{min-width:0;padding:9px 5px;font-size:11px}
.grid-buttons .btn:last-child{grid-column:1/-1}
.double-table{overflow:hidden;border:1px solid #345774;border-radius:9px;margin:12px 0 15px}
.two-th,.two-tr{display:grid;grid-template-columns:53px minmax(0,1fr) 53px minmax(0,1fr);align-items:center;text-align:center}
.two-th{background:#244663;color:#e2edfb;font-size:12px;font-weight:800;min-height:35px}
.two-tr{background:#092640;border-top:1px solid #29465c;min-height:40px}
.two-tr:nth-child(odd){background:#0e304d}
.two-tr>span:first-child,.two-tr>strong:nth-child(2){border-right:1px solid #486984}
.two-tr>span:nth-child(3){border-right:1px solid #486984}
.two-tr .rank-ball{width:27px;height:27px;font-size:13px}
.two-tr strong{color:#a9deff;font-variant-numeric:tabular-nums;font-size:14px}
.two-total{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#1e4969;font-size:13px}
.two-total strong{font-size:17px;color:#f3d58f;font-variant-numeric:tabular-nums}
.trial-panel{padding:12px}
.five-inputs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:12px}
.five-inputs label{display:grid;gap:5px;color:#aaccdf;text-align:center;font-size:10px;min-width:0}
.five-inputs input{width:100%;height:40px;min-width:0;border:1px solid #3c6786;border-radius:8px;color:#f4d38c;background:#071d33;text-align:center;font-size:14px;font-weight:800;padding:3px;appearance:textfield}
.trial-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
.trial-controls label{display:grid;gap:6px;color:#d3ad62;font-size:11px;min-width:0}
.trial-controls input{min-width:0;width:100%;height:39px;border:1px solid #446887;border-radius:8px;background:#071f36;color:#e7f3ff;padding:6px 5px;text-align:center;font-size:13px}
.trial-results{border:1px solid #375570;border-radius:9px;overflow:hidden}
.trial-line{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1fr);gap:5px;align-items:center;padding:11px 9px;font-size:12px;border-bottom:1px solid #2a4661;background:#0b263f}
.trial-line:nth-child(2n){background:#10314e}
.trial-line:last-child{border-bottom:0}
.trial-line>strong{font-size:12px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.trial-line>strong:last-child{color:#a9ddff}
.trial-line>strong.red:last-child{color:#ff8590}
.trial-line>strong.green:last-child{color:#7fdfad}
.distribution-card{border:1px solid #3b5973;background:#0e2d49;border-radius:11px;min-width:min(276px,90%);width:calc(100% - 18px);flex:0 0 calc(100% - 18px);scroll-snap-align:center;overflow:hidden}
.distribution-header{background:#283a3b;border-bottom:1px solid #947745;color:#f8da8c;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:7px}
.distribution-header strong{font-size:15px}
.distribution-total{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#174265;color:#a9dffb;font-size:12px}
.distribution-total strong{font-size:16px;color:#f2d28d}
.distribution-stepper{display:flex;align-items:center;justify-content:space-between;padding:10px;gap:5px;font-size:12px}
.distribution-subtitle{padding:9px 11px;background:#37375d;color:#fff;font-size:12px;text-align:center}
.distribution-card .data-table th,.distribution-card .data-table td{padding:7px 15px;font-size:12px}
.distribution-card .data-table td:first-child{font-weight:800;color:#f0cb7b}
.distribution-card .sub-total td{background:#1d4e71;color:#f2d58d!important;font-weight:800}
.site-carousel{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;scroll-padding:14px;padding:5px 3px 15px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.scroll-hint{text-align:center;font-size:11px;color:#91b4d0;margin-bottom:4px}
@media(min-width:720px){.site-carousel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:10px}.distribution-card{width:100%;min-width:0;flex:none}.two-tr{min-height:38px}.double-table{max-width:800px;margin-left:auto;margin-right:auto}}
@media(max-width:380px){.page{padding-left:9px;padding-right:9px}.panel{padding:12px}.prop-head,.prop-row{grid-template-columns:minmax(0,1fr) 130px 63px}.stepper input{width:51px}.stepper button{min-width:27px}.two-th,.two-tr{grid-template-columns:44px minmax(0,1fr) 44px minmax(0,1fr)}.two-tr strong{font-size:12px}.five-inputs{gap:3px}.trial-line{padding:9px 6px;font-size:11px}.trial-line>strong{font-size:11px}}

/* V0.5 selected capture sites: compact wrapping grid for narrow phones */
.capture-choice-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#102a44;border:1px solid #335d7c;border-radius:11px;padding:10px 9px;margin:4px 0 13px}
.capture-choice-title{font-size:12px;color:#f4d387;white-space:nowrap}
.capture-choice-list{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:6px 11px;min-width:0}
.capture-choice{display:flex;align-items:center;gap:5px;padding:4px 2px;color:#e8f4ff;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}
.capture-choice input{width:18px;height:18px;accent-color:#158ae9;cursor:pointer;margin:0;flex-shrink:0}
.capture-choice-all{margin-left:auto;white-space:nowrap;background:linear-gradient(#264965,#15314a);border-color:#68809c}
.capture-choice-empty{color:#a8bfd2;font-size:12px;padding:8px 0}
.demo-tools{margin-bottom:13px}
@media(max-width:400px){.capture-choice-row{gap:6px}.capture-choice-title{width:100%}.capture-choice-list{flex-basis:100%}.capture-choice{font-size:12px}.capture-choice-all{margin-left:auto}}

/* Mobile Web V0.6 - real HTTPS round-trip status */
.cloud-status{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;background:#0a2944;border:1px solid #315877;border-radius:10px;padding:12px 10px;margin:12px 0;font-size:12px;color:#e4d09d;overflow-wrap:anywhere}
.cloud-status span{color:#9bd8fb;font-variant-numeric:tabular-nums}
.cloud-panel p b{color:#f0d48d}