@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:#182445;background:#f7f8fc;font-synthesis:none;--blue:#4058df;--muted:#73809a;--line:#e5e9f2;--green:#128567;--red:#d65765}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8c9fff;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}button:hover{filter:brightness(.97)}[hidden]{display:none!important}.mast{height:86px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1180px)/2));gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#172544;font-size:26px;font-weight:700;letter-spacing:-1.2px}.one{color:var(--blue)}.brandmark{background:var(--blue);color:white;border-radius:12px;display:grid;place-items:center;width:39px;height:43px;font-size:28px;font-style:italic}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:2px}.source{display:flex;align-items:center;gap:8px;font-size:12px;color:#5a657a}.source button{font-size:26px;padding:6px}.dot{width:7px;height:7px;border-radius:50%;background:#c39740}.workspace{max-width:1180px;margin:auto;padding:36px 0 70px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--blue)}h1,h2,h3{font-family:Manrope,-apple-system,sans-serif;margin:0;letter-spacing:-1px}h1{font-size:38px;margin-top:6px}.search{background:white;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:9px 13px;gap:10px;width:340px}.search>span{font-size:28px;color:#748099}.search input{border:0;outline:0;min-width:0;width:100%;font-size:13px}.search kbd{background:#f5f6fb;color:#8290a6;padding:4px 7px;border-radius:5px}.tabs{display:flex;gap:34px;border-bottom:1px solid #dfe4ef;margin-top:24px}.tabs button{padding:19px 0;font-weight:600;color:#76829a;position:relative;white-space:nowrap}.tabs .active{color:var(--blue)}.tabs .active:after{content:'';position:absolute;height:3px;background:var(--blue);bottom:-1px;left:0;right:0;border-radius:4px}.tabs span{font-size:10px;background:#ebeffb;padding:3px 6px;border-radius:5px;margin-left:5px}.status{font-size:12px;color:#8b642b;background:#fff6e8;border:1px solid #f4e3c9;padding:11px 16px;border-radius:9px;margin-top:22px;line-height:1.6}.status.error{background:#fff0f0;color:#ae374b}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:29px 0 24px}.intro h2{font-size:30px;margin:8px 0}.intro p{color:var(--muted);font-size:14px;margin:0}.seg{display:inline-flex;gap:4px;padding:4px;background:#eaf0fa;border-radius:10px;flex-shrink:0}.seg button{padding:9px 17px;border-radius:7px;font-size:13px;color:#66748d;font-weight:600}.seg button.active{background:white;color:var(--blue);box-shadow:0 2px 7px #2034650b}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.selects{display:flex;gap:9px;flex-wrap:wrap}.selects label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:flex;flex-direction:column;gap:5px}select{border:1px solid var(--line);background:white;color:#354362;border-radius:8px;padding:9px 25px 9px 10px;font-size:12px;max-width:170px}.resultbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 17px;font-size:12px;color:var(--muted)}.resultbar>div{display:flex;align-items:center;gap:15px}.check{display:flex;gap:5px;align-items:center;font-size:11px}input[type=checkbox]{accent-color:var(--blue)}.textbutton{color:var(--blue);font-weight:600;font-size:12px;padding:5px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.pattern{position:relative;text-align:left;background:white;border:1px solid var(--line);border-radius:15px;padding:20px;min-height:205px;transition:border-color .16s,transform .16s,box-shadow .16s}.pattern:hover{border-color:#a1aff9;transform:translateY(-2px);box-shadow:0 8px 28px #2c478110}.pattern.selected{border:2px solid var(--blue);padding:19px;background:#fafbff;box-shadow:0 4px 20px #4058df10}.pattern .glyph{display:block;width:88px;height:65px;margin:10px auto 19px}.glyph svg{width:100%;height:100%}.pattern strong{font-size:14px;display:block;letter-spacing:-.2px;line-height:1.5}.pattern .meta{display:flex;justify-content:space-between;margin-top:9px;font-size:10px;color:var(--muted);gap:5px}.round{position:absolute;right:15px;top:15px;border:1px solid #e2e7f1;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:12px;color:transparent}.selected .round{background:var(--blue);border-color:var(--blue);color:white}.direction{position:absolute;top:17px;left:17px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.bull{color:var(--green)}.bear{color:var(--red)}.signalgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signal{background:white;border:1px solid var(--line);border-radius:13px;position:relative;padding:19px 21px;text-align:left}.signal:hover{border-color:#b6c0f6}.sighead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-right:30px}.sighead strong{font-size:16px;letter-spacing:-.4px}.sighead small{display:block;color:var(--muted);font-size:11px;margin:5px 0;max-width:230px}.sigpattern{display:flex;gap:14px;align-items:center;margin-top:17px}.sigpattern .glyph{width:38px;height:34px;flex-shrink:0}.sigpattern b{font-size:13px}.sigpattern small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.sigbottom{border-top:1px solid #f0f2f8;padding-top:13px;margin-top:16px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.save{position:absolute;right:12px;top:13px;color:var(--blue);font-size:24px;padding:3px 8px;z-index:1}.tag{font-size:10px;padding:4px 7px;border-radius:5px;background:#f0f3fb}.selection{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(610px,calc(100% - 32px));z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;background:white;border:1px solid #dce2f3;box-shadow:0 9px 45px #1e32652b;border-radius:14px}.selection>div{font-size:13px}.selection strong{display:block;margin-bottom:3px}.primary{background:var(--blue);color:white;border-radius:9px;padding:14px 25px;font-weight:600;font-size:13px}.primary span{margin-left:25px}.empty{padding:70px 20px;text-align:center;background:white;border:1px dashed #dce2f0;border-radius:15px;color:var(--muted);line-height:1.8}.empty strong{display:block;color:#243352;font-size:20px;margin-bottom:10px}.foot{text-align:center;color:#919ab0;font-size:11px;line-height:1.9;margin:40px auto 25px;max-width:720px}#pagination{text-align:center;margin:25px}#pagination button{border:1px solid var(--line);background:white;padding:12px 24px;border-radius:8px;color:var(--blue)}dialog{width:min(990px,calc(100% - 36px));max-height:92dvh;padding:27px;border:0;border-radius:19px;box-shadow:0 20px 90px #16234840;color:#192649}dialog::backdrop{background:#101a3d77;backdrop-filter:blur(4px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialoghead h2{font-size:24px;margin-top:7px}.close{font-size:33px;color:#737f96;line-height:1;padding:9px}.detailtags{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.chart{height:340px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.detailcolumns{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin-top:23px}.detailcolumns h3{font-size:16px;margin-bottom:10px}.detailcolumns p{font-size:13px;color:#69768f;line-height:1.8}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats span{font-size:11px;color:var(--muted)}.stats strong{display:block;font-size:20px;margin:7px 0}.detailnote{font-size:11px;color:#8490a6;line-height:1.8;margin-top:20px}#toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#1e2c52;color:white;border-radius:9px;z-index:30;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}
@media(max-width:1220px){.workspace{padding:30px 25px 80px}}@media(max-width:800px){.grid{grid-template-columns:repeat(3,1fr)}.signalgrid{grid-template-columns:1fr}.intro{align-items:flex-start}.intro h2{font-size:25px}.toolbar{align-items:flex-start}.source{max-width:270px}.search{width:290px}.selects{width:100%}.selects label{flex:1}.selects select{width:100%;max-width:none}}
@media(max-width:540px){body{background:white}.mast{height:68px;padding:0 19px}.brand{font-size:22px}.brandmark{width:31px;height:35px;font-size:23px;border-radius:9px}.brand small{font-size:7px}.source{font-size:9px;max-width:158px;gap:5px}.source button{font-size:23px}.workspace{padding:23px 18px 100px}.pagehead{display:block}.pagehead .eyebrow{display:none}h1{font-size:30px}.search{width:100%;margin-top:20px;padding:5px 12px;background:#f8f9fd}.search input{background:transparent}.tabs{gap:0;justify-content:space-between;margin-top:10px}.tabs button{font-size:12px;padding:19px 0}.tabs span{font-size:9px;margin-left:3px}.status{font-size:10px;margin-top:17px;padding:9px 11px}.intro{margin:25px 0 20px;flex-wrap:wrap;gap:17px}.intro h2{font-size:26px}.intro p{font-size:12px}.seg button{padding:9px 15px;font-size:12px}.toolbar{gap:14px}.selects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selects label{font-size:8px}.selects select{font-size:11px;min-height:37px}.resultbar{font-size:10px;align-items:flex-start;gap:5px;margin:21px 0 14px}.resultbar>div{gap:6px}.check{font-size:9px;max-width:125px}.grid{grid-template-columns:1fr 1fr;gap:12px}.pattern{border-radius:13px;padding:14px;min-height:185px}.pattern.selected{padding:13px}.pattern .glyph{width:72px;height:58px;margin:20px auto 15px}.pattern strong{font-size:12px;line-height:1.5}.pattern .meta{font-size:9px;margin-top:7px}.direction{font-size:8px;left:13px;top:14px}.round{width:16px;height:16px;right:12px;top:12px;font-size:10px}.selection{bottom:max(10px,env(safe-area-inset-bottom));padding:12px;border-radius:12px;width:calc(100% - 24px)}.primary{padding:13px 18px}.selection>div{font-size:11px}.primary span{margin-left:12px}.signal{padding:17px}.sighead strong{font-size:15px}.sighead small{max-width:180px}.sigbottom{font-size:9px}.foot{font-size:10px}.detailcolumns{grid-template-columns:1fr;gap:15px}dialog{padding:19px;width:calc(100% - 16px);max-height:96dvh;border-radius:13px}.dialoghead h2{font-size:21px}.chart{height:300px}.detailtags{gap:5px}.tag{font-size:9px}.stats strong{font-size:19px}}

.filter-toggle{display:none}@media(max-width:540px){.filter-toggle{display:block;padding:10px;color:var(--blue);font-size:12px;font-weight:600}.selects{display:none}.selects.expanded{display:grid}.toolbar{justify-content:space-between}.intro .eyebrow{display:none}.intro{margin:21px 0 18px}.status{font-size:9px}.source{line-height:1.4}}
/* Angel screenshot reference: white native app chrome, Roboto, flat separators. */

:root{font-family:Roboto,Arial,sans-serif;color:#202832;background:#f3f4f8;--blue:#435ce7;--muted:#536174;--line:#e7e9f0;--green:#009b87;--red:#e54e52}.workspace{max-width:480px;min-height:100vh;margin:0 auto;padding:0 0 125px;background:white}h1,h2,h3{font-family:Roboto,Arial,sans-serif;letter-spacing:0}button,input,select{font-family:inherit}.angel-header{display:flex;align-items:center;gap:11px;padding:20px 10px 14px}.header-action{padding:0;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:11px;flex-shrink:0;color:#202832}.header-action>span{width:33px;height:33px;border-radius:50%;background:#f5f6fc;display:grid;place-items:center}.header-action svg{width:22px;height:22px;fill:none;stroke:#35446e;stroke-width:1.25}.search{width:auto;flex:1;margin:0;gap:7px;padding:11px 8px;border:1px solid #e1e4ec;border-radius:8px;background:white;min-width:0}.search svg{width:18px;height:18px;fill:none;stroke:#a6adba;stroke-width:1.6;flex-shrink:0}.search input{font-size:13px;color:#202832;background:white}.search input::placeholder{color:#a6adba}.pagehead{padding:10px 16px 3px}.pagehead h1{font-size:21px;font-weight:600;margin:0}.tabs{margin:0;gap:0;justify-content:space-around;border-bottom:1px solid var(--line);padding:0 8px}.tabs button{font-size:14px;font-weight:500;padding:20px 0 15px;color:#485668}.tabs span{display:none}.tabs .active:after{height:3px;left:14%;right:14%;border-radius:0}.intro{padding:20px 16px 0;margin:0 0 20px;display:block;border-top:7px solid #f4f5fa}.intro .eyebrow{display:none}.intro h2{font-size:19px;font-weight:600;margin:0 0 8px}.intro p{font-size:12px;color:#647084;line-height:1.5}.intro .seg{display:flex;background:none;padding:0;margin-top:16px;gap:12px}.seg{background:none;padding:0;gap:8px}.seg button{border:1px solid #e5e8f0;border-radius:25px;padding:9px 19px;font-size:14px;font-weight:400;color:#202832;box-shadow:none}.seg button.active{border:1px solid var(--blue);background:white;color:var(--blue);box-shadow:none}.intro .seg button{font-size:12px;padding:6px 13px}.toolbar{padding:0 16px;gap:14px}.filter-toggle{display:block;padding:8px 0;font-size:12px;color:var(--blue);font-weight:400}.selects{display:none;width:100%}.selects.expanded{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selects label{font-size:9px}.selects select{max-width:none;width:100%;font-size:12px;border-radius:6px}.resultbar{margin:18px 16px 13px;font-size:10px;align-items:center}.resultbar>div{gap:4px}.check{font-size:9px;max-width:115px}.textbutton{font-size:11px;font-weight:400}#content{padding:0 16px}.grid{grid-template-columns:1fr 1fr;gap:13px}.pattern{padding:15px;min-height:172px;border:1px solid #e3e6ee;border-radius:8px;box-shadow:none;background:white}.pattern:hover{transform:none;box-shadow:none}.pattern.selected{border:1.5px solid var(--blue);padding:14.5px;background:#fcfcff;box-shadow:none}.pattern .glyph{width:76px;height:61px;margin:15px auto 13px}.pattern strong{font-size:13px;letter-spacing:0;font-weight:500;line-height:1.4}.pattern .meta{font-size:10px;margin-top:8px}.direction{font-size:8px;left:13px;top:12px;letter-spacing:.15px;font-weight:500}.round{right:11px;top:11px;width:16px;height:16px}.signalgrid{display:block}.signal{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0;margin:0}.sighead strong{font-size:16px;font-weight:500}.sighead b{font-size:16px;font-weight:400}.sighead small{font-size:12px}.sigpattern b{font-weight:500}.sigbottom{border:0;margin-top:14px;padding-top:0}.save{right:-6px}.selection{bottom:calc(74px + env(safe-area-inset-bottom));width:min(480px,100%);padding:12px 16px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:0 -3px 9px #16264b08}.primary{border-radius:5px;font-size:14px;font-weight:500;padding:13px 20px}.bottomnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);display:flex;justify-content:space-around;align-items:flex-start;padding:12px 0 calc(17px + env(safe-area-inset-bottom));background:white;z-index:10;border-top:1px solid #f2f3f6}.bottomnav button{padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;width:20%;font-size:10px;color:#485668;font-weight:500}.bottomnav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.bottomnav .active{color:var(--blue)}.foot{padding:12px 16px;margin:20px 0;font-size:9px}.source{justify-content:center;max-width:none;font-size:10px}.status{background:#f7f8fb;border:0;border-radius:4px;color:#667286;font-size:10px;margin:8px 0;line-height:1.5;padding:8px}.status.error{color:#bd4148}.eyebrow{letter-spacing:.6px}.dialoghead h2{font-size:20px}.chart{border-radius:4px}.detailtags .tag{border-radius:3px}.empty{border-radius:5px;font-size:13px}.intro h2,.pattern strong,.sighead strong{-webkit-font-smoothing:antialiased}@media(min-width:541px){.workspace{box-shadow:0 0 0 1px #e7e9ef}.resultbar>div{gap:4px}.toolbar{flex-wrap:wrap;justify-content:space-between}.detailcolumns{grid-template-columns:1.1fr 1fr}}
/* Supplied Watchlist reference, 25 September. */
.reference-search{padding:19px 12px 9px;background:#f5f6fb;border-bottom:1px solid #e7e9f0}.reference-search .search{padding:11px 9px;border-radius:11px}.reference-search input{font-size:14px}.indexstrip{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #e7e9f0;padding:8px 0 7px}.indexstrip::-webkit-scrollbar{display:none}.indexquote{min-width:185px;padding:0 12px;border-right:1px solid #e1e5ef}.indexquote>div{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px}.indexquote b{font-weight:500}.indexquote>div>span{font-size:10px;background:#f4f5fa;padding:2px 4px;border-radius:4px}.indexquote p{display:flex;gap:8px;white-space:nowrap;margin:4px 0 0;font-size:12px;color:#536174}.indexquote strong{color:#009b87;font-weight:500}.tabs{padding:0 0 0 16px;justify-content:flex-start;gap:22px;align-items:stretch}.tabs button{font-size:13px;font-weight:500;padding:17px 0 16px}.tabs .active:after{left:0;right:0;height:3px}.tabs #add-watchlist{margin-left:auto;padding:11px 14px;border-left:1px solid #e7e9f0;font-size:26px;color:#202832;font-weight:400}.optioncontrols{display:flex;gap:10px;align-items:center;overflow:hidden;padding:9px 8px 5px;white-space:nowrap}.callput{border:1px solid #e5e8f0;border-radius:24px;display:flex;padding:3px;flex-shrink:0}.callput button{font-size:16px;padding:3px 8px;color:#536174}.callput .active{color:white;background:#4058df;border-radius:20px}.indexpill{display:flex;align-items:center;gap:11px;border:1px solid #d1d8fc;border-radius:25px;padding:0 12px 0 0;font-size:12px;flex-shrink:0}.indexpill button{padding:8px 16px;border:1px solid #435ce7;border-radius:24px;color:#435ce7;font-size:16px}.blue{color:#435ce7;font-size:20px}.bankpill{border:1px solid #e5e8f0;border-radius:24px;padding:8px 16px;font-size:15px;flex-shrink:0}.reference-row{margin:0 16px;padding:19px 0 13px;border-bottom:1px solid #e4e7ef;display:flex;justify-content:space-between;gap:8px}.contract-name{font-size:17px;display:flex;gap:6px;align-items:center}.money{font-size:11px;padding:3px 4px;border-radius:2px}.itm{background:#e1f3ef}.atm{background:#fff0d5}.otm{background:#e9eafd}.contract-detail{font-size:14px;color:#536174;margin-top:9px;white-space:nowrap}.contract-detail b{font-weight:500}.contract-price{text-align:right;white-space:nowrap}.contract-price strong{font-size:17px;color:#009b87;font-weight:400;display:block}.contract-price strong small{font-size:11px;margin-left:3px}.contract-price>span{display:block;margin-top:10px;font-size:13px;color:#536174}.optionactions{display:flex;gap:5px;padding:10px 16px 0}.optionactions button{flex:1;padding:12px 7px;background:#f5f6fc;border-radius:30px;color:#435ce7;font-size:15px}.snapshot-note{font-size:9px;color:#7b8594;text-align:center;padding:0 14px}.workspace{padding-bottom:82px}.foot{margin:10px 0}.bottomnav{padding-top:12px}.intro{border-top:0}.tabs span{display:none}@media(max-width:380px){.tabs{gap:15px}.tabs button{font-size:12px}.tabs #add-watchlist{padding-left:10px;padding-right:10px}.contract-detail{font-size:13px}.contract-price>span{font-size:12px}}
.scanner-categories{display:flex;padding:13px 12px;gap:7px;border-bottom:6px solid #f5f6fb}.scanner-categories button{flex:1;padding:10px 4px;border:1px solid #e5e8f0;border-radius:6px;font-size:11px;line-height:1.35;color:#536174}.scanner-categories button.active{border-color:#435ce7;color:#435ce7;background:#f6f7ff}.mover-types{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 16px 8px}.mover-types button{border:1px solid #e3e6ee;border-radius:7px;padding:16px 7px;font-size:14px;color:#536174}.mover-types .active{border-color:#435ce7;color:#435ce7;background:#f7f8ff}.mover-explain{font-size:12px;line-height:1.6;color:#536174;margin:12px 16px}.mover-coverage{font-size:10px;line-height:1.6;margin:12px 16px;color:#788396}.mover-list{padding:0 16px}.mover-row{display:flex;justify-content:space-between;gap:15px;text-align:left;width:100%;padding:17px 0;border-bottom:1px solid #e6e9ef}.mover-row b{font-size:15px;font-weight:500}.mover-row small{display:block;color:#667286;font-size:11px;line-height:1.5;margin-top:4px}.mover-price{text-align:right;flex-shrink:0}.mover-price .bull{color:#009b87}.mover-price .bear{color:#e54e52}.tabs{gap:16px}.tabs button{font-size:12px}.tabs #add-watchlist{padding-left:10px;padding-right:10px}
/* Illustrative watchlists, matched to the supplied mobile reference. */
.wl-tabs{display:flex;gap:20px;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.wl-tabs button{padding:16px 0 13px;font-size:14px;color:#536174;border-bottom:3px solid transparent}.wl-tabs button.active{color:var(--blue);border-color:var(--blue)}.wl-tools{display:flex;justify-content:space-between;padding:13px 16px 4px}.wl-tools button{font-size:13px;color:#536174;padding:7px 0}.wl-tools #wl-add{color:var(--blue)}.wl-note{font-size:10px;color:#798393;margin:7px 16px 10px;line-height:1.5}.wl-rows{padding:0 16px}.wl-row{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;border-bottom:1px solid #e4e7ef;padding:20px 0}.wl-row b{font-size:18px;font-weight:400}.wl-row small{display:block;margin-top:10px;font-size:14px;color:#536174}.wl-price{text-align:right;white-space:nowrap}.wl-price b span{font-size:12px}.wl-filters{display:flex;gap:12px;padding:10px 16px;background:#f6f7fb}.wl-filters label{font-size:11px;display:grid;gap:6px;flex:1}.wl-filters select{max-width:100%}.wl-dialog{width:min(440px,calc(100% - 28px));padding:22px;border:1px solid #e4e7ef;border-radius:12px}.wl-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}.wl-dialog h2{font-size:20px}.wl-dialog header button{font-size:28px}.wl-dialog .wl-note{margin:12px 0}.wl-picker{max-height:55vh;overflow:auto}.wl-picker button{display:flex;justify-content:space-between;width:100%;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.wl-picker button span{color:var(--blue)}.wl-detail-price{font-size:32px}.pattern.chart-pattern{min-height:218px}.pattern.chart-pattern .glyph{width:min(118px,100%);height:108px;margin:24px auto 14px}
/* One horizontally scrollable tab strip, with the add control pinned. */
.tabs{display:flex;padding:0;gap:0;overflow:hidden;align-items:stretch}.tabs-scroll{display:flex;align-items:stretch;gap:28px;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1;padding:0 20px;overscroll-behavior-x:contain}.tabs-scroll::-webkit-scrollbar{display:none}.tabs .tabs-scroll button{flex:none;white-space:nowrap;font-size:15px;padding:20px 0 18px}.tabs #add-watchlist{flex:0 0 54px;margin:0;padding:10px 0;border-left:1px solid #e7e9f0;background:white;font-size:28px}.tabs .active:after{bottom:0}

/* Slightly smaller main watchlist tabs. */
.tabs .tabs-scroll button{font-size:14px}
/* Compact watchlist navigation and option selectors. */
.tabs .tabs-scroll button{font-size:12px;padding-top:17px;padding-bottom:15px}.tabs-scroll{gap:22px;padding:0 16px}.tabs .tabs-scroll button[data-tab="patterns"]{font-size:11px}.optioncontrols{gap:8px;padding-top:8px}.callput button{font-size:13px;padding:4px 8px}.indexpill{gap:8px;font-size:11px;padding-right:9px}.indexpill button{font-size:13px;padding:7px 12px}.indexpill .blue{font-size:16px}.bankpill{font-size:12px;padding:8px 12px}.scanner-categories button{font-size:10px;padding:9px 3px}
/* Smaller quote text within the Options list. */
#option-rows .contract-name{font-size:14px}#option-rows .money{font-size:9px;padding:2px 4px}#option-rows .contract-detail{font-size:12px;margin-top:8px}#option-rows .contract-price strong{font-size:14px}#option-rows .contract-price strong small{font-size:9px}#option-rows .contract-price>span{font-size:11px;margin-top:8px}
/* Compact mobile watchlist rows, matched to the Android reference. */
.wl-rows{padding:0 16px}.wl-row{padding:11px 0 10px;min-height:64px;align-items:center;gap:10px}.wl-row b{font-size:16px;line-height:1.25;font-weight:400}.wl-row small{font-size:12px;line-height:1.3;margin-top:8px}.wl-price b span{font-size:10px}.wl-tools{padding:5px 16px 1px}.wl-tools button{font-size:12px;padding:7px 0}.wl-note{font-size:9px;margin:3px 16px 5px}.wl-price{flex-shrink:0}
@media(max-height:740px){.wl-row{min-height:59px;padding:9px 0}.wl-row small{margin-top:6px}.reference-search{padding-top:12px}.tabs .tabs-scroll button{padding-top:14px;padding-bottom:13px}}
/* Slightly tighter option quote rows. */
#option-rows .reference-row{padding:13px 0 10px}#option-rows .contract-detail{margin-top:6px}#option-rows .contract-price>span{margin-top:6px}
/* Denser pattern discovery and a shorter search field. */
.reference-search{padding:8px 12px 6px}.reference-search .search{padding:4px 9px;min-height:27px;border-radius:8px}.reference-search input{font-size:12px;line-height:17px}.reference-search .search svg{width:15px;height:15px}.pattern.chart-pattern{min-height:178px;padding:12px}.pattern.chart-pattern.selected{padding:11.5px}.pattern.chart-pattern .glyph{width:min(102px,100%);height:83px;margin:22px auto 10px}.pattern.chart-pattern strong{font-size:12px}.pattern.chart-pattern .meta{font-size:9px;margin-top:6px}.grid{gap:10px}#pattern-content .intro{padding-top:13px;margin-bottom:13px}#pattern-content .intro h2{font-size:17px;margin-bottom:5px}#pattern-content .intro .seg{margin-top:10px}#pattern-content .resultbar{margin-top:12px;margin-bottom:10px}.scanner-categories{padding-top:9px;padding-bottom:9px}
.pattern.chart-pattern{min-height:158px}.pattern.chart-pattern .glyph{height:70px;margin-top:20px;margin-bottom:8px}#pattern-content .intro{padding-top:10px;margin-bottom:10px}#pattern-content .intro .seg{margin-top:7px}#pattern-content .resultbar{margin-top:9px;margin-bottom:8px}
.freshness{display:inline-block;font-size:10px;line-height:1.4;padding:4px 7px;border-radius:4px;margin-top:9px;background:#f0f2f6;color:#627085}.freshness.live{background:#def5ec;color:#00866e}.freshness.unknown{background:#fff4df;color:#926414}.detailtags .freshness{margin-top:0}
/* Keep the demo screens compact by hiding explanatory notices. */
.snapshot-note,.reference-disclosure,.wl-note,.home-snapshot,.home-end small,.workspace>.foot{display:none!important}
/* Compact scanner header: category tabs lead directly into the pattern grid. */
.tabs .tabs-scroll button[data-tab="patterns"]{font-size:10px;letter-spacing:-.1px}.tabs-scroll{gap:18px}.scanner-categories{padding:7px 12px;gap:6px;border-bottom-width:3px}.scanner-categories button{padding:7px 5px;border-radius:16px;font-size:10px}.scanner-categories button.active{background:#eef0ff;border-color:#435ce7}#pattern-content #subtitle,#pattern-content #section-label,#pattern-content #view-switch{display:none!important}#pattern-content .toolbar{padding-top:9px}#pattern-content .intro{margin-bottom:2px;padding-top:8px}#pattern-content .intro h2{display:inline-block;font-size:16px;margin:0}.pattern-back{color:#435ce7;font-size:12px;padding:7px 12px 7px 0;margin-right:6px}