.stf{margin:28px 0}.stf h2{margin:0 0 12px!important}.stf [hidden]{display:none!important}.stf .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stf__card{display:flex;flex-direction:column;width:100%;max-width:760px;margin:0 auto;height:clamp(480px,calc(100vh - 112px),640px);height:clamp(480px,calc(100dvh - 112px),640px);border:1px solid var(--volt);border-radius:var(--radius-md);background:var(--ink-raised);overflow:hidden}.stf__head{flex:none;padding:12px 16px 0}.stf__top{display:flex;justify-content:space-between;gap:12px;font-weight:700;font-size:.92rem;color:var(--paper);margin-bottom:6px}.stf__score{color:var(--paper-dim);font-weight:600}.stf__progressbar{height:6px;background:#3a3a44;border-radius:4px;overflow:hidden}.stf__progressbar>div{height:100%;background:var(--volt);transition:width .3s;width:0}.stf__stage{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px}.stf__pane:focus,.stf__mail:focus{outline:none}.stf__foot{flex:none;padding:10px 16px 12px;border-top:1px solid var(--line);background:var(--ink-card)}.stf__actions{display:flex;gap:10px;flex-wrap:wrap}.stf__actions--end{gap:8px}.stf__actions .btn{flex:1 1 auto;justify-content:center;text-align:center}.stf__big{width:100%;min-height:48px;font-size:1.05rem}.stf__share{margin:14px 0 6px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--ink-card);text-align:center}.stf__share h4{margin-top:0}.stf__card-img{display:block;margin:8px auto 12px;width:100%;max-width:280px;height:auto;border-radius:12px;border:1px solid var(--line)}.stf__share-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.stf__share-btns .btn{flex:1 1 140px;justify-content:center}.stf__share-note{display:block;min-height:1.2em;margin-top:8px;font-size:.88rem;color:var(--paper-dim)}.stf__sm{min-height:44px;padding:8px 14px;font-size:.92rem}.stf__intro{display:flex;flex-direction:column;justify-content:center;min-height:100%}.stf__intro p{margin:0 0 10px;color:var(--paper)}.stf__lead{font-size:1.3rem;font-weight:800;line-height:1.3}.stf__fine{color:var(--paper-dim)!important;font-size:.9rem}.stf__mail{position:relative;background:#fff;color:#1d2939;border-radius:10px;overflow:hidden;border:1px solid #98a2b3}.stf__mail p{color:#1d2939!important;margin:0 0 10px}.stf__bar{background:#f2f4f7;padding:7px 12px;display:flex;gap:6px;border-bottom:1px solid #d0d5dd}.stf__bar i{width:9px;height:9px;border-radius:50%;background:#98a2b3;display:block}.stf__stamp{margin:0 14px 12px;display:inline-block;border:2px solid #b42318;color:#b42318;font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:6px}.stf__hd{padding:10px 14px;border-bottom:1px solid #d0d5dd;font-size:.88rem;line-height:1.55}.stf__subj{font-size:1.05rem;font-weight:800;color:#101828;line-height:1.3;margin-bottom:3px}.stf__row{word-break:break-word;color:#1d2939}.stf__row b{display:inline-block;width:68px;color:#475467;font-weight:700}.stf__body{padding:12px 14px 8px;font-size:.96rem;line-height:1.5;color:#1d2939}.stf__link{display:inline-block;background:#1d4ed8;color:#fff;font-weight:700;padding:9px 18px;border-radius:8px;margin:2px 0;cursor:default}.stf__dest{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;background:#101828;color:#f2f4f7;border-radius:8px;padding:8px 12px;font-size:.84rem;line-height:1.4}.stf__dest-k{color:#f2f4f7;font-weight:700}.stf__dest code.stf__dest-url{background:transparent;color:#ffe27a;padding:0;font-family:Menlo,Consolas,monospace;font-size:1.02em;word-break:break-all}.stf__attach{margin-top:8px;display:inline-block;background:#f2f4f7;color:#1d2939;border:1px solid #98a2b3;border-radius:8px;padding:6px 10px;font-size:.88rem}.stf__qr{display:grid;grid-template-columns:repeat(21,1fr);width:132px;height:132px;border:6px solid #fff;outline:1px solid #98a2b3;margin:4px 0 8px;background:#fff}.stf__qr i{background:#fff;display:block}.stf__qr i.on{background:#101828}.stf__btn{flex:1 1 140px;font:inherit;font-weight:900;font-size:1.05rem;min-height:52px;padding:10px;border-radius:12px;border:3px solid transparent;cursor:pointer}.stf__btn:focus-visible,.stf__link:focus-visible,.stf .btn:focus-visible,.stf__course:focus-visible,.stf summary:focus-visible{outline:3px solid var(--volt);outline-offset:2px}.stf__btn--real{background:#d1fadf;color:#05603a}.stf__btn--fake{background:#fee4e2;color:#b42318}.stf__btn:hover{border-color:currentColor}.stf__feedback{border:2px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--ink-card)}.stf__feedback.is-right{border-color:#32d583}.stf__feedback.is-wrong{border-color:#f97066}.stf__verdict{margin:0 0 4px;font-size:1.15rem;color:var(--paper)}.stf__badge{display:inline-block;font-size:.8rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:2px 10px;border-radius:999px;margin-right:4px;vertical-align:2px}.is-right .stf__badge{background:#32d583;color:#04210f}.is-wrong .stf__badge{background:#f97066;color:#2a0705}.stf__subjline{margin:0 0 8px;color:var(--paper-dim);font-size:.9rem}.stf__trick{color:var(--volt)!important;font-weight:700;margin:0 0 8px}.stf__flags{list-style:none;padding:0!important;margin:0 0 10px}.stf__flags li{margin:0 0 7px!important;color:var(--paper);font-size:.95rem;line-height:1.45}.stf__tag{display:inline-block;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:1px 8px;border-radius:4px;margin-right:4px}.stf__flags li.bad .stf__tag,.stf__tag.is-bad{background:#fee4e2;color:#912018}.stf__flags li.good .stf__tag,.stf__tag.is-good{background:#d1fadf;color:#05603a}.stf__todo{color:var(--paper)!important;margin:0;font-size:.95rem}.stf__hero{display:flex;gap:16px;align-items:center;border:2px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--ink-card)}.stf__hero.is-pass{border-color:#32d583}.stf__hero.is-try{border-color:#fdb022}.stf__big-score{display:flex;flex-direction:column;align-items:center;min-width:84px}.stf__n{font-size:2.2rem;font-weight:900;line-height:1;color:var(--paper)}.stf__pct{color:var(--paper-dim);font-weight:700}.stf__hero-txt h3{margin:2px 0 4px;font-size:1.05rem;color:var(--paper)}.stf__hero-txt p{margin:0;color:var(--paper);font-size:.95rem;line-height:1.45}.stf__result{display:inline-block;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:2px 10px;border-radius:999px}.is-pass .stf__result{background:#32d583;color:#04210f}.is-try .stf__result{background:#fdb022;color:#2a1a00}.stf__sec{margin:16px 0 8px!important;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--volt)}.stf__review{list-style:none;padding:0!important;margin:0;display:grid;gap:8px}.stf__review li{margin:0!important;border:1px solid var(--line);border-radius:10px;background:var(--ink-card)}.stf__review li.is-ok{border-left:4px solid #32d583}.stf__review li.is-bad{border-left:4px solid #f97066}.stf__review summary{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;cursor:pointer;list-style:none}.stf__review summary::-webkit-details-marker{display:none}.stf__mark{flex:none;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}.is-ok .stf__mark{background:#32d583;color:#04210f}.is-bad .stf__mark{background:#f97066;color:#2a0705}.stf__sum{display:flex;flex-direction:column;min-width:0}.stf__sum-subj{color:var(--paper);font-weight:700;font-size:.95rem;line-height:1.35}.stf__sum-pick{color:var(--paper-dim);font-size:.85rem}.stf__more{padding:0 12px 12px 46px}.stf__more p{margin:0 0 8px;font-size:.92rem;line-height:1.45;color:var(--paper)}.stf__keyflag{color:var(--paper)}.stf__two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stf__chips{display:flex;flex-wrap:wrap;gap:6px}.stf__chip{font-size:.85rem;font-weight:700;padding:3px 10px;border-radius:999px}.stf__chip.is-good{background:#d1fadf;color:#05603a}.stf__chip.is-bad{background:#fee4e2;color:#912018}.stf__none{color:var(--paper-dim);font-size:.9rem}.stf__recs{list-style:none;padding:0!important;margin:0 0 8px;display:grid;gap:8px}.stf__recs li{margin:0!important;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--ink-card);display:flex;flex-direction:column;gap:2px}.stf__course{color:var(--volt);font-weight:800;text-decoration:underline;text-underline-offset:3px}.stf__why{color:var(--paper-dim);font-size:.85rem;line-height:1.4}@media (max-width: 560px){.stf__card{height:clamp(460px,calc(100dvh - 96px),700px)}.stf__head{padding:10px 12px 0}.stf__stage{padding:10px 12px}.stf__foot{padding:8px 12px 10px}.stf__row b{display:block;width:auto}.stf__two{grid-template-columns:1fr}.stf__hero{flex-direction:column;align-items:flex-start;gap:8px}.stf__big-score{flex-direction:row;align-items:baseline;gap:10px}.stf__more{padding-left:12px}.stf__actions--end .btn{flex:1 1 45%}}@media (max-height: 560px){.stf__card{height:calc(100dvh - 24px);min-height:360px}}@media (prefers-reduced-motion: reduce){.stf__progressbar>div{transition:none}}