:root{--as-danger:#d23b28;--as-spring:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--as-danger:#ff7b63}}:root[data-theme=dark]{--as-danger:#ff7b63}.av{z-index:100;color:var(--ink);outline:none;grid-template-columns:minmax(0,1fr) 392px;animation:.22s both st-fade;display:grid;position:fixed;inset:0}.av[data-leaving]{pointer-events:none;animation:.18s both as-fade-out}.av-bg{background:var(--bg) center / cover no-repeat;filter:blur(64px)saturate(1.35);position:fixed;inset:-80px;transform:scale(1.15)}.av-bg[data-tone=audio]{background:radial-gradient(circle at 30% 30%, var(--lilac), transparent 55%), radial-gradient(circle at 72% 70%, var(--mint), transparent 55%), var(--bg)}.av-scrim{background:color-mix(in srgb, var(--bg) 76%, transparent);position:fixed;inset:0}.av-stage{place-items:center;min-width:0;min-height:0;padding:16px 12px;display:grid;position:relative}.av-media{width:100%;height:100%;min-height:0;animation:as-zoom .5s var(--as-spring) both;place-items:center;display:grid}.av-media>img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:18px;max-width:100%;max-height:calc(100dvh - 32px);box-shadow:0 40px 80px -36px #140c1ab3}.av-nav{z-index:2;background:color-mix(in srgb, var(--surface) 84%, transparent);width:46px;height:46px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line), 0 12px 24px -14px #140c1a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s var(--as-spring);border:0;border-radius:50%;place-items:center;margin-top:-23px;padding:0;display:grid;position:absolute;top:50%}.av-nav:hover{transform:scale(1.12)}.av-nav.prev{left:20px}.av-nav.next{right:20px}.av-nav .chev{opacity:1;width:18px;height:18px}.av-x{background:var(--wash);width:38px;height:38px;color:var(--ink);transition:transform .35s var(--as-spring), background .2s;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.av-x:hover{background:var(--hover-2);transform:rotate(90deg)}.av-x svg{width:15px;height:15px}.av-x-m{z-index:3;background:color-mix(in srgb, var(--surface) 84%, transparent);box-shadow:inset 0 0 0 1px var(--line);display:none;position:absolute;top:12px;right:12px}.av-side{min-height:0;padding:12px 12px 12px 0;position:relative}.av-card{background:color-mix(in srgb, var(--surface) 84%, transparent);height:100%;box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -30px #140c1a80;-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);animation:as-side-in .55s var(--st-ease) both;border-radius:26px;flex-direction:column;gap:8px;padding:8px;display:flex}.av-head{align-items:center;gap:12px;padding:6px 6px 6px 8px;display:flex}.av-tile{color:#352242;width:44px;height:44px;font-family:var(--f-display);transition:transform .5s var(--as-spring);border-radius:14px;flex:none;place-items:center;font-size:21px;font-weight:800;display:grid;transform:rotate(-7deg);box-shadow:inset 0 -3px #3522421f}.av-head:hover .av-tile{transform:rotate(6deg)scale(1.06)}.av-who{flex:1;min-width:0;display:grid}.av-who b{text-overflow:ellipsis;white-space:nowrap;font-family:var(--f-display);letter-spacing:-.025em;font-size:18px;font-weight:800;overflow:hidden}.av-who small{color:var(--ink-50);font-size:12px}.av-scroll{scrollbar-width:thin;flex:1;align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.av-sec{background:var(--wash);border-radius:18px;gap:8px;padding:10px;display:grid}.av-sec-h{width:100%;min-height:26px;color:var(--ink-50);font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 2px;font-size:11px;display:flex}.av-sec-h>svg{flex:none;width:14px;height:14px}.av-toggle .chev{opacity:.6;width:12px;height:12px;transition:transform .35s var(--as-spring);margin-left:auto}.av-toggle[aria-expanded=false] .chev{transform:rotate(-90deg)}.av-copy{background:var(--surface);height:26px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--f-ui);letter-spacing:0;text-transform:none;transition:transform .25s var(--as-spring);border:0;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.av-copy:active{transform:scale(.92)}.av-copy svg{width:13px;height:13px}.av-box{background:var(--surface);border-radius:13px;gap:10px;padding:12px;display:grid}.av-refs{flex-wrap:wrap;gap:8px;display:flex}.av-ref{width:66px;height:66px;box-shadow:inset 0 0 0 1px var(--line);border-radius:13px;position:relative;overflow:hidden;transform:rotate(-3deg)}.av-ref:nth-child(2n){transform:rotate(3deg)}.av-ref img{object-fit:cover;width:100%;height:100%}.av-ref i{background:var(--tangerine);color:#fff6e6;border-radius:6px;place-items:center;min-width:17px;height:17px;font-size:10px;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:4px;left:4px}.av-prompt{color:var(--ink-86);white-space:pre-wrap;-webkit-user-select:text;user-select:text;font-size:14px;line-height:1.6}.av-prompt.muted{color:var(--ink-50)}.av-token{background:color-mix(in srgb, var(--tangerine) 18%, transparent);color:var(--tangerine);border-radius:6px;padding:1px 6px;font-weight:800}.av-fold{transition:grid-template-rows .4s var(--st-ease);grid-template-rows:0fr;display:grid}.av-fold[data-open]{grid-template-rows:1fr}.av-fold>dl{min-height:0;overflow:hidden}.av-dl{margin:0;padding:0 2px;display:grid}.av-dl div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:7px 4px;font-size:13px;display:flex}.av-dl div:last-child{border-bottom:0}.av-dl dt{color:var(--ink-50)}.av-dl dd{text-align:right;margin:0;font-weight:600}.av-foot{gap:8px;padding:2px;display:grid}.av-recreate{isolation:isolate;background:var(--tangerine);color:#fff6e6;height:54px;font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;border-radius:17px;justify-content:center;align-items:center;gap:9px;font-size:16px;font-weight:800;text-decoration:none;transition:filter .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -3px #5016064d,inset 0 1px #ffffff59,0 12px 28px -12px #e65a2fbf}.av-recreate:before{content:"";z-index:-1;filter:blur(24px);opacity:.7;mix-blend-mode:plus-lighter;width:76%;height:80%;transition:transform .6s var(--st-ease);background:#ffc98a;border-radius:50%;position:absolute;top:-40%;left:12%}.av-recreate:hover{filter:brightness(1.06)}.av-recreate:hover:before{transform:translateY(14%)scale(1.15)}.av-recreate:hover svg{transform:rotate(180deg)}.av-recreate:active{transform:translateY(1px)scale(.985)}.av-recreate svg{width:18px;height:18px;transition:transform .6s var(--as-spring)}.av-row{gap:8px;display:flex}.av-btn{background:var(--wash);height:46px;color:var(--ink);transition:background .15s, transform .3s var(--as-spring);border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.av-btn:hover{background:var(--hover-2)}.av-btn:active{transform:scale(.94)}.av-btn:disabled{opacity:.45;cursor:not-allowed}.av-btn.wide{flex:1}.av-btn.sq{width:46px;padding:0}.av-btn[data-on]{color:var(--tangerine)}.av-btn.danger{background:color-mix(in srgb, var(--as-danger) 14%, transparent);color:var(--as-danger)}.av-btn svg{width:18px;height:18px}.pl{grid-template-rows:minmax(0,1fr) auto auto;gap:10px;width:100%;height:100%;min-height:0;display:grid}.pl-view{cursor:pointer;place-items:center;min-height:0;display:grid}.pl-view video{background:#000;border-radius:18px;max-width:100%;max-height:100%;box-shadow:0 40px 80px -36px #140c1ab3}.pl:-webkit-full-screen{color:#fff6e6;background:#000;padding:12px}.pl:fullscreen{color:#fff6e6;background:#000;padding:12px}.pl:-webkit-full-screen .pl-view video{border-radius:0}.pl:fullscreen .pl-view video{border-radius:0}.pl-audio{aspect-ratio:16/9;background:var(--tone);border-radius:30px;align-items:center;gap:4px;width:min(640px,100%);padding:36px;display:flex;box-shadow:inset 0 -5px #3522421a,0 40px 80px -36px #140c1a99}.pl-audio i{height:calc(var(--v) * 80%);background:#35224247;border-radius:4px;flex:1;min-height:5px;transition:background .2s}.pl-audio i[data-on]{background:#352242}.pl-note{text-align:center;color:var(--ink-50);font-size:13px;font-weight:600}.pl-bar{background:color-mix(in srgb, var(--surface) 72%, transparent);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;gap:4px;padding:8px 10px 6px;display:grid}.pl-track{cursor:pointer;touch-action:none;outline:none;height:18px;position:relative}.pl-track:before{content:"";background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:6px;height:6px;position:absolute;top:6px;left:0;right:0}.pl-buf,.pl-played{border-radius:6px;height:6px;position:absolute;top:6px;left:0}.pl-buf{width:calc(var(--b) * 100%);background:color-mix(in srgb, var(--ink) 24%, transparent)}.pl-played{width:calc(var(--p) * 100%);background:var(--tangerine)}.pl-head{top:3px;left:calc(var(--p) * 100%);background:var(--ink);width:4px;height:12px;transition:transform .2s var(--as-spring);border-radius:2px;margin-left:-2px;position:absolute}.pl-track:hover .pl-head{transform:scaleY(1.35)}.pl-track:focus-visible:before{box-shadow:0 0 0 2px var(--cobalt)}.pl-track[data-disabled]{cursor:default;opacity:.5}.pl-ctl{align-items:center;gap:2px;display:flex}.pl-b{min-width:34px;height:34px;color:inherit;transition:background .15s, transform .25s var(--as-spring);background:0 0;border:0;border-radius:10px;place-items:center;padding:0 6px;font-size:13px;font-weight:800;display:grid}.pl-b:hover{background:var(--hover)}.pl-b:active{transform:scale(.9)}.pl-b:disabled{opacity:.4;cursor:not-allowed}.pl-b svg{width:17px;height:17px}.pl-vol{align-items:center;gap:2px;display:inline-flex}.pl-vol input{width:56px;accent-color:var(--tangerine)}.pl-time{color:var(--ink-70);font-variant-numeric:tabular-nums;background:0 0;border:0;margin-inline:auto;font-size:13px;font-weight:700}@media (max-width:1100px){.av{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:767px){.av{overscroll-behavior:contain;display:block;overflow-y:auto}.av-stage{height:60dvh;padding:60px 8px 8px}.av-media>img{max-height:calc(60dvh - 68px)}.av-x-m{display:grid}.av-head .av-x{display:none}.av-nav{width:40px;height:40px;margin-top:-20px}.av-nav.prev{left:10px}.av-nav.next{right:10px}.av-side{padding:0 8px calc(8px + env(safe-area-inset-bottom,0px))}.av-card{height:auto}.av-scroll{overflow:visible}.pl-vol input{display:none}}@keyframes as-fade-out{to{opacity:0}}@keyframes as-zoom{0%{opacity:0;transform:scale(.92)}}@keyframes as-side-in{0%{opacity:0;transform:translate(28px)}}@media (prefers-reduced-motion:reduce){.av,.av-media,.av-card{animation:none!important}}