.yr{background:var(--color-bg);flex-direction:column;height:600px;font-size:13px;display:flex}.yr b{font-weight:600}.yr p{margin:0}.yr-faint{color:var(--color-faint)}.yr-head{border-bottom:1px solid var(--color-line);background:var(--color-ground);flex:none;align-items:center;gap:14px;height:48px;padding:0 18px;display:flex}.yr-back{color:var(--color-muted);font-size:12px}.yr-title{align-items:center;gap:10px;min-width:0;display:flex}.yr-title>b{white-space:nowrap;font-size:15px}.yr-ver{height:24px;box-shadow:inset 0 0 0 1px var(--color-accent-line);background:var(--color-panel-2);border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.yr-ver-s{display:grid}.yr-ver-a,.yr-ver-b{transition:opacity .2s var(--ease), transform .2s var(--ease);grid-area:1/1}.yr-ver-a{color:var(--color-muted)}.yr-ver-b{color:var(--color-warn);opacity:0;transform:translateY(4px)}.yr-ver[data-asked] .yr-ver-a{opacity:0;transform:translateY(-4px)}.yr-ver[data-asked] .yr-ver-b{opacity:1;transform:none}.yr-bell{width:28px;height:28px;color:var(--color-muted);place-items:center;margin-left:auto;display:grid;position:relative}.yr-bell .y-ico{width:16px;height:16px}.yr-badge{background:var(--color-accent);min-width:14px;height:14px;color:var(--color-accent-ink);opacity:0;transition:opacity .2s var(--ease) .25s, transform .2s var(--ease) .25s;border-radius:999px;place-items:center;font-size:9px;font-weight:700;display:grid;position:absolute;top:1px;right:0;transform:scale(.6)}.yr-badge[data-on]{opacity:1;transform:none}.yr-main{flex:1;grid-template-columns:minmax(0,1fr) 304px;gap:16px;min-height:0;padding:14px 18px 16px;display:grid}.yr-left{flex-direction:column;gap:8px;min-width:0;display:flex}.yr-player{background:#000;background:lab(0% 0 0);border-radius:10px;flex:1;place-items:center;min-height:0;display:grid;overflow:hidden;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.yr-frame{aspect-ratio:2.4;width:100%;max-height:100%;position:relative}.yr-frame img{object-fit:cover;width:100%;height:100%}.yr-anchor{pointer-events:none;position:absolute}.yr-draw{fill:none;width:100%;height:100%;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.yr-box{vector-effect:non-scaling-stroke;stroke-width:3px}.yr-arrow{stroke-width:1.15px}.yr-box{transform-box:fill-box;transform-origin:0 0;opacity:0;transition:transform .65s var(--move), opacity 80ms linear;transform:scale(.04)}.yr-arrow{stroke-dasharray:1 1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .38s var(--move), opacity 60ms linear}.yr-draw[data-box] .yr-box{opacity:1;transform:none}.yr-draw[data-box] .yr-arrow{stroke-dashoffset:0;opacity:1}.yr-draw[data-play] .yr-box{transition-delay:.67s}.yr-draw[data-play] .yr-arrow{transition-delay:1.57s}.yr-ctrl{flex:none;align-items:center;gap:10px;height:28px;display:flex}.yr-play{width:28px;height:28px;color:var(--color-ground);background:#e5e8ed;background:lab(91.8563% -.328302 -2.62539);border-radius:999px;place-items:center;display:grid}.yr-play svg{width:12px;height:12px;margin-left:1px}.yr-tc{font-size:12px}.yr-tl{flex:none;padding-top:12px;position:relative}.yr-pins{height:12px;position:absolute;top:0;left:0;right:0}.yr-lane{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.yr-pins .yr-lane{transition:none}.yr-pin{background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--color-bg);opacity:0;transition:opacity .18s var(--ease), transform .32s var(--ease);border-radius:999px;position:absolute;top:0;left:-5px;transform:translateY(-8px)scale(.6)}.yr-pin[data-on]{opacity:1;transform:none}.yr-strip{border-radius:4px;height:30px;display:flex;overflow:hidden}.yr-strip img{object-fit:cover;opacity:.85;flex:1;min-width:0;height:100%}.yr-head-lane{height:calc(100% - 8px);transition:transform .3s var(--move);top:10px}.yr-playhead{background:#f5f5f5;background:lab(96.52% -.0000298023 .0000119209);border-radius:1px;width:2px;height:100%;position:absolute;top:0;left:-1px;box-shadow:0 0 0 1px #0006;box-shadow:0 0 0 1px lab(0% 0 0/.4)}.yr-finish{background:var(--color-panel);border-radius:10px;flex:none;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 8px 0 14px;display:flex;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.yr-finish-t{min-width:0;color:var(--color-muted);font-size:12px;display:grid}.yr-x{white-space:nowrap;text-overflow:ellipsis;transition:opacity .2s var(--ease), transform .2s var(--ease);grid-area:1/1;overflow:hidden}.yr-x b{color:var(--color-text);font-weight:500}.yr-x-a[data-off]{opacity:0;transform:translateY(-4px)}.yr-x-b{opacity:0;transform:translateY(4px)}.yr-x-b[data-on]{opacity:1;transform:none}.yr-side{flex-direction:column;gap:10px;min-width:0;display:flex}.yr-side-h{align-items:center;gap:6px;height:24px;font-size:14px;display:flex}.yr-compose{background:var(--color-panel);border-radius:10px;gap:8px;padding:10px;display:grid;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.yr-chips{flex-wrap:wrap;gap:4px 3px;display:flex}.yr-chip{height:24px;color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:6px;align-items:center;gap:4px;padding:0 6px;font-size:11.5px;transition:background-color .15s ease-out,color .15s ease-out;display:inline-flex}.yr-chip .y-ico{width:12px;height:12px}.yr-chip[data-on]{background:var(--color-panel-2);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-line-strong)}.yr-chip:first-child[data-on]{background:var(--color-accent-tint);color:var(--color-accent);box-shadow:none}.yr-field-row{align-items:stretch;gap:6px;display:flex}.yr-field{background:var(--color-bg);min-width:0;min-height:52px;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:8px;flex:1;padding:7px 9px;font-size:12.5px;line-height:1.4;transition:box-shadow .15s ease-out}.yr-field[data-focus]{box-shadow:inset 0 0 0 1px var(--color-line-strong), 0 0 0 3px #ffffff0f}@supports (color:lab(0% 0 0)){.yr-field[data-focus]{box-shadow:inset 0 0 0 1px var(--color-line-strong), 0 0 0 3px lab(100% 0 0/.06)}}.yr-ph{color:var(--color-faint)}.yr-caret{vertical-align:-.15em;background:var(--color-text);width:1.5px;height:1.1em;margin-left:1px;animation:1s step-end infinite yr-blink;display:inline-block}@keyframes yr-blink{50%{opacity:0}}.yr-send{background:var(--color-accent-dim);color:var(--color-accent-ink);box-shadow:none;align-self:flex-end;font-weight:600;transition:background-color .15s ease-out}.yr-send[data-ready]{background:var(--color-accent)}.yr-cards{align-content:start;gap:8px;display:grid}.yr-card{background:var(--color-panel);border-radius:10px;gap:6px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:grid;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.yr-who{align-items:center;gap:7px;min-width:0;font-size:12.5px;display:flex}.yr-who b{white-space:nowrap;font-weight:500}.yr-ago{color:var(--color-faint);white-space:nowrap;margin-left:auto;font-size:11.5px}.yr-guest{color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:5px;padding:0 5px;font-size:11px}.yr-tag{height:20px;color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:5px;justify-self:start;align-items:center;gap:4px;padding:0 6px;font-size:11px;display:inline-flex}.yr-tag .y-ico{width:11px;height:11px}.yr-marta{box-shadow:0 0 0 1px var(--color-accent-line);opacity:0;transition:opacity .26s var(--ease), transform .26s var(--ease);transform:translateY(8px)}.yr-marta[data-on]{opacity:1;transform:none}.yr-body{align-items:flex-start;gap:10px;display:flex}.yr-body>div{flex:1;justify-items:start;gap:4px;min-width:0;display:grid}.yr-at{color:var(--color-accent);background:var(--color-accent-tint);border-radius:5px;padding:1px 6px;font-size:11.5px}.yr-thumb{aspect-ratio:2.4;outline-offset:-1px;border-radius:4px;outline:1px solid #ffffff1a;outline:1px solid lab(100% 0 0/.1);flex:none;width:76px;position:relative;overflow:hidden}.yr-thumb img{object-fit:cover;width:100%;height:100%}.yr-thumb svg{fill:none;width:100%;height:100%;stroke:var(--color-accent);position:absolute;inset:0}.yr-thumb svg *{vector-effect:non-scaling-stroke;stroke-width:1.2px}.yr-reply{border-left:1px solid var(--color-line);transition:opacity .26s var(--ease), transform .26s var(--ease);gap:3px;margin-left:4px;padding-left:10px;display:none}.yr-reply[data-on]{display:grid}@starting-style{.yr-reply[data-on]{opacity:0;transform:translateY(6px)}}.yr-reply .y-av{width:18px;height:18px;font-size:8px}.yr-overlay{z-index:10;opacity:0;transition:opacity .2s var(--ease);background:#0000008c;background:lab(0% 0 0/.55);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.yr-overlay[data-on]{opacity:1}.yr-dialog{background:var(--color-panel);width:min(420px,100%);transition:transform .2s var(--ease);border-radius:16px;gap:8px;padding:18px 18px 14px;display:grid;transform:scale(.97);box-shadow:0 0 0 1px #ffffff1f,0 16px 40px #00000073;box-shadow:0 0 0 1px lab(100% 0 0/.12),0 16px 40px lab(0% 0 0/.45)}.yr-overlay[data-on] .yr-dialog{transform:none}.yr-d-head{justify-content:space-between;font-size:15px;display:flex}.yr-d-sub{color:var(--color-muted);font-size:12.5px}.yr-d-label{margin-top:4px;font-size:12.5px;font-weight:500}.yr-opt{box-shadow:inset 0 0 0 1px var(--color-line);border-radius:8px;align-items:flex-start;gap:10px;padding:9px 10px;transition:background-color .15s ease-out,box-shadow .15s ease-out;display:flex}.yr-opt>span:last-child{color:var(--color-muted);gap:1px;font-size:12px;display:grid}.yr-opt b{font-size:12.5px;font-weight:500}.yr-opt[data-tone=ok] b{color:var(--color-ok)}.yr-opt[data-tone=warn] b{color:var(--color-warn)}.yr-opt[data-on]{background:var(--color-panel-2)}.yr-opt[data-tone=ok][data-on]{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-ok) 55%, transparent)}.yr-opt[data-tone=warn][data-on]{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-warn) 55%, transparent)}.yr-radio{width:15px;height:15px;box-shadow:inset 0 0 0 1.5px var(--color-line-strong);border-radius:999px;flex:none;margin-top:1px;position:relative}.yr-radio:after{content:"";background:var(--color-accent);opacity:0;transition:opacity .15s var(--ease), transform .2s var(--ease);border-radius:999px;position:absolute;inset:3px;transform:scale(.4)}.yr-opt[data-on] .yr-radio{box-shadow:inset 0 0 0 1.5px var(--color-accent)}.yr-opt[data-on] .yr-radio:after{opacity:1;transform:none}.yr-area{background:var(--color-bg);min-height:54px;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:8px;padding:7px 9px;font-size:12.5px;transition:box-shadow .15s ease-out}.yr-area[data-focus]{box-shadow:inset 0 0 0 1px var(--color-line-strong), 0 0 0 3px #ffffff0f}@supports (color:lab(0% 0 0)){.yr-area[data-focus]{box-shadow:inset 0 0 0 1px var(--color-line-strong), 0 0 0 3px lab(100% 0 0/.06)}}.yr-d-foot{border-top:1px solid var(--color-line);justify-content:flex-end;gap:6px;margin-top:6px;padding-top:12px;display:flex}.yr-toast{z-index:12;background:var(--color-panel-2);opacity:0;transform-origin:100% 0;border-radius:10px;align-items:flex-start;gap:10px;width:min(360px,100% - 28px);padding:10px 12px;transition:opacity .15s ease-in,transform .15s ease-in;display:flex;position:absolute;top:44px;right:14px;transform:translateY(-8px)scale(.97);box-shadow:0 0 0 1px #ffffff1f,0 16px 40px #00000073;box-shadow:0 0 0 1px lab(100% 0 0/.12),0 16px 40px lab(0% 0 0/.45)}.yr-toast[data-on]{opacity:1;transition:opacity .24s var(--ease) .38s, transform .24s var(--ease) .38s;transform:none}.yr-toast-i{width:26px;height:26px;color:var(--color-warn);background:var(--color-warn-tint);border-radius:999px;flex:none;place-items:center;display:grid}.yr-toast-t{gap:2px;min-width:0;font-size:12.5px;display:grid}.yr-toast-t b{font-weight:500}.yr-toast-t span{color:var(--color-muted);font-size:12px}@container not (min-width:640px){.yr{height:600px}.yr-head{gap:10px;height:44px;padding:0 12px}.yr-back{display:none}.yr-title>b{font-size:14px}.yr-main{flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.yr-left{display:contents}.yr-player{flex:none}.yr-ctrl{height:24px}.yr-play{width:24px;height:24px}.yr-strip{height:24px}.yr-finish{order:9}.yr-side{flex:1;gap:8px;min-height:0}.yr-side-h{display:none}.yr-cards>*{grid-area:1/1}.yr-dana{transition:opacity .2s var(--ease)}.yr-dana[data-off]{opacity:0}.yr-long{display:none}.yr-arrow{stroke-width:1.9px}.yr-chip:nth-child(4){display:none}.yr-field{min-height:40px}.yr-thumb{width:64px}.yr-dialog{gap:7px;padding:14px 14px 12px}.yr-opt>span:last-child>span{display:none}.yr-d-sub{font-size:12px}}