.mv{--mv-gap:3px;--mv-ease:cubic-bezier(.22, .9, .24, 1);--mv-dur:.82s;--mv-radius:2px;--mv-red:var(--sound);--mv-frame:3px;aspect-ratio:16/9;background:var(--black);isolation:isolate;width:100%;position:relative;overflow:hidden}.mv-tile{padding:calc(var(--mv-gap) / 2);color:inherit;font:inherit;text-align:left;transition:left var(--mv-dur) var(--mv-ease), top var(--mv-dur) var(--mv-ease), width var(--mv-dur) var(--mv-ease), height var(--mv-dur) var(--mv-ease);animation:mv-tile-in .7s var(--mv-ease) both;z-index:1;background:0 0;border:0;margin:0;display:block;position:absolute}button.mv-tile{cursor:pointer}button.mv-tile:focus-visible{outline:none}button.mv-tile:focus-visible .mv-inner{outline:2px solid var(--white);outline-offset:-2px}.mv-tile.is-full{z-index:3}.mv-inner{border-radius:var(--mv-radius);background:var(--device1);width:100%;height:100%;display:block;position:relative;overflow:hidden}.mv-layer{position:absolute;inset:0}.mv-layer video,.mv-layer img{object-fit:cover;width:100%;height:100%;display:block}.mv-layer--in{animation:mv-wipe .82s var(--mv-ease) both;z-index:1}.mv-sound{z-index:4;pointer-events:none;padding:calc(var(--mv-gap) / 2);transition:left var(--mv-dur) var(--mv-ease), top var(--mv-dur) var(--mv-ease), width var(--mv-dur) var(--mv-ease), height var(--mv-dur) var(--mv-ease);position:absolute}.mv-sound:before{content:"";inset:calc(var(--mv-gap) / 2);border:var(--mv-frame) solid var(--mv-red);border-radius:var(--mv-radius);box-shadow:0 0 0 1px color-mix(in srgb, var(--black) 60%, transparent) inset, 0 0 24px color-mix(in srgb, var(--sound) 45%, transparent);position:absolute}@keyframes mv-wipe{0%{clip-path:inset(0 0 0 100%);filter:brightness(1.8)}60%{filter:brightness(1.15)}to{clip-path:inset(0);filter:none}}@keyframes mv-tile-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mv-tile,.mv-sound{transition-duration:1ms}.mv-tile,.mv-layer--in{animation:none}}
.ph{--ph-bg:var(--device1);--ph-card:var(--device3);--ph-line:color-mix(in srgb, var(--white) 8%, transparent);--ph-fg:var(--ink);--ph-muted:var(--muted);--ph-accent:var(--brand);--ph-sound:var(--sound);--ph-frame:var(--device3);aspect-ratio:300/620;background:linear-gradient(145deg, var(--device5), var(--device2) 40%, var(--device4));width:300px;box-shadow:0 0 0 .7cqw var(--device1), 0 40px 80px color-mix(in srgb, var(--black) 55%, transparent), inset 0 0 0 .4cqw color-mix(in srgb, var(--white) 14%, transparent);color:var(--ph-fg);text-align:left;border-radius:15.5%/7.5%;font-family:system-ui,-apple-system,SF Pro Text,sans-serif;position:relative;container-type:inline-size}.ph-screen{background:var(--ph-bg);border-radius:13cqw;flex-direction:column;display:flex;position:absolute;inset:3.2cqw;overflow:hidden}:where(.ph) button{all:unset;box-sizing:border-box;cursor:pointer}.ph button:focus-visible{outline:2px solid var(--ph-accent);outline-offset:1px}.ph-status{justify-content:space-between;align-items:center;padding:3.6cqw 7cqw 1cqw;font-size:4.2cqw;font-weight:600;display:flex}.ph-island{background:var(--black);border-radius:99px;width:30cqw;height:8.4cqw}.ph-bars{align-items:flex-end;gap:.8cqw;display:flex}.ph-bars i{background:currentColor;border-radius:1px;width:1.2cqw}.ph-bars i:first-child{height:1.8cqw}.ph-bars i:nth-child(2){height:2.6cqw}.ph-bars i:nth-child(3){height:3.4cqw}.ph-page{flex-direction:column;flex:1;gap:3cqw;min-height:0;padding:2cqw 4.6cqw 0;animation:.42s cubic-bezier(.22,.9,.24,1) both ph-page;display:flex}@keyframes ph-page{0%{opacity:0;transform:translate(6cqw)}to{opacity:1;transform:none}}.ph-head{justify-content:space-between;align-items:center;display:flex}.ph-tv{letter-spacing:-.01em;align-items:center;gap:1.6cqw;margin:0;font-size:5.4cqw;font-weight:700;display:flex}.ph-conn{color:var(--ph-muted);align-items:center;gap:1.4cqw;margin:.6cqw 0 0;font-size:3.6cqw;display:flex}.ph-conn i{background:var(--ok);width:1.8cqw;height:1.8cqw;box-shadow:0 0 6px var(--ok);border-radius:50%}.ph-count{color:var(--ph-muted);font-size:3.6cqw}.ph-title{letter-spacing:-.02em;margin:0;font-size:8cqw;font-weight:800}.ph-map{box-shadow:0 0 0 1px var(--ph-line);border-radius:3cqw;overflow:hidden}.ph-mv{--mv-gap:.8cqw;--mv-frame:.9cqw;--mv-dur:.7s}.ph-layouts{gap:1.6cqw;display:flex}.ph-layout{background:var(--ph-card);height:9cqw;color:var(--ph-muted);border-radius:2.4cqw;flex:1;place-items:center;display:grid;position:relative}.ph-layout svg{width:8cqw;height:auto}.ph-layout.is-on{color:var(--ph-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white) 35%, transparent)}.ph-rows{gap:1.6cqw;margin:0;padding:0;list-style:none;display:grid}.ph-row{background:var(--ph-card);border-radius:3cqw;align-items:center;gap:2.6cqw;width:100%;padding:2.2cqw 3cqw;transition:box-shadow .3s,background .3s;display:flex;position:relative}.ph-row.is-sound{box-shadow:inset 0 0 0 .8cqw var(--ph-sound)}.ph-num{background:color-mix(in srgb, var(--white) 8%, transparent);border-radius:1.4cqw;place-items:center;width:5.4cqw;height:5.4cqw;font-size:3.4cqw;font-weight:700;display:grid}.ph-info{flex:1;min-width:0;display:grid}.ph-ch{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:1.6cqw;font-size:3.9cqw;font-weight:650;display:flex;overflow:hidden}.ph-ch i{border-radius:.6cqw;flex:none;width:2.2cqw;height:2.2cqw}.ph-score{color:var(--ph-muted);font-variant-numeric:tabular-nums;font-size:3.4cqw}.ph-clock{color:var(--ph-muted);white-space:nowrap;font-size:3.2cqw}.ph-speaker{color:var(--ph-sound);width:5cqw;height:5cqw}.ph-transport{display:flex}.ph-tbtn{background:var(--ph-card);border-radius:99px;align-items:center;gap:1.8cqw;padding:2cqw 3.4cqw;font-size:3.6cqw;font-weight:600;display:inline-flex;position:relative}.ph-tbtn svg{width:5cqw;height:5cqw}.ph-tabs{white-space:nowrap;gap:1.4cqw;display:flex;overflow:hidden}.ph-tab{background:var(--ph-card);color:var(--ph-muted);border-radius:99px;flex:none;padding:1.6cqw 3cqw;font-size:3.4cqw}.ph-tab.is-on{background:var(--ph-fg);color:var(--ph-bg);font-weight:700}.ph-guide{gap:1.6cqw;margin:0;padding:0;list-style:none;display:grid}.ph-grow{background:var(--ph-card);border-radius:3cqw;grid-template-columns:1fr auto;gap:.6cqw 2cqw;width:100%;padding:2.4cqw 3cqw;display:grid;position:relative}.ph-gt{color:var(--ph-muted);grid-column:1;font-size:3.4cqw}.ph-prog{background:color-mix(in srgb, var(--white) 10%, transparent);border-radius:9px;grid-column:1;height:.8cqw;overflow:hidden}.ph-prog i{background:var(--ph-accent);height:100%;display:block}.ph-add{text-align:center;min-width:7cqw;color:var(--ph-fg);grid-area:1/2/span 3;align-self:center;font-size:4.6cqw;font-weight:600}.ph-grow.is-on .ph-add{color:var(--ph-muted);font-size:3cqw}.ph-later{gap:1.2cqw;margin:0;padding:0;list-style:none;display:grid}.ph-later-h{letter-spacing:.08em;text-transform:uppercase;color:var(--ph-muted);margin:1cqw 0 0;font-size:3.2cqw;font-weight:700}.ph-later li{border:1px dashed var(--ph-line);border-radius:3cqw;align-items:center;gap:2.4cqw;padding:2cqw 3cqw;font-size:3.5cqw;display:flex}.ph-later b{font-variant-numeric:tabular-nums;font-weight:650}.ph-later span{color:var(--ph-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ph-later em{color:var(--ph-fg);background:color-mix(in srgb, var(--white) 8%, transparent);white-space:nowrap;border-radius:99px;padding:.8cqw 2cqw;font-size:3cqw;font-style:normal}.ph-tabbar{border-top:1px solid var(--ph-line);background:color-mix(in srgb, var(--white) 2%, transparent);justify-content:space-around;margin-top:auto;padding:2.6cqw 4cqw 6cqw;display:flex}.ph-tb{color:var(--ph-muted);justify-items:center;gap:.6cqw;font-size:2.9cqw;display:grid;position:relative}.ph-tb svg{width:5.6cqw;height:5.6cqw}.ph-tb.is-on{color:var(--ph-accent)}.ph-tap{background:color-mix(in srgb, var(--white) 35%, transparent);width:12cqw;height:12cqw;box-shadow:0 0 0 .6cqw color-mix(in srgb, var(--white) 55%, transparent);pointer-events:none;z-index:5;border-radius:50%;margin:-6cqw 0 0 -6cqw;animation:.7s ease-out both ph-tap;position:absolute;top:50%;left:50%}@keyframes ph-tap{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.ph-page,.ph-tap{animation:none}}