.tl-frame{--tl-paper:#fcfbf8;--tl-paper2:#f3f1eb;--tl-ink:#15120f;--tl-muted:#6f6a62;--tl-faint:#9a958c;--tl-line:#15120f1f;--tl-line2:#15120f0f;--tl-accent:#d0161a;--tl-accent-soft:#d0161a0f;--tl-gold:#feb320;--tl-ok:#2f7d46;--tl-warn:#b07a18;--tl-amber-text:#8a5f0f;--tl-ease:cubic-bezier(.2,.7,.3,1);background:var(--tl-paper);max-width:1060px;min-height:100svh;color:var(--tl-ink);font-family:var(--font-inter),system-ui,sans-serif;flex-direction:column;margin:0 auto;padding:0 20px;font-size:16.5px;line-height:1.6;display:flex;position:relative}.tl-frame:before{content:"";pointer-events:none;opacity:.045;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg fill='none' stroke='%2315120F' stroke-width='1'%3E%3Cpath d='M0 60h240M60 0v240' stroke-dasharray='4 8'/%3E%3Cpath d='M0 180h240M180 0v240' stroke-dasharray='2 10'/%3E%3C/g%3E%3Cg stroke='%23D0161A' stroke-width='1'%3E%3Cpath d='M56 60h8M60 56v8M176 180h8M180 176v8'/%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}.tl-frame>*{z-index:1;position:relative}.tl-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tl-head{border-bottom:1px solid var(--tl-line);justify-content:space-between;align-items:center;padding:20px 2px 14px;display:flex}.tl-wm{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tl-wm .t{font-family:var(--font-fraunces),Georgia,serif;letter-spacing:.18em;text-transform:uppercase;font-size:15px}.tl-wm .d{letter-spacing:.3em;text-transform:uppercase;color:var(--tl-accent);font-size:10.5px;font-weight:600}.tl-stepmark{color:var(--tl-muted);letter-spacing:.06em;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:11px}.tl-stepmark b{color:var(--tl-accent);font-weight:700}.tl-tape{border-bottom:1px solid var(--tl-line);height:26px;position:relative;overflow:hidden}.tl-tape .marks{background-image:repeating-linear-gradient(90deg,var(--tl-line) 0 1px,transparent 1px 10%);opacity:.7;position:absolute;inset:0}.tl-tape .fill{border-right:2px solid var(--tl-accent);transition:width .7s var(--tl-ease);background:linear-gradient(90deg,#d0161a24,#d0161a3d);position:absolute;top:0;bottom:0;left:0}.tl-tape .fill:after{content:"";background:var(--tl-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 0 3px #feb32040}.tl-main{flex:1;place-items:center;padding:34px 0 20px;display:grid}.tl-stage{width:100%;max-width:640px}.tl-stage.wide{max-width:940px}.tl-screen{animation:tl-enter .6s var(--tl-ease) both}@keyframes tl-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.tl-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--tl-accent);align-items:center;gap:9px;font-size:11px;font-weight:600;display:inline-flex}.tl-eyebrow:before{content:"";background:var(--tl-accent);width:20px;height:1px}.tl-h1{font-family:var(--font-fraunces),Georgia,serif;letter-spacing:-.02em;margin:14px 0 10px;font-size:clamp(30px,5.4vw,52px);font-weight:300;line-height:1.04}.tl-h1.sm{font-size:clamp(26px,4.4vw,40px)}.tl-h1 em{color:var(--tl-accent);font-style:italic}.tl-sub{color:var(--tl-muted);max-width:52ch;font-size:15.5px}.tl-sub.center{margin:10px auto 0}.tl-stitch{width:0;height:0;animation:tl-coser 1s .3s var(--tl-ease) forwards;border-bottom:2px dashed #d0161a80;margin:16px 0 0}@keyframes tl-coser{to{width:86px}}.tl-btn{letter-spacing:.02em;border:1px solid var(--tl-ink);background:var(--tl-ink);color:var(--tl-paper);transition:all .35s var(--tl-ease);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:16px 28px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.tl-btn:hover{color:var(--tl-ink);background:0 0}.tl-btn .ar{transition:transform .35s var(--tl-ease)}.tl-btn:hover .ar{transform:translate(4px)}.tl-btn.red{background:var(--tl-accent);border-color:var(--tl-accent)}.tl-btn.red:hover{color:var(--tl-accent);background:0 0}.tl-btn:disabled{opacity:.35;pointer-events:none}.tl-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.tl-actions.center{justify-content:center}.tl-backlink{color:var(--tl-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:8px 2px;font-family:inherit;font-size:13px;display:inline-flex}.tl-backlink:hover{color:var(--tl-ink)}.tl-f{flex-direction:column;gap:8px;margin-top:22px;display:flex}.tl-f label{letter-spacing:.12em;text-transform:uppercase;color:var(--tl-muted);font-size:11.5px;font-weight:600}.tl-f label .req{color:var(--tl-accent)}.tl-f input,.tl-f select{background:var(--tl-paper);border:1px solid var(--tl-line);width:100%;color:inherit;border-radius:2px;padding:16px;font-family:inherit;font-size:17px;transition:all .25s}.tl-f input:focus,.tl-f select:focus{border-color:var(--tl-ink);outline:none}.tl-f .hint{color:var(--tl-faint);font-size:12.5px}.tl-f.err input{border-color:var(--tl-accent);background:var(--tl-accent-soft)}.tl-errmsg{color:var(--tl-accent);align-items:flex-start;gap:7px;font-size:13px;display:none}.tl-f.err .tl-errmsg,.tl-errmsg.on{display:flex}.tl-cedrow{grid-template-columns:96px 1fr;gap:10px;display:grid}.tl-cedrow select{padding:0 12px}.tl-optrow{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;display:grid}@media (max-width:620px){.tl-optrow{grid-template-columns:1fr}}.tl-firma{font-style:italic;font-family:var(--font-fraunces),Georgia,serif!important;font-size:20px!important}.tl-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:26px;display:grid}.tl-card{border:1px solid var(--tl-line);background:var(--tl-paper);text-align:center;transition:all .3s var(--tl-ease);cursor:pointer;color:inherit;border-radius:2px;padding:22px 16px 18px;font-family:inherit;position:relative}.tl-card:hover{border-color:var(--tl-ink);transform:translateY(-2px)}.tl-card.on{border-color:var(--tl-accent);background:var(--tl-accent-soft)}.tl-card.on:after{content:"✓";color:var(--tl-accent);font-size:13px;font-weight:700;position:absolute;top:10px;right:12px}.tl-card svg{height:88px;margin:0 auto 12px;display:block}.tl-card b{font-size:15px;font-weight:600;display:block}.tl-card span{color:var(--tl-muted);font-size:12.5px}.tl-dialwrap{max-width:460px;margin:0 auto}.tl-dialwrap.left{margin:0}.tl-dial{justify-content:center;align-items:center;gap:18px;margin:26px 0 8px;display:flex}.tl-dial.left{justify-content:flex-start}.tl-dial .num{font-family:var(--font-fraunces),Georgia,serif;letter-spacing:-.03em;text-align:center;font-variant-numeric:tabular-nums;min-width:3.2ch;font-size:clamp(58px,11vw,92px);font-weight:300;line-height:1}.tl-dial .num.sm{font-size:clamp(48px,8vw,72px)}.tl-dial .tl-numin{width:3.2ch;min-width:3.2ch;font-family:var(--font-fraunces),Georgia,serif;letter-spacing:-.03em;text-align:center;font-variant-numeric:tabular-nums;color:inherit;-moz-appearance:textfield;border:none;border-bottom:2px dashed var(--tl-line);background:0 0;padding:0;font-weight:300;line-height:1;transition:border-color .2s}.tl-dial .tl-numin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tl-dial .tl-numin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tl-dial .tl-numin::placeholder{color:var(--tl-line);opacity:1}.tl-dial .tl-numin:focus{border-bottom-color:var(--tl-accent);border-bottom-style:solid;outline:none}.tl-dial .unit{color:var(--tl-muted);align-self:flex-end;padding-bottom:14px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.tl-dial .pm{border:1px solid var(--tl-line);-webkit-user-select:none;user-select:none;cursor:pointer;width:56px;height:56px;color:inherit;background:0 0;border-radius:50%;flex:none;place-items:center;font-family:inherit;font-size:24px;font-weight:300;transition:all .25s;display:grid}.tl-dial .pm:hover{border-color:var(--tl-accent);color:var(--tl-accent)}.tl-dial .pm:active{background:var(--tl-accent-soft);transform:scale(.94)}.tl-dialwrap input[type=range]{appearance:none;background:0 0;width:100%;height:34px;margin-top:6px}.tl-dialwrap input[type=range]::-webkit-slider-runnable-track{background:var(--tl-line);height:2px}.tl-dialwrap input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--tl-accent);border:5px solid var(--tl-paper);width:26px;height:26px;box-shadow:0 0 0 1px var(--tl-accent);cursor:grab;border-radius:50%;margin-top:-12px}.tl-dialwrap input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.tl-dialwrap input[type=range]::-moz-range-track{background:var(--tl-line);height:2px}.tl-dialwrap input[type=range]::-moz-range-thumb{background:var(--tl-accent);border:4px solid var(--tl-paper);width:16px;height:16px;box-shadow:0 0 0 1px var(--tl-accent);border-radius:50%}.tl-dialhint{text-align:center;color:var(--tl-faint);min-height:20px;margin-top:14px;font-size:13px}.tl-dialhint.left{text-align:left}.tl-dialhint b{color:var(--tl-amber-text);font-weight:700}.tl-measure{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,54px);display:grid}@media (max-width:860px){.tl-measure{grid-template-columns:1fr}.tl-measure .fig{max-width:280px;margin:0 auto}}.tl-measure .fig{position:relative}.tl-measure .fig svg{width:100%;height:auto;display:block}.tl-measure .zonelabel{letter-spacing:.14em;text-transform:uppercase;color:var(--tl-accent);background:var(--tl-paper);z-index:2;border:1px solid #d0161a59;padding:6px 10px;font-family:ui-monospace,Menlo,monospace;font-size:11px;position:absolute;top:10px;left:0}.tl-zonecount{color:var(--tl-faint);letter-spacing:.1em;margin-bottom:4px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.tl-tipbox{border-left:2px solid var(--tl-gold);color:var(--tl-muted);margin-top:18px;padding:10px 0 10px 16px;font-size:14px}.tl-tipbox b{color:var(--tl-ink)}.tl-bodyline{fill:none;stroke:var(--tl-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.tl-bodyseam{fill:none;stroke:var(--tl-ink);stroke-width:.8px;stroke-dasharray:3 5;opacity:.28}.tl-zone{opacity:0;transition:opacity .4s}.tl-zone.on{opacity:1}.tl-zone .band{fill:none;stroke:var(--tl-accent);stroke-width:2.4px;stroke-dasharray:7 6}.tl-zone .glow{fill:#d0161a12;stroke:none}.tl-zone .tick{stroke:var(--tl-gold);stroke-width:2px}@media (prefers-reduced-motion:no-preference){.tl-zone.on .band{animation:1.1s linear infinite tl-marcha}@keyframes tl-marcha{to{stroke-dashoffset:-13px}}}.tl-sewing{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:60px 0;display:flex}.tl-sewing .needle{stroke:var(--tl-accent);stroke-width:2px;fill:none;stroke-dasharray:230;stroke-dashoffset:230px}@media (prefers-reduced-motion:no-preference){.tl-sewing .needle{animation:tl-puntada 1.4s var(--tl-ease) forwards}}@media (prefers-reduced-motion:reduce){.tl-sewing .needle{stroke-dashoffset:0}}@keyframes tl-puntada{to{stroke-dashoffset:0}}.tl-verdict{border:1px solid var(--tl-line);border-radius:2px;padding:clamp(26px,4vw,44px);position:relative;overflow:hidden}.tl-verdict.block{background:linear-gradient(180deg,var(--tl-accent-soft),transparent 60%);border-color:#d0161a66}.tl-verdict.warn{background:linear-gradient(#feb32014,#0000 60%);border-color:#b07a1866}.tl-verdict .ico{border:1.5px solid;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:16px;font-size:24px;display:grid}.tl-verdict.block .ico{color:var(--tl-accent)}.tl-verdict.warn .ico{color:var(--tl-warn)}.tl-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:440px;margin:24px 0;display:grid}.tl-compare .side{text-align:center;border:1px solid var(--tl-line);background:var(--tl-paper);padding:16px 10px}.tl-compare .side .lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--tl-muted);font-size:10.5px;font-weight:600}.tl-compare .side .talla{font-family:var(--font-fraunces),Georgia,serif;font-size:44px;font-weight:400;line-height:1.1}.tl-compare .vs{color:var(--tl-faint);font-family:ui-monospace,Menlo,monospace;font-size:12px}.tl-compare .side.bad .talla{color:var(--tl-accent)}.tl-compare .side.good .talla{color:var(--tl-ok)}.tl-result{grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;display:grid}@media (max-width:620px){.tl-result{grid-template-columns:1fr}}.tl-result .rcard{border:1px solid var(--tl-line);background:var(--tl-paper);padding:24px;position:relative}.tl-result .g{letter-spacing:.2em;text-transform:uppercase;color:var(--tl-muted);font-size:11px;font-weight:600}.tl-result .talla{font-family:var(--font-fraunces),Georgia,serif;margin:8px 0 4px;font-size:74px;font-weight:300;line-height:1}.tl-result .foot{color:var(--tl-faint);font-size:12.5px}.tl-result .num{color:var(--tl-gold);font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:700;position:absolute;top:18px;right:18px}.tl-explain{color:var(--tl-muted);border:1px dashed var(--tl-line);margin-top:18px;padding:14px 16px;font-size:13.5px}.tl-explain b{color:var(--tl-ink)}.tl-sheet{border:1px solid var(--tl-line);background:var(--tl-paper);margin-top:24px;padding:clamp(22px,4vw,36px)}.tl-sheet h3{font-family:var(--font-fraunces),Georgia,serif;margin-bottom:4px;font-size:19px;font-weight:400}.tl-sheet .sh{color:var(--tl-muted);margin-bottom:14px;font-size:12px}.tl-srow{border-top:1px solid var(--tl-line2);justify-content:space-between;gap:14px;padding:11px 0;font-size:14px;display:flex}.tl-srow .k{color:var(--tl-muted)}.tl-srow .v{text-align:right;font-weight:600}.tl-srow .v.red{color:var(--tl-accent)}.tl-srow .v.warn{color:var(--tl-warn)}.tl-legal{color:var(--tl-muted);border:1px solid var(--tl-line);background:var(--tl-paper2);margin-top:20px;padding:18px;font-size:13.5px;line-height:1.7}.tl-legal b{color:var(--tl-ink)}.tl-legal .pol{color:var(--tl-faint);margin-top:10px;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:block}.tl-legal details{border-top:1px dashed var(--tl-line);margin-top:12px;padding-top:10px}.tl-legal summary{cursor:pointer;color:var(--tl-accent);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;list-style-position:inside}.tl-legal summary:hover{text-decoration:underline}.tl-legal ol{flex-direction:column;gap:8px;margin:12px 0 4px;padding-left:20px;display:flex}.tl-legal ol li::marker{color:var(--tl-gold);font-weight:700}.tl-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;margin-top:18px;display:flex}.tl-check input{width:20px;height:20px;accent-color:var(--tl-accent);flex:none;margin-top:2px}.tl-check span{font-size:14px}.tl-flag{background:#feb32014;border:1px solid #b07a1866;align-items:flex-start;gap:10px;margin-top:18px;padding:14px 16px;font-size:13.5px;display:flex}.tl-flag.center{text-align:left;max-width:480px;margin:22px auto 0}.tl-flag .i{color:var(--tl-warn);font-weight:700}.tl-done{text-align:center;padding:30px 0}.tl-done .ring{width:110px;height:110px;margin:0 auto 26px}.tl-done .ring svg{width:100%;height:100%}.tl-done .ring .c{fill:none;stroke:#d0161a33;stroke-width:1.5px;stroke-dasharray:4 6}.tl-done .ring .chk{fill:none;stroke:var(--tl-ok);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80px}@media (prefers-reduced-motion:no-preference){.tl-done .ring .chk{animation:tl-chk .8s .3s var(--tl-ease) forwards}}@media (prefers-reduced-motion:reduce){.tl-done .ring .chk{stroke-dashoffset:0}}@keyframes tl-chk{to{stroke-dashoffset:0}}.tl-folio{border:1px dashed #feb320b3;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:22px;padding:12px 20px;font-family:ui-monospace,Menlo,monospace;font-size:13px;display:inline-flex}.tl-folio b{color:var(--tl-accent);font-weight:700}.tl-foot{border-top:1px solid var(--tl-line);color:var(--tl-faint);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:16px 2px 22px;font-size:11px;display:flex}.tl-foot .demo{color:var(--tl-amber-text);font-weight:700}@media (prefers-reduced-motion:reduce){.tl-screen,.tl-stitch,.tl-tape .fill{transition:none;animation:none}}@media (max-width:720px){.tl-measure .tl-actions{background:linear-gradient(to top, var(--tl-paper) 62%, transparent);z-index:5;margin-top:8px;padding:14px 0 10px;position:sticky;bottom:0}.tl-measure .tl-btn{justify-content:center;width:100%}}.tl-btn:disabled{opacity:.38;cursor:not-allowed}.tl-btn:disabled:hover{background:var(--tl-accent)}
