:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#172847;background:#f5f8fe;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(145deg,#f9fbff,#f5f8ff 52%,#eef4ff)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgb(44 111 240 / 25%);outline-offset:2px}.product-thumbnail{flex:0 0 auto;overflow:hidden;border:1px solid #e1e8f4;border-radius:9px;background:#f4f7fc;padding:0;color:#8a97aa;font-size:10px;line-height:1.2;text-align:center}.product-thumbnail.desktop{width:48px;height:48px}.product-thumbnail.mobile{width:72px;height:72px;border-radius:12px}.product-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.product-thumbnail.is-placeholder{display:grid;place-items:center;padding:4px}.image-preview-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#050e1fc2;padding:24px}.image-preview-dialog{position:relative;display:grid;max-width:min(760px,92vw);max-height:88vh;place-items:center}.image-preview-dialog img{display:block;max-width:min(760px,92vw);max-height:88vh;border-radius:14px;box-shadow:0 22px 60px #00000061;object-fit:contain}.image-preview-close{position:absolute;z-index:1;top:-13px;right:-13px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgb(255 255 255 / 52%);border-radius:50%;background:#121f37d6;color:#fff;font-size:25px;line-height:1}.page-shell{min-height:100vh}.mobile-view{display:none}.state-card{max-width:480px;margin:18vh auto;border:1px solid #eaf0fb;border-radius:20px;background:#fff;box-shadow:0 18px 45px #1f3a6e14;padding:56px 24px;color:#687998;text-align:center}.error-state{color:#dc5e69}.empty-state{padding:54px 20px;color:#77859d;text-align:center}.desktop-view{position:relative;max-width:1480px;margin:0 auto;padding:48px 32px 36px}.filter-card,.result-card{border:1px solid rgb(235 240 250 / 90%);border-radius:18px;background:#ffffffe5;box-shadow:0 10px 26px #284b8812}.filter-card{padding:18px 24px}.search-row{display:flex;align-items:center;gap:13px}.search-field{display:flex;width:min(400px,100%);align-items:center;gap:10px;border:1px solid #dfe6f4;border-radius:10px;background:#fff;padding:0 13px;color:#6b7a98}.search-field input{width:100%;height:36px;border:0;outline:0;background:transparent;color:#1e3152;font-size:13px}.check-field{display:flex;align-items:center;gap:8px;height:37px;color:#4e607f;font-size:13px;font-weight:700}.check-field input{width:15px;height:15px;accent-color:#2e70ee}.check-field-prominent{height:36px;border:1px solid #cddcff;border-radius:9px;background:#f3f7ff;padding:0 13px;color:#2e70ee}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:18px 22px;align-items:end;margin-top:20px}.filter-field{display:grid;gap:8px;color:#61708e;font-size:12px;font-weight:700}select,.numeric-input{width:100%;min-width:0;height:37px;border:1px solid #dfe6f4;border-radius:9px;background:#fff;color:#223555;outline-color:#2f70ee}.filter-field select{padding:0 12px}.numeric-input{display:flex;align-items:center;padding-right:11px}.numeric-input input{min-width:0;width:100%;border:0;background:transparent;padding:0 11px;outline:0;color:#223555}.numeric-input small{color:#667795;font-size:12px}.toolbar{display:flex;align-items:center;gap:12px;margin-top:17px;color:#60708d;font-size:13px}.toolbar select{width:145px;padding:0 10px}.sort-button,.reset-button{height:36px;border:1px solid #d8e4ff;border-radius:9px;padding:0 13px;font-weight:700}.sort-button{background:#f3f7ff;color:#2e70ee}.reset-button{margin-left:auto;background:#fff;color:#60708d}.result-card{margin-top:18px;padding:14px 20px 0}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2px 15px}.result-heading strong{color:#22324f;font-size:18px}.published-at{color:#73819a;font-size:13px;font-weight:600;white-space:nowrap}.desktop-table{overflow-x:auto;border:1px solid #e8edf6;border-radius:13px}table{width:100%;border-collapse:collapse;table-layout:fixed}th{background:#f8faff;padding:12px 14px;color:#687796;font-size:12px;text-align:left;white-space:nowrap}td{height:58px;overflow:hidden;border-top:1px solid #eef1f6;padding:8px 14px;color:#40516e;font-size:13px;text-overflow:ellipsis;white-space:nowrap}th:nth-child(1),td:nth-child(1){width:74px;text-align:center}th:nth-child(2),td:nth-child(2){width:260px}th:nth-child(3),td:nth-child(3){width:420px}th:nth-child(4),td:nth-child(4){width:220px}th:nth-child(5),td:nth-child(5),th:nth-child(6),td:nth-child(6){width:150px}th:nth-child(7),td:nth-child(7){width:100px;text-align:center}.category-cell{color:#637390}.rank-mark{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;color:#41526e;font-size:12px;font-weight:800}.rank-1{background:#fff5d9;color:#b87a0a}.rank-2{background:#f1f4f8;color:#697991}.rank-3{background:#fff0e7;color:#b76b34}em{display:inline-block;border-radius:4px;background:#e6f8ec;padding:4px 7px;color:#28a362;font-size:11px;font-style:normal;font-weight:800}.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;gap:16px}.total-count{color:#667693;font-size:12px}.page-actions{display:flex;align-items:center;gap:7px}.page-actions button{min-width:30px;height:30px;border:1px solid transparent;border-radius:7px;background:transparent;color:#43536f}.page-actions .active-page{border-color:#cbddff;background:#f3f7ff;color:#2e70ee}.page-actions button:disabled{cursor:default;color:#bdc7d8}.page-size{justify-self:end}.page-size select{width:100px;height:31px;padding:0 7px;color:#53637e;font-size:12px}.desktop-product{display:flex;min-width:0;align-items:center;gap:12px}.desktop-product b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncated-tooltip-trigger{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-product-name{min-width:0;color:#40516e;font-weight:700}.truncated-tooltip{position:fixed;z-index:200;max-width:min(520px,70vw);transform:translate(-50%,calc(-100% - 8px));border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#18253bf5;box-shadow:0 12px 28px #0b1a323d;padding:8px 10px;color:#fff;font-size:12px;font-weight:500;line-height:1.5;pointer-events:none;white-space:normal}.desktop-menu{position:relative;display:grid;min-width:0;gap:8px;color:#61708e;font-size:12px;font-weight:700}.desktop-menu-label{display:block}.desktop-menu-trigger{display:flex;width:100%;min-width:0;height:38px;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dfe6f4;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfcff);padding:0 11px 0 12px;color:#223555;font-size:13px;font-weight:700;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.desktop-menu-trigger:hover,.desktop-menu-trigger[aria-expanded=true]{border-color:#8bb4ff;background:#f8fbff;box-shadow:0 0 0 3px #2f70ee17}.desktop-menu-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-menu-trigger b{flex:0 0 auto;color:#6d82a5;font-size:14px;transition:transform .16s ease}.desktop-menu-trigger[aria-expanded=true] b{transform:rotate(180deg)}.desktop-menu-popover{position:absolute;z-index:40;top:calc(100% + 7px);left:0;display:grid;width:max(100%,190px);max-height:280px;overflow:auto;border:1px solid #dbe6f8;border-radius:12px;background:#fffffffa;box-shadow:0 16px 32px #1f437f29;padding:6px}.desktop-menu-popover>button{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:8px;background:transparent;padding:8px 10px;color:#405470;font-size:13px;text-align:left}.desktop-menu-popover>button:hover{background:#f2f6ff;color:#236de5}.desktop-menu-popover>button.selected{background:#eaf2ff;color:#236de5;font-weight:800}.desktop-menu-popover>button b{color:#246ee8;font-size:14px}.toolbar .desktop-menu{display:flex;align-items:center;gap:10px}.toolbar .desktop-menu-label{color:#60708d}.toolbar .desktop-menu-trigger{width:155px}.toolbar .desktop-menu-popover{top:calc(100% + 7px);left:auto;right:0}.metric-popover{width:min(340px,32vw);max-height:none;overflow:visible;padding:12px}.desktop-operator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.desktop-operator-grid button,.desktop-quick-values button{border:1px solid #dbe6f6;border-radius:8px;background:#fff;padding:8px;color:#5b6f8d;font-size:12px;font-weight:700}.desktop-operator-grid button:hover,.desktop-quick-values button:hover{border-color:#a7c4ff;background:#f5f8ff;color:#286fe5}.desktop-operator-grid button.selected,.desktop-quick-values button.selected{border-color:#87b0ff;background:#eaf2ff;color:#246de5}.desktop-metric-inputs{display:grid;gap:8px;margin-top:10px}.desktop-metric-inputs.range{grid-template-columns:1fr 1fr}.desktop-metric-inputs label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;border:1px solid #dce6f5;border-radius:9px;padding:7px 9px}.desktop-metric-inputs label>span{grid-column:1 / -1;color:#71829e;font-size:11px}.desktop-metric-inputs input{width:100%;min-width:0;border:0;outline:0;color:#213756;font-size:13px}.desktop-metric-inputs small{color:#70819e}.desktop-quick-values{margin-top:12px;border-top:1px solid #edf1f7;padding-top:10px}.desktop-quick-values>span{display:block;margin-bottom:7px;color:#7686a2;font-size:11px}.desktop-quick-values>div{display:flex;flex-wrap:wrap;gap:7px}.desktop-quick-values button{flex:1 0 calc(33.333% - 5px);min-width:76px}@media(max-width:900px){.desktop-view{display:none}}@media(max-width:900px){.mobile-view{display:block;min-height:100vh;padding:28px 16px 46px;overflow:hidden;background:radial-gradient(circle at 88% 3%,rgb(196 216 255 / 62%),transparent 31%),linear-gradient(160deg,#f7faff,#eff5ff 56%,#f9fbff)}.mobile-hero{display:flex;align-items:flex-start;justify-content:space-between;padding:7px 5px 22px}.mobile-hero p{margin:0 0 8px;color:#2d70ee;font-size:11px;font-weight:800;letter-spacing:.08em}.mobile-hero h1{margin:0;color:#112447;font-size:clamp(31px,10vw,39px);letter-spacing:-.06em;line-height:1.05}.mobile-hero span{display:block;margin-top:11px;color:#687a9b;font-size:13px}.mobile-csv{display:grid;width:60px;height:69px;place-content:center;border-radius:18px;background:#ffffffe0;box-shadow:0 10px 26px #244f921f;color:#1768ec;font-size:28px;line-height:.75;text-align:center;text-decoration:none}.mobile-csv small{margin-top:9px;font-size:12px;font-weight:800}.mobile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-stats article{min-height:122px;border:1px solid rgb(255 255 255 / 80%);border-radius:20px;background:#ffffffe0;box-shadow:0 9px 24px #2a4c8914;padding:20px 16px}.mobile-stats span{display:block;color:#647493;font-size:13px}.mobile-stats strong{display:inline-block;margin-top:17px;color:#142646;font-size:clamp(25px,8vw,34px);letter-spacing:-.04em}.mobile-stats small{margin-left:5px;color:#657494;font-size:12px}.mobile-controls{margin-top:16px;border:1px solid rgb(225 234 250 / 90%);border-radius:21px;background:#ffffffe0;box-shadow:0 12px 29px #264a8712;padding:14px}.mobile-search{display:flex;align-items:center;gap:8px;height:44px;border:1px solid #dbe5f5;border-radius:12px;padding:0 13px;color:#7282a0}.mobile-search input{width:100%;border:0;outline:0;background:transparent;color:#1d3154;font-size:14px}.new-only-toggle{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:1px solid #d5e3ff;border-radius:13px;background:#f3f7ff;padding:13px;color:#4076df;font-size:15px;font-weight:800}.new-only-toggle.is-active{border-color:#2670f5;background:linear-gradient(110deg,#2b78f8,#2168e8);box-shadow:0 8px 18px #246ff03d;color:#fff}.new-only-toggle b{min-width:25px;border-radius:12px;background:#ffffff36;padding:2px 7px;font-size:11px}.mobile-filter-inputs{display:flex;gap:9px;overflow-x:auto;margin-top:14px;padding:1px 1px 6px;scrollbar-width:none}.mobile-filter-inputs::-webkit-scrollbar{display:none}.mobile-filter-input{display:grid;flex:0 0 126px;grid-template-columns:1fr auto;gap:4px;border:1px solid #e0e8f5;border-radius:12px;background:#fff;padding:9px 10px;color:#1f3457;text-align:left}.mobile-filter-input small{grid-column:1 / -1;color:#7e8dab;font-size:10px}.mobile-filter-input span{overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mobile-filter-input b{color:#6680ad;font-size:12px}.mobile-sort-row{display:flex;gap:8px;margin-top:7px}.mobile-sort-row span{padding:9px 4px;color:#71819d;font-size:12px}.mobile-sort-row button{border:0;border-radius:9px;background:#f1f5fc;padding:8px 10px;color:#40638f;font-size:12px;font-weight:700}.mobile-notice{margin:14px 2px;border-radius:11px;background:linear-gradient(90deg,#edf4ff,#f8fbff);padding:11px 12px;color:#3973d7;font-size:12px;line-height:1.45}.mobile-results{scroll-margin-top:12px}.mobile-result-title{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 11px}.mobile-result-title strong{color:#1c2e4e;font-size:17px}.mobile-result-title span{color:#7383a0;font-size:12px}.mobile-list{display:grid;gap:12px}.mobile-list article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;border:1px solid rgb(229 236 248 / 90%);border-radius:19px;background:#ffffffe8;box-shadow:0 10px 25px #27487e0f;padding:15px 13px}.mobile-list .rank-mark{width:32px;height:32px;border-radius:10px;background:#f3f6fc;color:#233959;font-size:14px}.mobile-list .rank-1{background:#fff4d8;color:#b97908}.mobile-list .rank-2{background:#edf3ff;color:#3977e7}.mobile-list .rank-3{background:#fff0e7;color:#c66c29}.mobile-card-body{min-width:0}.mobile-list p,.mobile-list h2{margin:0}.category-line{overflow:hidden;color:#7181a0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mobile-list h2{display:-webkit-box;overflow:hidden;margin-top:7px;color:#1b2c4b;font-size:15px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-line{overflow:hidden;margin-top:7px!important;color:#687b9e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.metric-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:14px}.metric-row span{min-width:0;color:#182b4b;font-size:14px;font-weight:800}.metric-row small{display:block;margin-bottom:4px;color:#7d8ca7;font-size:10px;font-weight:500}.metric-row em{align-self:end;border-radius:6px;background:#dcf8e7;padding:5px 6px;color:#149855;font-size:10px;white-space:nowrap}.mobile-load-more{display:flex;align-items:center;justify-content:center;gap:9px;min-height:68px;color:#6780aa;font-size:13px}.mobile-load-more i{width:18px;height:18px;border:2px solid #d7e4fc;border-top-color:#3378ec;border-radius:50%;animation:spin .8s linear infinite}.mobile-load-more.finished{color:#98a5bb}.sheet-overlay{position:fixed;z-index:50;inset:0;display:flex;align-items:flex-end;background:#0813297a;animation:overlay-in .2s ease-out}.bottom-sheet{width:100%;max-height:min(78vh,620px);overflow:hidden;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -16px 42px #04133038;animation:sheet-up .28s cubic-bezier(.2,.78,.25,1)}.sheet-header{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;min-height:62px;border-bottom:1px solid #eef2f8;padding:0 10px;text-align:center}.sheet-header strong{color:#1b2d4c;font-size:16px}.sheet-close,.sheet-confirm{border:0;background:transparent;padding:10px}.sheet-close{color:#607493;font-size:27px;line-height:1}.sheet-confirm{color:#2671ec;font-size:14px;font-weight:800}.sheet-content{max-height:calc(min(78vh,620px) - 62px);overflow-y:auto;padding:12px 16px 30px}.sheet-options{display:grid;gap:4px}.sheet-options button{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-radius:11px;background:transparent;padding:14px 12px;color:#314563;font-size:15px;text-align:left}.sheet-options button.selected{background:#edf4ff;color:#246fe9;font-weight:800}.sheet-options b{font-size:18px}.sheet-numeric label>span,.sheet-numeric p{display:block;margin:8px 0 9px;color:#71819d;font-size:13px}.sheet-numeric label>div{display:flex;align-items:center;border:1px solid #d9e4f6;border-radius:13px;padding:0 13px}.sheet-numeric b{color:#3478e8}.sheet-numeric input{width:100%;height:49px;border:0;outline:0;padding:0 8px;color:#203656;font-size:16px}.sheet-numeric small{color:#7383a0}.quick-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-values button{border:1px solid #e0e8f5;border-radius:11px;background:#fff;padding:12px 9px;color:#536986;font-size:13px}.quick-values button.selected{border-color:#94bbff;background:#edf4ff;color:#2471ed;font-weight:800}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:380px){.mobile-view{padding-right:12px;padding-left:12px}.metric-row{grid-template-columns:1fr 1fr}.metric-row em{grid-column:2;justify-self:end}.mobile-stats article{padding:18px 13px}}@media(max-width:900px){.mobile-hero{align-items:center;padding:8px 5px 18px}.mobile-hero h1{font-size:clamp(32px,10vw,43px)}.mobile-hero span{margin-top:12px;color:#72829f}.mobile-csv{display:inline-flex;width:auto;height:38px;align-items:center;gap:6px;border:1px solid #dce7f9;border-radius:10px;box-shadow:none;padding:0 11px;font-size:14px;font-weight:800}.mobile-csv small{margin:0;font-size:13px}.mobile-stats article{min-height:112px;padding:17px 16px}.mobile-stats strong{margin-top:13px}.mobile-rank-tabs{display:grid;grid-template-columns:1fr 1.22fr 1fr;gap:5px;margin-top:15px;border:1px solid #e2e9f6;border-radius:17px;background:#ffffffd1;box-shadow:0 8px 20px #294a7f0f;padding:5px}.mobile-rank-tabs button{position:relative;min-height:48px;border:0;border-radius:12px;background:transparent;color:#50637f;font-size:14px;font-weight:800;white-space:nowrap}.mobile-rank-tabs button.active{background:#eef4ff;color:#2771eb}.mobile-rank-tabs button.highlight.active{background:linear-gradient(110deg,#2e7cf8,#2168e9);box-shadow:0 7px 15px #256cef3b;color:#fff}.mobile-rank-tabs b{position:absolute;top:-10px;right:5px;min-width:25px;border-radius:12px;background:#2e76ef;padding:3px 6px;color:#fff;font-size:10px;box-shadow:0 4px 8px #2870f040}.mobile-rank-tabs button.highlight.active b{background:#ffffff3b}.mobile-controls{margin-top:13px}.mobile-reset{margin-left:auto;border:1px solid #d9e4f5!important;background:#fff!important;color:#667997!important}}@media(max-width:900px){.mobile-sticky-toolbar{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:15px -4px 0;padding:10px 4px;background:#f7faffeb;box-shadow:0 10px 16px -17px #1d417d99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sticky-search{display:flex;min-width:0;align-items:center;gap:8px;height:44px;border:1px solid #dce6f6;border-radius:13px;background:#fff;padding:0 13px;color:#6d7f9e;box-shadow:0 5px 14px #2046850d}.sticky-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#1d3154;font-size:14px}.sticky-search-placeholder{overflow:hidden;color:#7384a1;font-size:14px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.sticky-filter-button{display:inline-flex;align-items:center;gap:5px;border:1px solid #cbdcff;border-radius:13px;background:#f7faff;padding:0 14px;color:#266fe9;font-size:14px;font-weight:800}.sticky-filter-button b{font-size:15px}.nested-sheet{z-index:70}.nested-sheet .bottom-sheet{max-height:min(64vh,520px)}.composite-filter{display:grid;gap:17px;padding-bottom:4px}.composite-search{display:flex;align-items:center;gap:8px;height:48px;border:1px solid #d9e4f6;border-radius:13px;padding:0 14px;color:#6c7e9c}.composite-search input{width:100%;border:0;outline:0;color:#1d3153;font-size:15px}.composite-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.composite-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;gap:4px;border:1px solid #dbe5f4;border-radius:13px;background:#fff;padding:10px 11px;color:#243858;text-align:left}.composite-trigger small{grid-column:1 / -1;color:#7788a5;font-size:11px}.composite-trigger span{overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.composite-trigger b{color:#73839e;font-size:12px}.composite-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.composite-number>span,.composite-sort>span{display:block;margin:0 0 8px 2px;color:#71829e;font-size:13px;font-weight:700}.composite-number>div{display:flex;align-items:center;border:1px solid #dbe5f4;border-radius:13px;padding:0 11px}.composite-number input{width:100%;min-width:0;height:43px;border:0;outline:0;color:#1e3151;font-size:15px}.composite-number small{color:#71839f}.composite-number b{margin-left:7px;color:#71839f;font-size:12px}.composite-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.composite-sort select{width:100%;height:43px;border:1px solid #dbe5f4;border-radius:13px;background:#fff;padding:0 11px;color:#203553;font-size:14px;font-weight:700}.direction-button{height:43px;border:1px solid #cddfff;border-radius:13px;background:#f4f8ff;padding:0 14px;color:#2d73e8;font-size:14px;font-weight:800}.new-only-field{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;border:1px solid #9cc0ff;border-radius:15px;background:linear-gradient(115deg,#f6f9ff,#ecf4ff);box-shadow:0 6px 15px #286ded21;padding:13px;color:#286de5}.new-only-field>span{color:#286de5;font-size:15px;font-weight:900}.new-only-field input{width:18px;height:18px;accent-color:#2672ec}.new-only-field b{border-radius:8px;background:#e2edff;padding:4px 7px;font-size:11px}.new-only-field small{grid-column:1 / -1;border-radius:8px;background:#e2edffbf;padding:8px 9px;color:#5a88dc;font-size:11px}.draft-summary{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #edf1f8;padding-top:14px}.draft-summary>span{width:100%;color:#7787a2;font-size:12px}.draft-summary b{border-radius:8px;background:#f0f4fa;padding:6px 8px;color:#61728e;font-size:11px;font-weight:700}.composite-actions{position:sticky;bottom:-30px;display:grid;grid-template-columns:.9fr 1.35fr;gap:12px;margin:0 -16px -30px;border-top:1px solid #edf1f8;background:#fffffff5;padding:13px 16px calc(13px + env(safe-area-inset-bottom));box-shadow:0 -8px 18px #2240700d}.composite-actions button{min-height:48px;border:1px solid #dce5f3;border-radius:13px;background:#fff;color:#4d6283;font-size:15px;font-weight:800}.composite-actions .apply-filter{border-color:#246ce6;background:linear-gradient(115deg,#2d7cf8,#1f64df);box-shadow:0 8px 17px #2369ea42;color:#fff}.apply-filter small{display:block;margin-top:2px;color:#ffffffc4;font-size:10px}.metric-picker{display:grid;gap:18px;padding:4px 0 16px}.metric-operator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.metric-operator-grid button,.quick-metrics button{border:1px solid #dbe5f4;border-radius:11px;background:#fff;padding:12px 10px;color:#536984;font-size:14px;font-weight:700}.metric-operator-grid button.selected,.quick-metrics button.selected{border-color:#82adff;background:#eef5ff;color:#276fe8}.metric-inputs{display:grid;gap:10px}.metric-inputs.range{grid-template-columns:1fr 1fr}.metric-inputs label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid #dbe5f4;border-radius:12px;padding:0 11px}.metric-inputs label>span{grid-column:1 / -1;margin-top:9px;color:#7586a2;font-size:12px}.metric-inputs input{min-width:0;height:35px;border:0;outline:0;color:#203655;font-size:15px}.metric-inputs small{color:#7284a0}.quick-metrics>span{display:block;margin-bottom:9px;color:#7586a2;font-size:13px}.quick-metrics>div{display:flex;flex-wrap:wrap;gap:8px}.quick-metrics button{flex:1 0 calc(33.333% - 8px);min-width:88px;padding:10px 8px;font-size:12px}.mobile-rendering{display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0 12px;border:1px solid #d9e7ff;border-radius:13px;background:#f7faff;padding:14px;color:#3977df;font-size:13px;font-weight:700}.mobile-rendering i{width:17px;height:17px;border:2px solid #d1e2ff;border-top-color:#3378ec;border-radius:50%;animation:spin .8s linear infinite}}@media(max-width:380px){.composite-category-grid{gap:6px}.composite-trigger{padding-right:7px;padding-left:7px}.composite-trigger span{font-size:12px}.sticky-filter-button{padding-right:10px;padding-left:10px}}@media(max-width:900px){.mobile-list article{grid-template-columns:42px 72px minmax(0,1fr)}}@media(max-width:900px){.mobile-view{overflow:visible}.mobile-sticky-toolbar{top:0;margin-top:13px;padding:10px 0;background:transparent;box-shadow:none;transition:background-color .18s ease,box-shadow .18s ease,margin .18s ease,padding .18s ease}.mobile-sticky-toolbar.is-stuck{margin-right:-16px;margin-left:-16px;padding:10px 16px;background:#eff5fff0;box-shadow:0 10px 20px -18px #183770b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sticky-filter-button{min-width:88px;justify-content:center;border-color:#c7d9ff;background:#fff;box-shadow:0 4px 12px #235bba12}.sticky-filter-button b{display:none}.sheet-header{grid-template-columns:64px minmax(0,1fr) 64px;min-height:66px;padding:0 8px}.sheet-confirm{white-space:nowrap;padding:8px 4px;font-size:14px}.sheet-close{padding:8px 7px}.sheet-content{max-height:calc(min(82vh,680px) - 66px);padding:16px 16px 28px}.bottom-sheet{max-height:min(82vh,680px);border-radius:25px 25px 0 0}.composite-filter{gap:15px}.composite-search{height:50px;border-color:#d4e1f5;border-radius:14px;background:#fbfdff;box-shadow:inset 0 1px 1px #2656a608}.composite-category-grid,.composite-value-grid{gap:9px}.composite-trigger,.composite-number>div,.composite-sort select{border-color:#d9e4f3;border-radius:12px;background:#fff}.composite-trigger{min-height:74px;padding:10px 9px}.composite-trigger small{color:#7789a8}.composite-trigger span{color:#203757;font-size:14px}.composite-number>span,.composite-sort>span{color:#6b7f9f;font-size:13px}.composite-number>div{min-height:45px}.composite-bottom-grid{gap:10px}.composite-sort select{height:45px;color:#203757}.direction-button{height:45px;min-width:96px;border-color:#cfe0ff;background:#f5f8ff}.new-only-field{border-color:#7dacff;background:linear-gradient(115deg,#f7faff,#eaf3ff);box-shadow:0 7px 18px #276aea1c}.new-only-field>span{font-size:16px}.draft-summary{gap:6px;padding-top:12px}.draft-summary b{background:#f3f6fb;color:#5e718f}.composite-actions{bottom:-28px;margin-bottom:-28px;border-top-color:#e8eef7;padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.composite-actions button{min-height:50px;border-radius:14px}}