.cam-card{flex-direction:column;gap:12px;min-width:0;display:flex}.cam-grid{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;display:grid}@container (width>=760px){.cam-grid.has-pills{grid-template-columns:minmax(0,1fr) 176px;gap:12px}}.cam-stage{aspect-ratio:16/9;border-radius:calc(var(--radius) * 1.15);outline-offset:2px;background:#07080a;width:100%;position:relative;overflow:hidden;container-type:size}.cam-stage:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}.cam-stage.is-open{cursor:zoom-in;touch-action:manipulation}.cam-stage.is-full{aspect-ratio:auto;background:#000;border-radius:0;height:100%;position:absolute;inset:0}.cam-stage.is-full:after{display:none}.cam-frame{width:min(100cqw, calc(100cqh * var(--a)));aspect-ratio:var(--a);animation:cam-in var(--dur-move) var(--ease-out) backwards;margin:auto;position:absolute;inset:0}.cam-media{object-fit:cover;background:#07080a;width:100%;height:100%;position:absolute;inset:0}@keyframes cam-in{0%{opacity:0}}.cam-osd{color:#ffffffe0;pointer-events:none;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:0 0 1px #000,0 0 3px #000000d9,0 1px 8px #0009;align-items:center;gap:1.2em;font:500 clamp(9.5px,1.45cqw,15px)/1 ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:absolute}.cam-osd-top{top:clamp(10px,2.4cqw,22px);left:clamp(11px,2.6cqw,24px)}.cam-osd-end{text-transform:uppercase;letter-spacing:.08em;bottom:clamp(10px,2.4cqw,22px);right:clamp(11px,2.6cqw,24px)}.cam-live{letter-spacing:.1em;align-items:center;gap:.5em;display:inline-flex}.cam-live i{background:#ff453a;border-radius:99px;width:.62em;height:.62em;box-shadow:0 0 .7em #ff453abf}.cam-off{color:#fff9;font-size:calc(13px * var(--font-scale,1));background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.cam-expand{-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);color:#fff;opacity:0;width:32px;height:32px;transition:opacity var(--dur-pop) var(--ease-out);background:#14141880;border-radius:99px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.cam-expand svg{width:15px;height:15px}@media (hover:hover) and (pointer:fine){.cam-stage:hover .cam-expand{opacity:1}}.cam-stage:focus-visible .cam-expand{opacity:1}.cam-live.is-sample{letter-spacing:.02em}.cam-live.is-sample i{background:0 0;box-shadow:inset 0 0 0 1.5px #ffffffd9}.cam-past{letter-spacing:.02em;background:#12121699;border-radius:7px;padding:.4em .7em}.cam-still-bar{color:#fff;font-size:calc(13px * var(--font-scale,1));-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);background:#1212169e;border-radius:99px;justify-content:space-between;align-items:center;gap:10px;padding:4px 4px 4px 12px;line-height:1.35;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.cam-still-bar b{font-weight:550}.cam-to-live{height:32px;font-size:calc(13px * var(--font-scale,1));color:#000;background:#fff;border-radius:99px;flex:none;padding:0 12px;font-weight:550}.is-still .cam-osd-end{bottom:56px}.cam-event[aria-pressed=true]{background:color-mix(in srgb, var(--foreground) 16%, transparent)}.cam-box{opacity:0;pointer-events:none;transition:opacity var(--dur-pop) var(--ease-out);border-radius:clamp(4px,1cqw,10px);position:absolute;box-shadow:0 0 0 1.5px #ffffffeb,0 0 0 3px #00000024,0 2px 14px #00000040}.cam-box[data-on]{opacity:1;animation:cam-flash 1.1s var(--ease-out) backwards}@keyframes cam-flash{0%{box-shadow:0 0 0 2.5px #fff,0 0 0 9px #ffffff47,0 0 34px #ffffff8c,inset 0 0 26px #ffffff57}22%{box-shadow:0 0 0 1.5px #ffffff8c,0 0 0 3px #ffffff0d,0 0 8px #ffffff1a,inset 0 0 #fff0}42%{box-shadow:0 0 0 2.5px #fff,0 0 0 6px #fff3,0 0 22px #ffffff57,inset 0 0 14px #ffffff2e}}.cam-tag{white-space:nowrap;color:#fff;font-size:calc(clamp(10px, 1.45cqw, 14px) * var(--font-scale,1));-webkit-backdrop-filter:blur(12px)saturate(1.6);backdrop-filter:blur(12px)saturate(1.6);background:#12121699;border-radius:7px;gap:.5em;padding:.32em .6em;font-weight:550;line-height:1.15;display:inline-flex;position:absolute;bottom:calc(100% + 6px);left:-1.5px;box-shadow:inset 0 0 0 .5px #ffffff29}.cam-tag i{opacity:.66;font-variant-numeric:tabular-nums;font-style:normal;font-weight:450}.cam-box[data-tight="1"] .cam-tag{top:6px;bottom:auto;left:6px}.cam-pills{gap:5px;min-width:0;margin-inline:-4px;padding:2px 4px;scroll-padding-inline:4px;display:flex;overflow-x:auto}@container (width>=760px){.has-pills>.cam-pills{flex-direction:column;gap:9px;margin:0;padding:0;overflow:hidden auto}}.cam-pill{min-width:0;height:36px;font-size:calc(13px * var(--font-scale,1));text-align:left;color:color-mix(in srgb, var(--foreground) 82%, transparent);background:color-mix(in srgb, var(--foreground) 7%, transparent);transition:background-color var(--dur-pop) var(--ease-out), color var(--dur-pop) var(--ease-out), transform var(--dur-press) var(--ease-out);border-radius:99px;flex:1 0 auto;align-items:center;gap:6px;padding:0 11px 0 5px;font-weight:500;display:flex}.cam-pill img{object-fit:cover;background:#07080a;border-radius:99px;flex:none;width:24px;height:24px}@media (hover:hover) and (pointer:fine){.cam-pill:not(.is-on):hover{background:color-mix(in srgb, var(--foreground) 12%, transparent)}}.cam-pill.is-on{color:#fff;background:#1d1d1f}.dark .cam-pill.is-on,.has-wallpaper .cam-pill.is-on,.cam-dock .cam-pill.is-on{color:#000;background:#fff}@container (width>=760px){.has-pills>.cam-pills .cam-pill{width:100%;height:48px;font-size:calc(14px * var(--font-scale,1));flex:none;gap:10px;padding-inline:7px 15px}.has-pills>.cam-pills .cam-pill img{width:34px;height:34px}}.cam-events{gap:6px;margin-inline:-4px;padding:0 4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.cam-event{text-align:left;background:color-mix(in srgb, var(--foreground) 5%, transparent);height:46px;transition:background-color var(--dur-pop) var(--ease-out), transform var(--dur-press) var(--ease-out);border-radius:12px;flex:none;align-items:center;gap:9px;padding:0 14px 0 4px;display:flex}@media (hover:hover) and (pointer:fine){.cam-event:hover{background:color-mix(in srgb, var(--foreground) 10%, transparent)}}.cam-event img{object-fit:cover;background:#000;border-radius:9px;flex:none;width:60px;height:38px}.cam-event b{font-size:calc(13px * var(--font-scale,1));font-weight:550;line-height:1.25;display:block}.cam-event small{font-size:calc(11px * var(--font-scale,1));color:var(--muted-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.3;display:block}.cam-theatre{z-index:100;animation:cam-in var(--dur-pop) var(--ease-out) backwards;background:#000;outline:none;position:fixed;inset:0}.cam-close{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#fff;-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);background:#1e1e228c;border-radius:99px;place-items:center;width:40px;height:40px;display:grid;position:absolute}.cam-close svg{width:18px;height:18px}.cam-dock{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));justify-content:center;padding-inline:12px;display:flex;position:absolute}.cam-dock .cam-pills .cam-pill{flex:none}.cam-dock .cam-pills{-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);--foreground:#f5f5f7;background:#1e1e228c;border-radius:99px;max-width:100%;margin:0;padding:5px}.album{gap:6px;height:clamp(300px,36vw,460px);display:flex;container-type:inline-size}.album-strip{background:var(--muted);cursor:pointer;min-width:0;transition:flex-grow .52s var(--ease-drawer);border-radius:14px;flex:1 1 0;padding:0;position:relative;overflow:hidden}.album-strip.is-open{flex-grow:7}.album-strip img{object-fit:cover;-webkit-user-select:none;user-select:none;width:max(100cqw,760px);max-width:none;height:100%;position:absolute;top:0;left:50%;translate:-50%}.album-strip:after{content:"";opacity:0;transition:opacity var(--dur-move) var(--ease-out);pointer-events:none;background:linear-gradient(#0000,#0000009e);position:absolute;inset:45% 0 0}.album-strip.is-open:after{opacity:1}.album-note{z-index:1;color:#fff;text-align:left;opacity:0;width:max-content;max-width:340px;transition:opacity var(--dur-pop) var(--ease-out), translate var(--dur-pop) var(--ease-out);pointer-events:none;gap:1px;display:grid;position:absolute;bottom:15px;left:18px;translate:0 6px}.album-note b{font-size:calc(17px * var(--font-scale,1));font-weight:600}.album-note i{font-size:calc(13px * var(--font-scale,1));opacity:.8;font-style:normal}.album-strip.is-open .album-note{opacity:1;transition-delay:.16s;translate:0}.album-strip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:is(.motion-none,.motion-reduced) .album-strip{transition:none}@container (width<=560px){.album-strip:nth-child(n+7){display:none}.album-strip.is-open{flex-grow:9}.album-note{bottom:11px;left:12px}}.flow{--size:min(216px, 44cqw, 44vw);height:calc(var(--size) * 1.3);perspective:calc(var(--size) * 3.2);touch-action:pan-y;overscroll-behavior-x:contain;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);container-type:inline-size}.flow.is-drag{cursor:grabbing}.cover{top:calc(var(--size) * .06);left:calc(50% - var(--size) / 2);width:var(--size);height:var(--size);transform:translateX(calc(var(--x) * var(--size))) translateZ(calc(var(--sink) * var(--size) * -.55)) rotateY(var(--turn));transition:transform var(--dur-scene) var(--ease-out);-webkit-box-reflect:below 3px linear-gradient(transparent 68%, #ffffff38);background:#ffffff0f;border-radius:6px;display:block;position:absolute}.is-drag .cover{transition:none}.cover>img:first-child{object-fit:cover;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.cover-mark{object-fit:contain;filter:drop-shadow(0 2px 6px #000000b3);pointer-events:none;width:24%;height:24%;position:absolute;bottom:6px;right:6px}.cover.is-blank{font-size:calc(14px * var(--font-scale,1));color:var(--foreground);background:linear-gradient(#ffffff1a,#ffffff08);place-items:end start;padding:12px;font-weight:500;line-height:1.25;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.cover.is-blank .cover-mark{width:100%;height:56%;inset:9% 0 auto}.truncate-3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flow:focus-visible .cover[aria-current]{outline:2px solid var(--ring);outline-offset:2px}.flow.is-poster{--size:min(184px, 38cqw, 38vw);height:calc(var(--size) * 1.5 * 1.3)}.flow.is-poster .cover{height:calc(var(--size) * 1.5)}.wx-temp{letter-spacing:-.03em;font-weight:500;line-height:1}.wx-card{--sky:96 150 240}.wx-card[data-sky=clear]{--sky:86 164 255}.wx-card[data-sky=night]{--sky:96 92 214}.wx-card[data-sky=wet]{--sky:92 124 186}.wx-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(130% 90% at 30% 0%, rgb(var(--sky) / .24), transparent 70%), linear-gradient(180deg, rgb(var(--sky) / .08), rgb(var(--sky) / .14));position:absolute;inset:0}.wx-range{background:linear-gradient(90deg,#6cc4ff,#ffc65c 70%,#ff9f5a)}.cal-scroll>div{scrollbar-width:none}.cal-scroll>div::-webkit-scrollbar{display:none}.cal-scroll{-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#0000);mask-image:linear-gradient(#000 calc(100% - 26px),#0000)}.cal-page{animation:cal-page var(--dur-move) var(--ease-out) backwards}@keyframes cal-page{0%{opacity:0;transform:translateX(var(--from,0))}}.cal-day[data-out] .cal-num{opacity:.36}.cal-day[data-out]>span:last-child:not(.cal-num){opacity:.4}.cal-num{transition:background-color var(--dur-press) var(--ease-out)}.is-picked{background:color-mix(in srgb, var(--foreground) 15%, transparent)}@media (hover:hover){.cal-day:hover .cal-num:not(.bg-primary):not(.is-picked){background:color-mix(in srgb, var(--foreground) 9%, transparent)}}.th{--th-a:var(--primary);--th-b:var(--primary);--th-soft:color-mix(in srgb, var(--primary) 18%, transparent);-webkit-user-select:none;user-select:none}.th[data-mode=cool]{--th-a:#a4dcff;--th-b:#4ba7ff;--th-soft:#5aaaff33}.th[data-mode=auto]{--th-a:#b5efd7;--th-b:#5cd6a7;--th-soft:#64dcaa2e}.th[data-mode=off]{--th-a:#9b9ba3;--th-b:#77777f;--th-soft:#ffffff1a}.th-track{stroke:color-mix(in srgb, var(--foreground) 13%, transparent)}.th-ticks{stroke:var(--foreground);opacity:0;transition:opacity var(--dur-pop) var(--ease-out)}.is-drag .th-ticks{opacity:.22}.th-fill{transition:stroke-dasharray var(--dur-move) var(--ease-out), stroke var(--dur-move) var(--ease-out)}.is-drag .th-fill,.is-drag .th-handle{transition:none}.th-handle{transform-origin:160px 160px;transform-box:view-box;transition:transform var(--dur-move) var(--ease-out)}.th-knob{fill:#fff;filter:drop-shadow(0 2px 7px #0006);transition:r var(--dur-pop) var(--ease-out)}.is-drag .th-knob{r:16px}.is-drag .th-room{fill:color-mix(in srgb, var(--foreground) 62%, transparent)}.th-room.on-fill{fill:#fff;stroke:#0000002e;stroke-width:1px}.th-hit{stroke:#0000;pointer-events:stroke;cursor:grab;touch-action:none;outline:none}.is-drag .th-hit{cursor:grabbing}.th-hit:focus-visible{stroke:color-mix(in srgb, var(--foreground) 7%, transparent)}.th-step{background:color-mix(in srgb, var(--foreground) 10%, transparent);color:var(--foreground);transition:background-color var(--dur-press) var(--ease-out), opacity var(--dur-press) var(--ease-out), transform var(--dur-press) var(--ease-out)}.th-step:disabled{opacity:.35}.th-mode{background:color-mix(in srgb, var(--foreground) 7%, transparent);color:var(--muted-foreground);transition:background-color var(--dur-pop) var(--ease-out), color var(--dur-pop) var(--ease-out), transform var(--dur-press) var(--ease-out)}.th-mode.is-on{background:var(--th-soft);color:var(--th-a)}@media (hover:hover){.th-step:hover:not(:disabled),.th-mode:hover:not(.is-on):not(:disabled){background:color-mix(in srgb, var(--foreground) 15%, transparent)}}.th[data-mode=off] .th-mode.is-on{background:color-mix(in srgb, var(--foreground) 18%, transparent);color:var(--foreground)}html:not(.dark):not(.has-wallpaper) .th-mode.is-on{color:color-mix(in srgb, var(--th-b) 78%, #000)}.cal-month-only .cal>:first-child,.cal-month-only .cal>:last-child>:last-child:not(:nth-child(2)){display:none}