.tr{z-index:90;max-width:520px;padding:calc(14px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:var(--bg);color:var(--text);flex-direction:column;gap:18px;margin:0 auto;display:flex;position:fixed;inset:0}.tr-top{flex:none;align-items:center;gap:12px;display:flex}.tr-top .prog{flex:1;grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.tr-top .prog i{background:var(--track);border-radius:2px;height:4px;transition:background-color .2s}.tr-top .prog i.on{background:var(--text)}.tr-top .x{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.tr-art{border:1px solid var(--border);background:var(--surface);border-radius:28px;flex-direction:column;flex:0 auto;justify-content:center;gap:10px;min-height:120px;padding:22px;animation:.26s both tr-in;display:flex;overflow:hidden}.tr-tx{flex-direction:column;flex:none;align-items:flex-start;gap:10px;padding:0 6px;animation:.26s 40ms both tr-in;display:flex}.tr-tx .where{border:1px solid var(--border);background:var(--surface-sub);color:var(--mint-ink);border-radius:15px;padding:5px 14px;font-size:13px;font-weight:800}.tr-tx h2{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800;line-height:1.3}.tr-tx h2 span,.tr-tx p span{display:block}.tr-tx p{margin:0;font-size:16px;line-height:1.6}.tr-btns{flex:none;gap:8px;margin-top:auto;display:flex}.tr-btns>*{min-height:56px;font:inherit;cursor:pointer;border-radius:22px;place-items:center;font-size:16.5px;font-weight:800;text-decoration:none;display:grid}.tr-btns .p{background:var(--mint);color:var(--on-mint);border:0;flex:1}.tr-btns .s{border:1px solid var(--border);background:var(--surface);min-width:108px;color:var(--text);flex:none;padding:0 18px}@keyframes tr-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tr-art,.tr-tx{animation:none}}@media (max-height:700px){.tr{gap:12px}.tr-tx h2{font-size:22px}.tr-tx p{font-size:15px}.tr-art{padding:16px}}.tr-band{flex:none;align-items:center;gap:4px;display:flex}.tr-band .sc{background:var(--mint);color:var(--on-mint);border-radius:8px;flex:none;place-items:center;font-family:Mirae;font-size:15px;display:grid}.tr-band .tl{border-radius:6px;flex:none}.tr-match,.tr-shared{background:var(--surface-sub);border-radius:18px;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:10px 12px;display:flex}.tr-pair{align-items:center;gap:10px;display:inline-flex}.tr-pair .av{color:#0c0c0f;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.tr-pair .av.a,.tr-meet .av.a{background:var(--mint)}.tr-pair .av.b,.tr-meet .av.b{border:2px solid var(--surface-sub);background:#ff7aa2;margin-left:-18px}.tr-pair b{font-size:14px;font-weight:800}.tr-chip{background:var(--track);border-radius:12px;flex:none;padding:4px 10px;font-size:12px;font-weight:800}.tr-chip.pink{color:#0c0c0f;background:#ff3fd8}.tr-item{align-items:center;gap:14px;display:flex}.tr-item .cv{background:#ffb6e8;border-radius:10px;flex:none;width:64px;height:64px;box-shadow:inset 0 0 0 12px #ffb6e8,inset 0 0 0 16px #0c0c0f}.tr-item b{font-size:17px;font-weight:800;display:block}.tr-item small{color:var(--text-muted);font-size:13px}.tr-cells{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.tr-cells span{background:var(--surface-sub);height:42px;color:var(--text-muted);border-radius:10px;place-items:center;font-family:Mirae;font-size:16px;font-weight:400;display:grid}.tr-cells span.on{background:var(--mint);color:var(--on-mint);transform:translateY(-3px)}.tr-note{border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:flex-end;gap:8px;padding:12px 14px;font-size:14px;display:flex}.tr-note small{color:var(--text-muted);flex:none;font-size:11px}.tr-heard{background:var(--inverse);height:34px;color:var(--on-inverse);border-radius:17px;align-self:flex-start;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.tr-tag{background:var(--inverse);color:var(--on-inverse);border-radius:15px;align-self:flex-start;padding:6px 14px;font-size:12.5px;font-weight:800}.tr-tag.soft{background:var(--surface-sub);color:var(--text);margin-top:6px}.tr-chips{flex-wrap:wrap;gap:6px;display:flex}.tr-chips span{border:1px solid var(--border);border-radius:15px;padding:6px 14px;font-size:12.5px;font-weight:600}.tr-bar{grid-template-columns:80px 1fr 36px;align-items:center;gap:8px;font-size:13px;display:grid}.tr-bar .nm{font-weight:700}.tr-bar .tk{background:var(--track);border-radius:5px;height:10px;overflow:hidden}.tr-bar .tk i{background:var(--mint);border-radius:5px;height:100%;display:block}.tr-bar .v{text-align:right;color:var(--text-muted)}.tr-meet{justify-content:space-between;align-items:center;padding:18px 8px 8px;display:flex}.tr-meet .p{flex-direction:column;align-items:center;gap:8px;display:flex}.tr-meet .av{color:#0c0c0f;border-radius:50%;place-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:grid}.tr-meet .av.b{border:0;margin:0}.tr-meet b{font-size:13px;font-weight:800}.tr-meet .link{flex:1;place-items:center;display:grid;position:relative}.tr-meet .link:before{content:"";border-top:2px dashed var(--border);position:absolute;top:50%;left:8px;right:8px}.tr-meet .link .tr-chip{position:relative}.tr-shared{flex-direction:column;align-items:flex-start}.tr-shared b{font-size:13px;font-weight:800}.tr-shared span{gap:4px;display:flex}.tr-shared i{border-radius:6px;width:30px;height:30px}.tr-src{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:14px;display:flex}.tr-src b{font-size:13.5px;font-weight:800}.tr-src small{color:var(--text-muted);font-size:12px}.tr-down{color:var(--text-muted);align-self:center;font-size:18px;line-height:1}.tr-shelf{background:var(--surface-sub);border-radius:16px;flex-direction:column;gap:6px;padding:10px;display:flex}.ab .pad>section+section{margin-top:40px}.ab-back{padding-top:8px;display:flex}.ab-hero{flex-direction:column;gap:14px;padding-top:18px;display:flex}.ab-hero h1{letter-spacing:-.035em;margin:0;font-size:30px;font-weight:800;line-height:1.3}.ab-hero h1 span,.ab-hero p span{display:block}.ab-hero p{margin:0;font-size:15px;line-height:1.6}.ab-hero .btns{grid-template-columns:1fr;gap:8px;margin-top:4px;display:grid}.ab-hero .btns>*{min-height:56px;font:inherit;cursor:pointer;border-radius:20px;place-items:center;font-size:16px;font-weight:800;text-decoration:none;display:grid}.ab-hero .btns .p{background:var(--mint);color:var(--on-mint);border:0}.ab-hero .btns .s{border:1px solid var(--border);background:var(--surface);color:var(--text)}.ab-wall{flex-direction:column;gap:6px;margin-top:10px;display:flex;overflow:hidden}.ab-sec{flex-direction:column;gap:14px;display:flex}.ab-sec h2{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:800}.ab-feats,.ab-tabs,.ab-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ab-feats li{border:1px solid var(--border);background:var(--surface);border-radius:20px;align-items:flex-start;gap:14px;padding:14px;display:flex}.ab-feats .ic{background:var(--surface-sub);width:72px;height:72px;color:var(--text);border-radius:18px;flex:none;place-items:center;font-size:24px;font-weight:800;display:grid;overflow:hidden}.ab-feats .ic.i0{background:var(--mint);color:var(--on-mint);flex-direction:column;justify-content:center;gap:2px;line-height:1;display:flex}.ab-feats .ic.i0 b{font-size:30px}.ab-feats .ic.i0 small{font-size:11px;font-weight:800}.ab-feats .ic.i1{color:#ff3fd8}.ab-feats .ic .tr-pair b{display:none}.ab-feats .tx,.ab-steps .tx{flex-direction:column;gap:6px;min-width:0;padding-top:2px;display:flex}.ab-feats .tx b,.ab-steps .tx b{font-size:16px;font-weight:800}.ab-feats .tx>span,.ab-steps .tx>span{color:var(--text-muted);font-size:13.5px;line-height:1.55}.ab-feats .tx>span span,.ab-steps .tx>span span,.ab-tabs li>span:last-child span{display:block}.ab-tabs{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:0;padding:6px 14px}.ab-tabs li{gap:12px;padding:12px 0;font-size:13.5px;line-height:1.5;display:flex}.ab-tabs li+li{border-top:1px solid var(--border)}.ab-tabs .k{flex:none;align-items:flex-start;gap:6px;width:76px;font-size:14.5px;font-weight:800;display:inline-flex}.ab-tabs .k .tab-ico{flex:none;width:17px;height:17px;margin-top:1px}.ab-steps li{gap:14px;display:flex}.ab-steps .n{background:var(--mint);width:32px;height:32px;color:var(--on-mint);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.ab-steps .go{color:var(--mint-ink);align-items:center;min-height:32px;margin-top:2px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-flex}.ab-box{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;padding:14px 16px 4px;display:flex}.ab-box small{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:800}.ab-box .row{min-height:50px;color:var(--text);justify-content:space-between;align-items:center;font-size:14.5px;text-decoration:none;display:flex}.ab-box .row+.row{border-top:1px solid var(--border)}.ab-box .row i{color:var(--text-muted);font-style:normal}.ab-plan{border-collapse:collapse;border:1px solid var(--border);background:var(--surface);table-layout:fixed;border-radius:20px;width:100%;overflow:hidden}.ab-plan th,.ab-plan td{text-align:left;border-top:1px solid var(--border);padding:12px 14px;font-size:14px}.ab-plan thead th{color:var(--text-muted);vertical-align:top;border-top:0;font-size:13px;font-weight:800}.ab-plan thead th small{margin-top:2px;font-size:11px;font-weight:600;display:block}.ab-plan thead th.pass{color:var(--text)}.ab-plan thead th.pass small{color:var(--text-muted)}.ab-plan tbody th{font-weight:600}.ab-plan td,.ab-plan td.pass{color:var(--text-muted)}.ab-plan .sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ab-more{color:var(--text);align-self:flex-end;align-items:center;min-height:32px;font-size:13.5px;font-weight:800;text-decoration:none;display:flex}.ab-faq{border-top:1px solid var(--border);flex-direction:column;display:flex}.ab-faq>div{border-bottom:1px solid var(--border)}.ab-faq button{width:100%;min-height:56px;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:15px;font-weight:800;display:flex}.ab-faq button svg{color:var(--text-muted);flex:none;transition:transform .2s}.ab-faq .open button svg{transform:rotate(180deg)}.ab-faq p{color:var(--text-muted);margin:0 0 16px;font-size:14px;line-height:1.6}
