.screener-page{--screener-surface: #ffffff;--screener-soft: #f4f8f6;--screener-border: rgba(19, 58, 47, .11);--screener-text: #18352d;--screener-muted: #6c7c77;min-height:100vh;color:var(--screener-text);background:radial-gradient(circle at 90% 2%,rgba(15,113,81,.08),transparent 30rem),#f6f9f8}.screener-hero{position:relative;display:flex;width:100%;min-height:220px;align-items:center;justify-content:space-between;gap:40px;overflow:hidden;margin:0;padding:clamp(28px,4vw,46px) clamp(24px,5vw,64px);color:#173b31;background:radial-gradient(circle at 85% 20%,rgba(71,210,158,.2),transparent 22rem),linear-gradient(120deg,#eaf8f2,#f8fbfa);border:1px solid rgba(15,113,81,.13);border-right:0;border-left:0;border-radius:0;box-shadow:0 16px 45px #123d3112}.screener-hero:after{position:absolute;right:27%;bottom:-120px;width:260px;height:260px;content:"";border:1px solid rgba(15,113,81,.07);border-radius:50%;box-shadow:0 0 0 42px #0f715106,0 0 0 84px #0f715104}.screener-hero__content{position:relative;z-index:2;max-width:690px}.screener-hero__badge{gap:5px;padding:5px 8px;color:#0b704f;background:rgba(15,113,81,.08);border:1px solid rgba(15,113,81,.12);font-size:.67rem;font-weight:800;letter-spacing:.1em}.screener-hero h1{max-width:650px;margin:13px 0 8px;font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:780;letter-spacing:-.04em;line-height:1.06}.screener-hero p{max-width:620px;margin:0;color:#667d76;font-size:clamp(.88rem,1.2vw,1rem);line-height:1.55}.screener-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.screener-create-btn{min-height:40px;padding-inline:18px;color:#fff;background:linear-gradient(135deg,#138760,#0b6f4e);border-radius:10px;font-weight:750;box-shadow:0 7px 18px #0b6f4e33}.screener-my-btn{min-height:40px;padding-inline:14px;color:#315a4e;background:rgba(255,255,255,.65);border:1px solid rgba(15,113,81,.13);border-radius:10px}.screener-hero__visual{position:relative;z-index:1;width:min(310px,30vw);flex:0 0 min(310px,30vw)}.screener-preview{overflow:hidden;padding:8px;background:rgba(255,255,255,.82);border:1px solid rgba(15,113,81,.12);border-radius:15px;box-shadow:0 14px 35px #123d311a}.screener-preview__header,.screener-preview__row{display:flex;align-items:center;justify-content:space-between}.screener-preview__header{padding:5px 7px 10px;color:#526b63;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.screener-preview__header span{display:inline-flex;align-items:center;gap:7px}.screener-preview__header i{width:7px;height:7px;background:#16b77e;border-radius:50%;box-shadow:0 0 0 4px #16b77e1f}.screener-preview__row{min-height:38px;margin-top:4px;padding:7px 9px;color:#526b63;background:#f3f8f6;border-radius:9px;font-size:.78rem}.screener-preview__row strong{display:grid;min-width:27px;height:24px;place-items:center;color:#08704d;background:#dff6ed;border-radius:7px;font-size:.74rem}.screener-content{width:100%;margin:0 auto;padding:34px clamp(12px,2vw,28px) 64px}.screener-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.screener-toolbar__title{font-size:1.45rem;font-weight:760;letter-spacing:-.02em}.screener-toolbar__subtitle{margin-top:3px;color:var(--screener-muted);font-size:.84rem}.screener-search{width:min(330px,100%)}.screener-search :deep(.q-field__control){background:var(--screener-surface);border-radius:12px}.screener-section{height:100%;overflow:hidden;background:var(--screener-surface);border-color:var(--screener-border);border-radius:16px;box-shadow:0 10px 30px #0d2c230e}.screener-section__header{display:flex;min-height:78px;align-items:center;gap:11px;padding:15px 16px}.screener-section__icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px}.screener-section__icon--gold{color:#79570f;background:#fff4d5}.screener-section__icon--orange{color:#a34418;background:#ffeadf}.screener-section__icon--green{color:#08704d;background:#dcf8ee}.screener-section__title{font-weight:750}.screener-section__caption{margin-top:2px;color:var(--screener-muted);font-size:.75rem}.screener-section__count{min-width:25px;justify-content:center;color:var(--screener-muted);background:var(--screener-soft)}.screener-list{max-height:720px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(79,121,108,.42) transparent}.screener-list::-webkit-scrollbar{width:7px}.screener-list::-webkit-scrollbar-track{margin-block:7px;background:transparent}.screener-list::-webkit-scrollbar-thumb{background:rgba(79,121,108,.32);border:2px solid transparent;border-radius:999px;background-clip:padding-box}.screener-list::-webkit-scrollbar-thumb:hover{background:rgba(15,113,81,.55);border:2px solid transparent;background-clip:padding-box}.screener-item{min-height:154px;padding:15px 16px 12px;border-bottom:1px solid var(--screener-border);transition:background-color .16s ease,transform .16s ease}.screener-item:last-child{border-bottom:0}.screener-item:hover{background:var(--screener-soft)}.screener-item__rank{display:grid;width:31px;height:31px;flex:0 0 31px;margin-right:10px;place-items:center;color:var(--q-primary);background:rgba(15,113,81,.09);border-radius:9px}.screener-item__name{font-size:.94rem;font-weight:720}.screener-item__description{min-height:34px;margin-top:4px;line-height:1.45}.screener-item__arrow{margin:5px 0 0 7px;color:#9aa7a3}.screener-item__meta,.screener-item__footer{display:flex;align-items:center;gap:12px;margin-top:10px}.screener-item__meta{flex-wrap:wrap;color:var(--screener-muted);font-size:.7rem}.screener-item__meta span{display:inline-flex;align-items:center;gap:4px}.screener-item__match{color:var(--q-primary);font-weight:700}.screener-item__footer{justify-content:space-between;margin-top:7px}.screener-item__author{overflow:hidden;color:var(--screener-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.screener-item__reactions{display:flex;gap:2px;color:var(--screener-muted)}.screener-item__reactions .is-active-like{color:#087a50;background:rgba(8,122,80,.09)}.screener-item__reactions .is-active-dislike{color:#bd3d3d;background:rgba(189,61,61,.09)}.screener-empty{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--screener-muted);font-size:.82rem}.body--dark .screener-page{--screener-surface: #232a2f;--screener-soft: #1c2327;--screener-border: rgba(255, 255, 255, .08);--screener-text: #e9f2ef;--screener-muted: #9eaaa6;background:radial-gradient(circle at 90% 2%,rgba(5,248,66,.05),transparent 30rem),#171c20}.body--dark .screener-list{scrollbar-color:rgba(124,157,146,.38) transparent}.body--dark .screener-list::-webkit-scrollbar-thumb{background:rgba(124,157,146,.3);border:2px solid transparent;background-clip:padding-box}.body--dark .screener-list::-webkit-scrollbar-thumb:hover{background:rgba(86,185,145,.5);border:2px solid transparent;background-clip:padding-box}.body--dark .screener-hero{color:#eaf4f1;background:radial-gradient(circle at 85% 20%,rgba(5,248,66,.07),transparent 22rem),linear-gradient(120deg,#20292d,#1b2226);border-color:#ffffff14;box-shadow:0 16px 45px #00000038}.body--dark .screener-hero p{color:#a7b7b2}.body--dark .screener-hero__badge{color:#7ff0bd;background:rgba(5,248,66,.07);border-color:#05f8421f}.body--dark .screener-my-btn{color:#dce9e5;background:rgba(255,255,255,.05);border-color:#ffffff1a}.body--dark .screener-preview{background:rgba(17,23,26,.72);border-color:#ffffff17}.body--dark .screener-preview__header,.body--dark .screener-preview__row{color:#aebdb8}.body--dark .screener-preview__row{background:rgba(255,255,255,.045)}.body--dark .screener-section__icon--gold{color:#f1cc6a;background:rgba(214,168,75,.13)}.body--dark .screener-section__icon--orange{color:#ff9e68;background:rgba(255,112,53,.12)}.body--dark .screener-section__icon--green{color:#58e5ae;background:rgba(21,181,122,.12)}@media (max-width: 900px){.screener-hero__visual{width:250px;flex-basis:250px}}@media (max-width: 600px){.screener-hero{width:100%;min-height:0;align-items:flex-start;margin-top:0;padding:27px 20px;border-radius:0}.screener-hero__visual{display:none}.screener-hero__actions,.screener-create-btn,.screener-my-btn{width:100%}.screener-toolbar{align-items:stretch;flex-direction:column}.screener-search{width:100%}.screener-content{padding-top:26px}}