.tt{max-width:520px;margin:0 auto;padding:20px max(20px,env(safe-area-inset-left,0px)) 48px;display:flex;flex-direction:column;gap:18px}
.tt [hidden]{display:none!important}
.tt-label{border:1px solid var(--hyssop);border-radius:4px;padding:14px 16px;background:var(--paper)}
.tt-ey{font:700 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--hyssop-deep)}
.tt-ey .h{color:#B4471C}
.tt-label h1{margin:10px 0 0;font:500 29px/1.1 var(--display);color:var(--hyssop)}
.tt-label p{margin:6px 0 12px;font-size:16px;line-height:1.45}
.tt-coll{display:flex;justify-content:space-between;border-top:1px dashed var(--petal);padding-top:8px;font-size:13px;line-height:1.4}
.tt-prog{display:flex;flex-direction:column;gap:6px}
.tt-prog-top{display:flex;justify-content:space-between;align-items:baseline}
.tt-prog-top b{font:500 22px/1.2 var(--display);color:var(--hyssop)}
.tt-prog-top span{font-size:14px}
.tt-bar{height:8px;border-radius:4px;background:var(--blush);overflow:hidden}
.tt-bar i{display:block;height:100%;background:var(--hyssop);width:0;transition:width .3s}
.tt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tt-jar{min-height:64px;box-sizing:border-box;padding:10px 12px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #EBD9DE;border-radius:12px;text-decoration:none;color:var(--ink)}
.tt-jar:hover{border-color:var(--hyssop)}
.tt-jar img{width:68px;height:68px;flex:none}
.tt-jar .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tt-jar .t .tt-ey{font-size:11px}
.tt-jar .n{font:500 19px/1.2 var(--display);color:var(--hyssop)}
.tt-jar .p{font-size:14px;line-height:1.3;font-weight:700;color:var(--hyssop-deep)}
.tt-jar .s{flex:none;color:var(--hyssop-deep);font-size:15px;font-weight:700}
.tt-jar .s.done{padding:4px 10px;border-radius:999px;background:var(--blush);font-size:12px}
.tt-btn{min-height:52px;border:0;border-radius:10px;background:var(--hyssop);color:var(--paper);font:700 17px/1 var(--body);cursor:pointer}
.tt-btn:hover{background:var(--hyssop-deep)}
.tt-back{font-size:14px;font-weight:700;color:var(--hyssop-deep);text-decoration:none}
.tt-skip{align-self:center;min-height:44px;display:flex;align-items:center;font-size:15px;font-weight:700;color:var(--hyssop-deep)}
.tt-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.tt-head img.lab{width:176px;height:176px}
.tt-head h1{margin:0;font:500 31px/1.1 var(--display);color:var(--hyssop);text-wrap:balance}
.tt-ing{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:left}
.tt-ing li{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.2}
.tt-ing img{width:30px;height:30px;flex:none}
.tt-ing .pep{font-weight:700;color:var(--hyssop-deep)}
.tt-card{margin:0;padding:16px;border:1px solid #EBD9DE;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:22px}
.tt-q{font:500 20px/1.2 var(--display);color:var(--hyssop)}
.tt-hint{font-size:14px;line-height:1.4}
.tt-sl{display:flex;flex-direction:column;gap:6px}
.tt-words{position:relative;height:16px;font-size:12px;line-height:1.2}
.tt-words span{position:absolute;top:0;white-space:nowrap}
.tt-words span.on{font-weight:700;color:var(--hyssop-deep)}
.tt input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0}
.tt input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--blush)}
.tt input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:var(--hyssop);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--hyssop)}
.tt input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--blush)}
.tt input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--hyssop);border:3px solid var(--paper)}
.tt input[type=range].unset::-webkit-slider-thumb{background:var(--paper);box-shadow:0 0 0 2px var(--hyssop)}
.tt input[type=range].unset::-moz-range-thumb{background:var(--paper);border-color:var(--hyssop)}
.tt-checks{display:flex;flex-direction:column}
.tt-checks label{min-height:44px;display:flex;align-items:center;gap:12px;font-size:16px}
.tt-checks input,.tt-buy input{width:20px;height:20px;margin:0;accent-color:var(--hyssop)}
.tt textarea,.tt select,.tt input[type=email]{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--hyssop);border-radius:8px;background:var(--paper);color:var(--ink);font:400 17px/1.5 var(--body)}
.tt textarea{resize:vertical}
.tt fieldset{margin:0;min-width:0}
.tt fieldset.tt-card{border:1px solid #EBD9DE;padding:16px}
.tt legend{float:left;width:100%;padding:0;margin:0 0 6px}
.tt legend + *{clear:both}
.tt-buy{display:flex;gap:8px}
.tt-buy label{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #EBD9DE;border-radius:10px;font-size:16px}
.tt-saved{padding:12px 14px;border-radius:8px;background:var(--blush);color:var(--hyssop-deep);font-size:15px;line-height:1.5}
.tt-col{display:flex;flex-direction:column;gap:10px}
.tt [tabindex="-1"]:focus{outline:none}