.pill{background:var(--surface-3);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);color:var(--text);font:700 .76rem/1 var(--font-body);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:6px;width:fit-content;max-width:100%;min-height:26px;padding:3px calc(13px - .07em) 3px 13px;display:inline-flex}.pill--lg{min-height:32px;padding:5px calc(16px - .07em) 5px 16px;font-size:.82rem}.pill--mono{font-family:var(--font-mono);letter-spacing:.02em;text-transform:none;padding-inline:9px;font-weight:600}.pill .dot{width:8px;height:8px}.pill--ok{background:var(--ok-soft);border-color:color-mix(in srgb, var(--ok) 55%, transparent);color:var(--ok)}.pill--warn{background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 55%, transparent);color:var(--warn)}.pill--danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 55%, transparent);color:var(--danger)}.pill--accent{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 60%, transparent);color:var(--accent-bright)}.pill--gold{background:var(--gold-soft);border-color:color-mix(in srgb, var(--gold) 55%, transparent);color:var(--gold)}.pill--violet{background:var(--violet-soft);border-color:color-mix(in srgb, var(--violet) 60%, transparent);color:var(--violet)}.pill--teal{background:var(--teal-soft);border-color:color-mix(in srgb, var(--teal) 60%, transparent);color:var(--teal)}.pill--fit{background:var(--red);border-color:var(--red);color:#fff}.pill--a24{background:var(--yellow);border-color:var(--yellow);color:#1a1400}:root[data-theme=light] .pill--fit{background:#d71f2b}:root[data-theme=light] .pill--a24{color:#2a2000;background:#ffd83a;border-color:#e0b800}.pill--solid{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pill--group{background:color-mix(in srgb, var(--pill-hue) 22%, var(--surface-1));border-color:color-mix(in srgb, var(--pill-hue) 65%, transparent);color:var(--pill-hue)}:root[data-theme=light] .pill--group{background:color-mix(in srgb, var(--pill-hue) 12%, #fff)}.pill--button{cursor:pointer;font:inherit;font-size:var(--fs-small);letter-spacing:0;text-transform:none;min-height:40px;font-weight:600}@media (hover:hover) and (pointer:fine){.pill--button:hover{border-color:var(--hairline-strong);color:var(--text)}}.pill--button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-bright)}.beta-badge{vertical-align:middle;min-height:20px;margin-inline-start:8px;padding-inline:7px;font-size:.66rem}.tooltip__panel{animation:tooltip-in .14s var(--ease-out-expo) both;background:var(--invert-bg);color:var(--invert-ink);font:600 13px/1.35 var(--font-body);pointer-events:none;text-align:center;z-index:400;border-radius:8px;max-width:min(280px,100vw - 16px);padding:7px 11px;box-shadow:0 8px 24px #00000059}.tooltip__panel[data-side=bottom]{animation-name:tooltip-in-below}@keyframes tooltip-in{0%{opacity:0;transform:translateY(4px)}}@keyframes tooltip-in-below{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.tooltip__panel{animation-duration:1ms}}.tiplayer{z-index:2147483000;position:fixed;top:0;left:0}.tiplayer[hidden]{display:none}.tiplayer[data-instant]{animation:none}.dialog__overlay{background:var(--scrim);z-index:100;animation:.22s both dialog-fade-in;position:fixed;inset:0}.dialog__overlay[data-state=closed]{animation:.18s both dialog-fade-out}@keyframes dialog-fade-in{0%{opacity:0}}@keyframes dialog-fade-out{to{opacity:0}}.dialog__panel{animation:dialog-pop .26s var(--ease-out-expo) both;background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lift);z-index:101;outline:none;flex-direction:column;width:min(680px,100vw - 32px);max-height:calc(100dvh - 48px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog__panel[data-state=closed]{animation:dialog-pop-out .15s var(--ease-out-expo) both;pointer-events:none}@keyframes dialog-pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}}@keyframes dialog-pop-out{to{opacity:0;transform:translate(-50%,-47%)scale(.98)}}.dialog__panel[data-shake=a]{animation:.38s both dialog-shake-a}.dialog__panel[data-shake=b]{animation:.38s both dialog-shake-b}@keyframes dialog-shake-a{0%,to{transform:translate(-50%,-50%)}20%,60%{transform:translate(calc(-50% - 9px),-50%)}40%,80%{transform:translate(calc(9px - 50%),-50%)}}@keyframes dialog-shake-b{0%,to{transform:translate(-50%,-50%)}20%,60%{transform:translate(calc(-50% - 9px),-50%)}40%,80%{transform:translate(calc(9px - 50%),-50%)}}.dialog__panel--sm{width:min(540px,100vw - 32px)}.dialog__panel--lg,.dialog__panel--alt{width:min(740px,100vw - 32px)}.dialog__panel--xl{width:min(1040px,100vw - 32px)}.dialog__panel--wide{width:min(1560px,100vw - 32px)}.dialog__panel--sheet{animation:dialog-rise .3s var(--ease-out-expo) both;max-height:min(90dvh,100dvh - 24px);padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;border-radius:22px 22px 0 0;width:100%;top:auto;bottom:0;left:0;transform:none}.dialog__panel--sheet[data-state=closed]{animation:dialog-sink .18s var(--ease-out-expo) both}.dialog__panel--sheet:before{background:var(--hairline-strong);content:"";border-radius:9px;flex:none;align-self:center;width:46px;height:5px;margin-top:10px}.dialog__body:last-child{padding-bottom:20px}@keyframes dialog-rise{0%{opacity:0;transform:translateY(40%)}}@keyframes dialog-sink{to{opacity:0;transform:translateY(40%)}}.dialog__head{flex:none;justify-content:space-between;align-items:start;gap:12px;padding:20px 20px 0 24px;display:flex}.dialog__titles{gap:6px;min-width:0;display:grid}.dialog__title{font-family:var(--font-body);letter-spacing:-.01em;margin:0;font-size:1.28rem;font-weight:700;line-height:1.3}.dialog__lede{color:var(--text-muted);margin:0;font-size:.96rem}.dialog__body{color:var(--text-muted);flex:auto;align-content:start;gap:14px;min-height:0;padding:16px 24px 4px;display:grid;overflow:auto}.dialog__actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.dialog__actions .btn{width:auto;min-height:44px;padding:0 18px;font-size:.98rem}.dialog__alt{flex-wrap:wrap;align-items:center;gap:10px;margin-right:auto;display:inline-flex}.dialog__actions--12{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dialog__actions--12>.btn{width:100%}.dialog__actions--12>.btn:first-child{grid-column:1/-1;min-height:48px}.dialog__actions--22{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.dialog__actions--22>.btn{width:100%}@media (width<=519px){.dialog__actions{flex-direction:column-reverse;align-items:stretch}.dialog__actions .btn{width:100%}.dialog__actions--12,.dialog__actions--22{flex-direction:column;display:flex}.dialog__actions--22>.btn:nth-child(2){order:-1}.dialog__alt{flex-direction:column;align-items:stretch;margin-right:0}.dialog__panel:not(.dialog__panel--sheet){width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.dialog__head{padding:16px 14px 0 18px}.dialog__body{padding:12px 18px 4px}.dialog__actions{padding:14px 18px 16px}}@media (prefers-reduced-motion:reduce){.dialog__overlay,.dialog__panel,.dialog__panel[data-state=closed],.dialog__panel[data-shake]{animation-duration:1ms}}.popover__panel{animation:popover-in .22s var(--ease-out-expo) both;background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);max-height:var(--radix-popover-content-available-height);min-width:min(320px,100vw - 16px);max-width:calc(100vw - 16px);transform-origin:var(--radix-popover-content-transform-origin);z-index:150;gap:14px;padding:18px;display:grid;overflow:auto}.popover__panel--menu{min-width:var(--radix-popover-trigger-width);gap:2px;padding:6px}.popover__panel:focus{outline:none}.popover__panel[data-state=closed]{animation:popover-out .14s var(--ease-out-expo) both;pointer-events:none}@keyframes popover-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes popover-out{to{opacity:0;transform:translateY(-6px)scale(.97)}}@media (prefers-reduced-motion:reduce){.popover__panel,.popover__panel[data-state=closed]{animation-duration:1ms}}.ctl-field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.ctl-field__label{color:var(--text-muted);font-size:.92rem;font-weight:650}.ctl-check{border-radius:var(--radius-md);color:var(--text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);text-align:left;transition:background var(--dur-fast) var(--ease-reveal);background:0 0;border:1px solid #0000;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.ctl-check:hover:not(:disabled){background:var(--hairline-faint)}}.ctl-check:focus-visible{box-shadow:var(--glow-ring);outline:none}.ctl-check:disabled{cursor:not-allowed;opacity:.5}.ctl-check__box{border:2px solid var(--hairline-strong);color:var(--accent-ink);height:26px;transition:background var(--dur-fast) var(--ease-reveal), border-color var(--dur-fast) var(--ease-reveal), transform var(--dur-fast) var(--ease-out-expo);border-radius:7px;flex:none;justify-content:center;align-items:center;width:26px;display:inline-flex}.ctl-check__box svg{opacity:0;transition:opacity var(--dur-fast) var(--ease-reveal), transform var(--dur-fast) var(--ease-out-expo);transform:scale(.8)}.ctl-check[aria-checked=true] .ctl-check__box{background:var(--accent);border-color:var(--accent)}.ctl-check[aria-checked=true] .ctl-check__box svg{opacity:1;transform:scale(1)}.ctl-check:active:not(:disabled) .ctl-check__box{transform:scale(.9)}.ctl-check__text{flex-direction:column;gap:2px;min-width:0;display:flex}.ctl-check__hint{color:var(--text-muted);font-size:var(--fs-small)}.ctl-switch{color:var(--text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-3);background:0 0;border:0;min-height:48px;padding:0;display:inline-flex}.ctl-switch:disabled{cursor:not-allowed;opacity:.5}.ctl-switch__track{background:var(--surface-4);border:1px solid var(--hairline-strong);height:30px;transition:background var(--dur-mid) var(--ease-reveal), border-color var(--dur-mid) var(--ease-reveal), box-shadow var(--dur-mid) var(--ease-reveal);border-radius:999px;flex:none;width:54px;display:inline-block;position:relative}.ctl-switch__thumb{background:var(--text-muted);height:22px;transition:transform var(--dur-mid) var(--ease-out-expo), background var(--dur-mid) var(--ease-reveal);border-radius:50%;width:22px;position:absolute;top:3px;left:3px}.ctl-switch[aria-checked=true] .ctl-switch__track{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.ctl-switch[aria-checked=true] .ctl-switch__thumb{background:var(--accent);transform:translate(24px)}.ctl-switch[aria-busy=true] .ctl-switch__thumb{animation:.9s ease-in-out infinite alternate ctl-pulse}.ctl-switch:focus-visible{outline:none}.ctl-switch:focus-visible .ctl-switch__track{box-shadow:var(--glow-ring)}.ctl-date__trigger{background:var(--bg-sunken);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);text-align:left;transition:border-color var(--dur-fast) var(--ease-reveal), box-shadow var(--dur-fast) var(--ease-reveal);width:100%;display:flex}.ctl-date__trigger svg{color:var(--text-muted);flex:none}.ctl-date__trigger span{overflow-wrap:break-word;flex:1;min-width:0}.ctl-date__trigger[data-state=open]{border-color:var(--accent)}@media (hover:hover) and (pointer:fine){.ctl-date__trigger:hover{border-color:var(--accent)}}.ctl-date__trigger:focus-visible{box-shadow:var(--glow-ring);outline:none}.ctl-date__panel{gap:var(--space-3);flex-direction:column;display:flex}.ctl-date__panel .rdp-root{--rdp-accent-color:var(--accent);--rdp-accent-background-color:var(--accent-soft);--rdp-day-height:2.6rem;--rdp-day-width:2.6rem;--rdp-day_button-height:2.4rem;--rdp-day_button-width:2.4rem;--rdp-day_button-border-radius:var(--radius-md);--rdp-today-color:var(--accent-bright);--rdp-selected-border:2px solid var(--accent);--rdp-outside-opacity:.4;color:var(--text);font-family:var(--font-body)}.ctl-date__panel .rdp-selected .rdp-day_button{background:var(--accent);color:var(--accent-ink);font-weight:700}.ctl-date__panel .rdp-weekday{color:var(--text-faint);font-size:var(--fs-small)}@media (hover:hover) and (pointer:fine){.ctl-date__panel .rdp-day_button:hover:not([disabled]){background:var(--hairline-faint)}}.ctl-date__panel .rdp-month_caption{font-weight:600}.ctl-date__panel .rdp-chevron{fill:var(--text-muted)}.ctl-clock{background:var(--bg-sunken);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--text);min-height:48px;padding:0 4px 0 var(--space-3);transition:border-color var(--dur-fast) var(--ease-reveal), box-shadow var(--dur-fast) var(--ease-reveal);cursor:pointer;align-items:center;gap:2px;width:100%;display:flex}.ctl-clock[data-state=open]{border-color:var(--accent)}@media (hover:hover) and (pointer:fine){.ctl-clock:hover{border-color:var(--accent)}}.ctl-clock:focus-within{border-color:var(--accent);box-shadow:var(--glow-ring)}.ctl-clock__part{color:inherit;font:inherit;text-align:center;background:0 0;border:0;border-radius:6px;width:2.4ch;height:36px;padding:0;font-size:1.05em;font-weight:600}.ctl-clock__part::placeholder{color:var(--text-faint)}.ctl-clock__part:focus{background:var(--accent-soft);outline:none}.ctl-clock__part::selection{background:var(--accent);color:var(--accent-ink)}.ctl-clock__sep{color:var(--text-muted);font-weight:600}.ctl-clock__open{border-radius:var(--radius-sm,8px);color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;display:inline-flex}@media (hover:hover) and (pointer:fine){.ctl-clock__open:hover{background:var(--hairline-faint);color:var(--text)}}.ctl-clock__open:focus-visible{box-shadow:var(--glow-ring);outline:none}.popover__panel.ctl-clockpick{min-width:0;width:clamp(248px, var(--radix-popover-trigger-width,248px), 360px);gap:10px;padding:16px 16px 14px}.ctl-clockpick__heads,.ctl-clockpick__wheels{grid-template-columns:1fr 20px 1fr;justify-items:center;display:grid}.ctl-clockpick__heads span:last-child{grid-column:3}.ctl-clockpick__wheels{align-items:center}.ctl-clockpick__sep{color:var(--text);padding-bottom:4px;font-size:2.25rem;font-weight:600;line-height:1}.ctl-wheel{border-radius:var(--radius-md);overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;outline:none;width:100%;height:220px;padding-block:88px;overflow-y:auto;mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.ctl-wheel[data-tarik=yes],.ctl-wheel[data-tarik=yes] .ctl-wheel__o,html[data-tarik-jam=yes],html[data-tarik-jam=yes] *{user-select:none;cursor:ns-resize!important}.ctl-wheel::-webkit-scrollbar{display:none}.ctl-wheel:focus-visible .ctl-wheel__o[data-d="0"]{color:var(--accent-bright)}.ctl-wheel__o{color:var(--text-faint);cursor:pointer;scroll-snap-align:center;user-select:none;justify-content:center;align-items:center;height:44px;font-size:2.25rem;font-weight:600;line-height:1;transition:color .14s,transform .14s;display:flex;transform:scale(.55)}.ctl-wheel__o[data-d="0"]{color:var(--text);transform:none}.ctl-wheel__o[data-d="1"]{color:var(--text-muted);transform:scale(.68)}@media (prefers-reduced-motion:reduce){.ctl-wheel__o{transition:none}}.ctl-clockpick__foot{gap:var(--space-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.ctl-drop{background:radial-gradient(120% 90% at 50% 0%, var(--accent-soft), transparent 70%), var(--surface-1);border:1.5px dashed var(--hairline-strong);border-radius:var(--radius-lg);align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;transition:border-color var(--dur-fast) var(--ease-reveal), background var(--dur-fast) var(--ease-reveal), transform var(--dur-fast) var(--ease-out-expo);flex-direction:column;justify-content:center;display:flex}.ctl-drop[data-compact=yes]{padding:var(--space-3) var(--space-4);flex-flow:wrap}.ctl-drop[data-over=yes]{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.ctl-drop__icon{background:var(--accent-soft);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.ctl-drop[data-over=yes] .ctl-drop__icon{animation:.8s ease-in-out infinite alternate ctl-bob}.ctl-drop__title{font-weight:600}.ctl-drop__hint{color:var(--text-faint);font-size:var(--fs-small)}.ctl-drop__error{color:var(--danger);font-size:var(--fs-small);align-items:center;gap:var(--space-1);display:inline-flex}.ctl-score{display:inline-flex;position:relative}.ctl-score input{background:var(--bg-sunken);border:1.5px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;height:var(--input-score,56px);padding:0 var(--space-2);text-align:center;transition:border-color var(--dur-fast) var(--ease-reveal), box-shadow var(--dur-fast) var(--ease-reveal), background var(--dur-mid) var(--ease-reveal);width:5rem;font-size:1.35rem;font-weight:600}.ctl-score input::placeholder{color:var(--text-faint);font-weight:400}.ctl-score input:focus-visible{border-color:var(--accent);box-shadow:var(--glow-ring);outline:none}.ctl-score[data-state=saved] input{border-color:color-mix(in srgb, var(--ok) 70%, transparent)}.ctl-score[data-state=error] input{border-color:var(--danger)}.ctl-score[data-readonly=yes] input{color:var(--text-muted);cursor:default;background:0 0;border-style:dashed}.ctl-score[data-flash=yes] input{animation:ctl-flash 1.4s var(--ease-reveal)}.ctl-score__mark{color:var(--text-faint);pointer-events:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:absolute;top:5px;right:5px}.ctl-score[data-state=saved] .ctl-score__mark{color:var(--ok)}.ctl-score[data-state=error] .ctl-score__mark{color:var(--danger)}.ctl-kbd{background:var(--surface-3);border:1px solid var(--hairline-strong);color:var(--text);font-family:var(--font-mono);text-align:center;border-bottom-width:2px;border-radius:6px;min-width:1.6em;padding:4px 6px;font-size:.78rem;line-height:1;display:inline-block}.ctl-spin{animation:.8s linear infinite ctl-spin}@keyframes ctl-spin{to{transform:rotate(360deg)}}@keyframes ctl-pulse{to{opacity:.45}}@keyframes ctl-bob{to{transform:translateY(-4px)}}@keyframes ctl-flash{0%{background:color-mix(in srgb, var(--accent) 45%, var(--bg-sunken));box-shadow:0 0 0 4px var(--accent-glow)}to{background:var(--bg-sunken)}}@media (prefers-reduced-motion:reduce){.ctl-drop[data-over=yes] .ctl-drop__icon,.ctl-switch[aria-busy=true] .ctl-switch__thumb{animation:none}.ctl-score[data-flash=yes] input{animation-duration:1ms}}.ctl-stepper{background:var(--bg-sunken);border:1px solid var(--control-border,var(--hairline-strong));border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.ctl-stepper button{color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;width:50px;min-height:48px;display:grid}@media (hover:hover) and (pointer:fine){.ctl-stepper button:hover:not(:disabled){background:var(--hairline-faint)}}.ctl-stepper button:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.ctl-stepper button:disabled{cursor:not-allowed;opacity:.35}.ctl-stepper output{font-variant-numeric:tabular-nums;text-align:center;flex:1;min-width:96px;padding:0 6px;font-weight:700}.strip{flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;display:inline-flex}.strip__i{gap:1px;line-height:1.1;display:inline-grid}.strip__i small{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}:lang(zh) .strip__i small{letter-spacing:.02em}.strip__i b{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.15rem}.strip__left b{color:var(--accent-bright)}.strip__left[data-low=yes] b{color:var(--warn)}.strip__dot{color:var(--text-faint);font-size:1.2rem;font-weight:800;line-height:1}.strip__prog{flex:1;gap:4px;min-width:150px;display:grid}.strip__prog .hint{white-space:nowrap;font-size:.86rem}.strip--compact{gap:10px}.strip--compact .strip__i b{font-size:1.06rem}.strip--compact .strip__prog{min-width:max-content;max-width:220px}@media (width<=1099px){.strip--compact .strip__prog,.strip--compact .strip__prog-dot{display:none}}@media (width<=639px){.strip{gap:8px}.strip__i b{font-size:.98rem}.strip__i small{font-size:.66rem}.strip__dot{font-size:1rem}.strip--compact .strip__i b{font-size:.94rem}}@media (width<=419px){.strip--compact .strip__dot{display:none}}@media (width<=479px){.strip--compact .strip__jam,.strip--compact .strip__jam-dot{display:none}}.minibar{background:var(--nav-bg-scrolled);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--hairline);min-height:60px;top:var(--nav-size);z-index:49;align-items:center;gap:10px;padding:8px 24px;display:flex;position:sticky}.minibar__mod{color:var(--text);align-items:center;gap:var(--space-2);flex:none;min-height:44px;text-decoration:none;display:inline-flex}.minibar__dot{background:var(--ok);border-radius:50%;width:8px;height:8px}:root:not([data-motion-tier="0"]) .minibar__dot{animation:2s ease-out infinite appnav-live}.minibar__time{color:var(--text-muted);align-items:center;gap:var(--space-2);flex:1;min-width:0;max-width:26rem;display:flex}.minibar__track{background:var(--surface-3);border-radius:999px;flex:1;min-width:40px;height:6px;overflow:hidden}.minibar__fill{background:linear-gradient(90deg, var(--mod-hue), var(--accent));border-radius:inherit;height:100%;transition:width 1s var(--ease-reveal);display:block}.minibar[data-urgent=yes] .minibar__fill{background:linear-gradient(90deg, var(--warn), var(--danger))}.minibar[data-urgent=yes] .minibar__left{color:var(--warn);font-weight:600}.minibar__left{font-size:var(--fs-small);white-space:nowrap}.minibar__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.minibar__help{background:var(--surface-2);border:1px solid var(--hairline-strong);color:var(--text);cursor:pointer;font:inherit;font-size:var(--fs-small);align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);transition:background var(--dur-fast) var(--ease-reveal), border-color var(--dur-fast) var(--ease-reveal), transform var(--dur-fast) var(--ease-out-expo);border-radius:999px;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.minibar__help:hover{border-color:var(--warn)}}.minibar__ikut{border-color:var(--accent);color:var(--accent-bright)}@media (hover:hover) and (pointer:fine){.minibar__ikut:hover{border-color:var(--accent-bright)}}.minibar__ikut-s{display:none}.minibar__help:active{transform:scale(.97)}.minibar__help[aria-pressed=true]{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}:root:not([data-motion-tier="0"]) .minibar__help[aria-pressed=true] svg{transform-origin:70% 90%;animation:1.6s ease-in-out infinite minibar-wave}@keyframes minibar-wave{0%,60%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(10deg)}}.minibar__bell{border:1px solid var(--hairline);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.minibar__bell[data-state=open]{border-color:var(--accent);color:var(--text)}@media (hover:hover) and (pointer:fine){.minibar__bell:hover{border-color:var(--accent);color:var(--text)}}:root:not([data-motion-tier="0"]) .minibar__bell[data-pulse=yes] svg{transform-origin:50% 10%;animation:.8s ease-in-out 3 minibar-ring}@keyframes minibar-ring{0%,to{transform:rotate(0)}25%{transform:rotate(18deg)}75%{transform:rotate(-18deg)}}.minibar__unread{background:var(--danger);border:2px solid var(--bg-elevated);border-radius:50%;width:11px;height:11px;position:absolute;top:7px;right:7px}.minibar__pop{background:var(--bg-elevated);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);gap:var(--space-3);max-height:min(24rem, var(--radix-popover-content-available-height,70vh));padding:var(--space-4);z-index:150;width:min(22rem,100vw - 24px);transform-origin:var(--radix-popover-content-transform-origin);animation:popover-in var(--dur-fast) var(--ease-out-expo);flex-direction:column;display:flex;overflow:auto}.minibar__pop-empty{color:var(--text-muted);font-size:var(--fs-small);margin:0}.minibar__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.minibar__list li{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);flex-direction:column;gap:2px;display:flex}.minibar__list li[data-new=yes]{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 3px var(--accent-soft)}.minibar__at{color:var(--text-faint);font-size:.75rem}@media (width<=639px){.minibar{min-height:56px;top:var(--nav-size);gap:8px;padding:6px 12px}.minibar__name,.minibar__time svg,.minibar__help span{display:none}.minibar__help{justify-content:center;width:44px;padding:0}.minibar__help.minibar__ikut{width:auto;padding:0 14px}.minibar__ikut .minibar__ikut-s{display:inline}.minibar[data-ikut=yes] .minibar__time{display:none}}.minibar__time{white-space:nowrap;flex:0 auto;justify-content:flex-end;max-width:none;margin-left:auto}.minibar__time+.minibar__actions{margin-left:0}.minibar__warn{color:var(--warn);font-size:var(--fs-small)}@media (width<=1099px){.minibar__warn{display:none}}@media (width<=639px){.minibar>.pill--violet,.minibar__dot{display:none}}.kodemasuk{background:var(--surface-2);border:1px solid var(--hairline);color:var(--text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:36px;padding:4px 12px;display:inline-flex}.kodemasuk__k{color:var(--text-muted);font-size:var(--text-sm,.875rem)}.kodemasuk__v{font-family:var(--font-mono);letter-spacing:.12em;font-size:1.05rem}.kodemasuk[data-besar=yes]{gap:10px;min-height:48px;padding:6px 18px}.kodemasuk[data-besar=yes] .kodemasuk__k{font-size:1rem}.kodemasuk[data-besar=yes] .kodemasuk__v{font-size:1.75rem}@media (width<=520px){.minibar .kodemasuk__k{display:none}}@media (width<=640px){.minibar--asisten .kodemasuk{display:none}}.kodemasuk[data-kecil=yes]{vertical-align:middle;gap:4px;min-height:0;margin-left:8px;padding:1px 8px}.kodemasuk[data-kecil=yes] .kodemasuk__k{font-size:inherit}.kodemasuk[data-kecil=yes] .kodemasuk__v{font-size:.95rem}.minibar__hands{background:var(--warn-soft);border-color:var(--warn);color:var(--text)}.minibar__hands svg{color:var(--warn)}@media (width<=639px){.minibar__hands span{display:none}}.pdfv{border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);background:#3a3d44;flex-direction:column;height:min(82vh,1100px);min-height:420px;display:flex;overflow:hidden}.pdfv[data-shape=slides]{height:min(72vh,760px);min-height:320px}.pdfv__bar{color:#eef1f6;background:#2a2c31;flex-wrap:wrap;flex:none;align-items:center;gap:4px 14px;padding:6px 10px;display:flex}.pdfv__grp{flex:none;align-items:center;gap:2px;display:flex}.pdfv__grp--name{flex:220px;gap:8px;min-width:0}.pdfv__grp--end{margin-left:auto}.pdfv__pagebox{border-radius:var(--radius-sm);color:#eef1f6;font:inherit;text-align:center;background:#00000059;border:1px solid #ffffff24;width:3.4em;height:30px;margin-inline:4px;font-size:.9rem}@media (pointer:coarse){.pdfv__pagebox{height:var(--tap,44px)}}.pdfv__pagebox:focus-visible,.pdfv__findbox:focus-visible{border-color:var(--accent);outline:none}.pdfv__zoom{border-radius:var(--radius-sm);color:#eef1f6;cursor:pointer;font:inherit;background:0 0;border:0;min-width:4.2em;padding:5px 6px;font-size:.9rem}@media (hover:hover) and (pointer:fine){.pdfv__zoom:hover:not(:disabled){background:#ffffff1a}}.pdfv__zoom:disabled{cursor:default}.pdfv__zoom:focus-visible{outline:2px solid var(--focus-ring)}.pdfv__find{flex:auto;align-items:center;gap:2px;min-width:0;display:flex}.pdfv__findbox{border-radius:var(--radius-sm);color:#eef1f6;font:inherit;background:#00000059;border:1px solid #ffffff24;flex:140px;min-width:0;height:30px;padding:0 10px;font-size:.92rem}.pdfv__findn{color:#eef1f6b3;white-space:nowrap;padding-inline:6px;font-size:.82rem}.pdfv__bar .iconbtn{color:#eef1f6;background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.pdfv__bar .iconbtn:hover:not([aria-disabled=true]){background:#ffffff1a;border-color:#0000}}.pdfv__bar .iconbtn[aria-pressed=true]{background:#ffffff29}.pdfv__name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:auto;min-width:0;line-height:1.25;display:-webkit-box;overflow:hidden}.pdfv__pos{color:#eef1f6b3;white-space:nowrap;font-size:.9rem}.pdfv__body{flex:auto;min-height:0;display:flex}.pdfv__toc{background:#303238;border-right:1px solid #ffffff14;flex-direction:column;flex:none;align-items:stretch;width:min(280px,40%);padding:8px;display:flex;overflow-y:auto}.pdfv__tocitem{border-radius:var(--radius-sm);color:#eef1f6;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 8px;font-size:.92rem;display:flex}.pdfv__tocitem[data-depth="1"]{padding-left:20px}.pdfv__tocitem[data-depth="2"]{padding-left:32px}.pdfv__tocitem[aria-current=true]{background:#ffffff1a}@media (hover:hover) and (pointer:fine){.pdfv__tocitem:hover{background:#ffffff1a}}.pdfv__tocitem .num{color:#eef1f699;flex:none}.pdfv__scroll{flex-direction:column;flex:auto;align-items:center;gap:16px;min-width:0;padding:18px 16px;display:flex;overflow:auto}.pdfv__scroll:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.pdfv__page{background:#fff;flex:none;max-width:none;position:relative;overflow:clip;box-shadow:0 6px 18px #00000059}.pdfv__page canvas{width:100%;height:100%;display:block}.pdfv[data-snap=yes] .pdfv__scroll{scroll-snap-type:y proximity}.pdfv[data-snap=yes] .pdfv__page{scroll-snap-align:center}.pdfv[data-fs=yes]{background:#1d1e22;border:0;border-radius:0;height:100dvh;min-height:0;position:relative}.pdfv[data-fs=yes] .pdfv__bar{z-index:2;transition:opacity .2s,transform .2s;position:absolute;top:0;left:0;right:0}.pdfv[data-fs=yes][data-idle=yes] .pdfv__bar{opacity:0;pointer-events:none;transform:translateY(-100%)}.pdfv[data-fs=yes][data-idle=yes] .pdfv__scroll{cursor:none}.pdfv[data-fs=yes] .pdfv__page{box-shadow:none}.pdfv[data-fs=yes] .pdfv__scroll{scroll-snap-type:y mandatory;padding:0}.pdfv[data-fs=yes] .pdfv__page{scroll-snap-align:center}@media (prefers-reduced-motion:reduce){.pdfv[data-fs=yes] .pdfv__bar{transition:none}}.pdfv .textLayer{color-scheme:light only;forced-color-adjust:none;opacity:1;text-align:initial;text-size-adjust:none;transform-origin:0 0;z-index:0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.pdfv .textLayer :is(span,br){color:#0000;cursor:text;transform-origin:0 0;user-select:text;white-space:pre;position:absolute}.pdfv .textLayer>:not(.markedContent),.pdfv .textLayer .markedContent span:not(.markedContent){--font-height:0;--scale-x:1;--rotate:0deg;font-size:calc(var(--text-scale-factor) * var(--font-height));transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));z-index:1}.pdfv .textLayer .markedContent{display:contents}.pdfv .textLayer span[role=img]{cursor:default;user-select:none}.pdfv .textLayer .highlight{background-color:#ffc4006b;border-radius:3px;margin:-1px;padding:1px}.pdfv .textLayer .highlight.appended{position:initial}.pdfv .textLayer ::selection{color:#0000;background:#408cff52}.pdfv .textLayer br::selection{background:0 0}.pdfv .textLayer .endOfContent{cursor:default;user-select:none;z-index:0;display:block;position:absolute;inset:100% 0 0}.pdfv .textLayer.selecting .endOfContent{top:0}.pdfv-print{display:none}@media print{html.pdfv-printing body>:not(.pdfv-print){display:none!important}html.pdfv-printing .pdfv-print{display:block}.pdfv-print img{break-after:page;width:100%;height:auto;display:block}.pdfv-print img:last-child{break-after:auto}}.pdfv__state{color:#eef1f6;text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:36ch;margin:auto;display:flex}.pdfv__spin{border:3px solid #fff3;border-top-color:#eef1f6;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite pdfv-spin}@keyframes pdfv-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pdfv__spin{animation-duration:2.4s}}@media (width<=719px){.pdfv__body{position:relative}.pdfv__toc{z-index:1;width:min(300px,86%);position:absolute;top:0;bottom:0;left:0}.pdfv__pos{font-size:.82rem}}.pdfv__thumb{border-radius:var(--radius-sm);color:#eef1f6bf;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:8px;font-size:.85rem;display:flex}.pdfv__thumbpage{outline-offset:2px;background:#fff;outline:2px solid #0000;display:block;box-shadow:0 2px 8px #00000059}.pdfv__thumbpage canvas{width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine){.pdfv__thumb:hover .pdfv__thumbpage{outline-color:#ffffff59}}.pdfv__thumb[aria-current=true]{color:#eef1f6}.pdfv__thumb[aria-current=true] .pdfv__thumbpage{outline-color:var(--accent)}.pdfv__toc--thumbs{align-items:center;width:156px}@media (width<=719px){.pdfv__toc--thumbs{width:156px}}.pdfv__grp[hidden]{display:none}.pdfv__bar[data-compact=yes]{flex-wrap:nowrap;gap:4px;padding-inline:6px}.pdfv__bar[data-compact=yes] .pdfv__grp--name{flex:none}.pdfv__bar[data-compact=yes] .pdfv__grp--name:has(.pdfv__find){flex:auto}.pdfv__menu{flex-direction:column;gap:2px;min-width:200px;display:flex}.pdfv__mi{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:40px;padding:8px 10px;text-decoration:none;display:flex}.pdfv__mi:focus-visible{background:var(--surface-3,#7f7f7f24);outline:none}@media (hover:hover) and (pointer:fine){.pdfv__mi:hover:not(:disabled){background:var(--surface-3,#7f7f7f24);outline:none}}.pdfv__mi:disabled{cursor:default;opacity:.45}.pdfv__mzoom{border-bottom:1px solid var(--hairline-strong);grid-template-columns:44px 1fr 44px;align-items:center;gap:2px;margin-bottom:4px;padding-bottom:4px;display:grid}.pdfv__mzoom .pdfv__mi{justify-content:center}.segmented{background:var(--bg-sunken);border:1px solid var(--hairline-strong);border-radius:calc(var(--radius-md) + 4px);gap:4px;width:100%;max-width:100%;padding:4px;display:flex}.segmented__item{flex:1 1 0}.segmented--fill{width:100%;display:flex}.segmented--fill .segmented__item{overflow-wrap:anywhere;white-space:normal;flex:1;min-width:0;line-height:1.2}.segmented__item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);min-height:46px;transition:background var(--dur-mid) var(--ease-reveal), border-color var(--dur-mid) var(--ease-reveal), color var(--dur-fast) var(--ease-reveal);white-space:nowrap;background:0 0;border:1px solid #0000;padding-inline:18px;font-size:1.02rem;font-weight:650;position:relative}@media (hover:hover) and (pointer:fine){.segmented__item:hover{background:var(--hairline-faint);color:var(--text)}}.segmented__item[data-state=on]{background:var(--surface-4);border-color:var(--hairline-strong);color:var(--text);box-shadow:inset 0 1px #ffffff0f,0 4px 14px #00000038}:root[data-theme=light] .segmented__item[data-state=on]{background:#fff;box-shadow:0 2px 8px #10224624}@media (width<=1279px){.segmented__item{min-height:44px;padding-inline:14px;font-size:.98rem}}.segmented__item:focus-visible{box-shadow:var(--glow-ring);z-index:1;outline:none}.segmented__item:after{background-image:var(--sweep-ring);border-radius:inherit;content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-reveal);background-size:200%;padding:1px;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.segmented__item:focus-visible:after{opacity:1}@media (hover:hover) and (pointer:fine){.segmented__item:hover:after{opacity:1}}:root:not([data-motion-tier="0"]) .segmented__item:focus-visible:after{animation:2.2s linear infinite aurora-sweep}@media (hover:hover) and (pointer:fine){:root:not([data-motion-tier="0"]) .segmented__item:hover:after{animation:2.2s linear infinite aurora-sweep}}.slides{--slides-chrome:180px;--slides-w:calc(min(1560px, 100vw - 32px) - 48px)}.slides--two{--slides-chrome:236px}.slides-pdf.pdfv{height:min(calc(100dvh - var(--slides-chrome)), calc(var(--slides-w) * .5625 + 92px));min-height:300px}.slides-frame{background:var(--surface-2);border-radius:var(--radius-md);height:min(calc(100dvh - var(--slides-chrome)), calc(var(--slides-w) * .5625 + 92px));width:100%;min-height:300px;overflow:hidden}.slides-frame iframe{border:0;width:100%;height:100%;display:block}.palette__overlay{background:var(--scrim);z-index:70;position:fixed;inset:0}.palette{background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lift);z-index:71;width:min(620px,100vw - 24px);position:fixed;top:12vh;left:50%;overflow:hidden;transform:translate(-50%)}.palette__input{border:0;border-bottom:1px solid var(--hairline);color:var(--text);font:inherit;min-height:60px;padding:0 var(--space-5);background:0 0;width:100%;font-size:1.1rem}.palette__input:focus{outline:none}.palette__list{max-height:min(360px,60vh);padding:var(--space-2);overflow:auto}.palette__group [cmdk-group-heading]{color:var(--text-faint);letter-spacing:.1em;padding:var(--space-3) var(--space-3) var(--space-1);text-transform:uppercase;font-size:11px}.palette__item{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);display:flex}.palette__item[data-selected=true]{background:var(--accent-soft);color:var(--accent-bright)}.palette__label{flex:1;min-width:0}.palette__hint{border:1px solid var(--hairline-strong);color:var(--text-muted);font-family:var(--font-mono);border-radius:4px;padding:1px 6px;font-size:12px}.palette__empty{color:var(--text-muted);padding:var(--space-5);text-align:center}.keys{color:var(--text);gap:16px;display:grid}.keys__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px 28px;display:grid}@media (width>=760px){.keys__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.keys__group{gap:8px;display:grid}.keys__title{font-family:var(--font-body);margin:0;font-size:1.08rem;font-weight:700}.keys__rows{grid-template-columns:max-content minmax(0,1fr);align-content:start;column-gap:14px;display:grid}.keys__row{border-bottom:1px solid var(--hairline-faint);grid-column:1/-1;grid-template-columns:subgrid;align-items:center;min-height:42px;padding-block:6px;display:grid}.keys__row:last-child{border-bottom:0}.keys__keys{flex-wrap:wrap;gap:4px;display:inline-flex}.keys__set{border-top:1px solid var(--hairline);gap:10px;padding-top:14px;display:grid}.appnav{-webkit-backdrop-filter:blur(14px)saturate(1.3);background:var(--nav-bg);border-bottom:1px solid var(--hairline);min-height:var(--nav-size);padding:env(safe-area-inset-top,0px) 24px 0;transition:background var(--dur-mid) var(--ease-reveal), backdrop-filter var(--dur-mid) var(--ease-reveal);z-index:50;align-items:center;gap:4px;display:flex;position:sticky;top:0}.appnav[data-scrolled=yes]{-webkit-backdrop-filter:blur(26px)saturate(1.4);background:var(--nav-bg-scrolled)}.appnav[data-scrolled=yes]:after{-webkit-backdrop-filter:blur(10px);content:"";pointer-events:none;height:22px;position:absolute;top:100%;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.appnav__brand{border-radius:8px;flex:none;align-items:center;min-height:48px;margin-right:12px;padding:4px;display:flex}.appnav__brand img{filter:var(--logo-filter) drop-shadow(0 0 8px var(--accent-soft));height:30px;transition:filter var(--dur-mid) var(--ease-reveal);width:auto;display:block}@media (hover:hover) and (pointer:fine){.appnav__brand:hover img{filter:var(--logo-filter) drop-shadow(0 0 14px var(--accent-glow))}}.appnav__links{flex:1;justify-content:flex-start;align-items:center;gap:2px;min-width:0;display:flex}.appnav__link{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:var(--space-2);min-height:46px;transition:color var(--dur-fast) var(--ease-reveal), background var(--dur-fast) var(--ease-reveal);white-space:nowrap;padding:0 13px;font-size:1.04rem;font-weight:550;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.appnav__link:hover{background:var(--hairline-faint);color:var(--text)}}.appnav__link[aria-current=page]{color:var(--text);font-weight:650}.appnav__link[aria-current=page]:after{background-image:var(--sweep-ring);content:"";height:2px;bottom:-2px;left:var(--space-3);right:var(--space-3);background-size:200%;border-radius:2px;position:absolute}:root:not([data-motion-tier="0"]) .appnav__link[aria-current=page]:after{animation:5s linear infinite aurora-sweep}.appnav__link svg{display:none}.appnav__more svg{opacity:.7;transition:transform .16s cubic-bezier(.23,1,.32,1);display:inline-block}.appnav__more[data-state=open] svg{transform:rotate(180deg)}.appnav__beta{background:var(--warn-soft);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);color:var(--warn);letter-spacing:.02em;border-radius:999px;margin-left:2px;padding:0 6px;font-size:.66rem;font-weight:700;line-height:17px}.appnav__menu--lab{min-width:300px}.labmenu__h{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;padding:8px 12px 4px;font-size:.72rem;font-weight:700}.labmenu__h:not(:first-child){border-top:1px solid var(--hairline-faint);margin-top:6px;padding-top:12px}.labmenu__o{min-height:56px;padding-block:8px;text-decoration:none}.labmenu__o[aria-current=page]{background:var(--accent-soft)}.labmenu__t{gap:2px;display:grid}.labmenu__t .hint{font-size:.84rem}.labmenu__dot{position:static}.labmenu__o:active{transform:scale(.98)}.appnav__live-dot{background:var(--ok);box-shadow:0 0 0 0 var(--ok);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:4px}.appnav__live-dot--warn{background:var(--warn)}:root:not([data-motion-tier="0"]) .appnav__live-dot{animation:2s ease-out infinite appnav-live}@keyframes appnav-live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent)}to{box-shadow:0 0 0 8px #0000}}.appnav__side{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.appnav__palette{display:inline-flex;position:relative}.appnav__tot{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-pill,999px);color:var(--text-muted);min-height:40px;transition:color var(--dur-fast) var(--ease-reveal), background var(--dur-fast) var(--ease-reveal);white-space:nowrap;align-items:center;gap:7px;padding:0 14px 0 12px;font-size:.95rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.appnav__tot:hover{background:var(--hairline-faint);color:var(--text)}}.appnav__tot[data-on=yes]{background:var(--warn-soft);color:var(--text)}.appnav__tot[aria-current=page]{color:var(--text)}.appnav__tot[aria-current=page]:after{background-image:var(--sweep-ring);content:"";background-size:200%;border-radius:2px;height:2px;position:absolute;bottom:-7px;left:12px;right:12px}:root:not([data-motion-tier="0"]) .appnav__tot[aria-current=page]:after{animation:5s linear infinite aurora-sweep}.appnav__tot-lamp{border:1.5px solid var(--hairline-strong);border-radius:50%;flex:none;width:10px;height:10px}.appnav__tot[data-on=yes] .appnav__tot-lamp,.appnav__tot-lamp[data-on=yes]{background:var(--warn);border-color:var(--warn);box-shadow:0 0 8px var(--warn)}@media (width<=899px){.appnav__tot svg{display:none}.appnav__tot{padding:0 10px}}.appnav__signin{min-height:44px}.navclock{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-pill,999px);color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:.95rem;display:inline-flex}.navclock__date{font-weight:600}.navclock__time{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.04rem}.navclock__sep{color:var(--text-faint)}.appnav__disp{width:min(440px,100vw - 24px)}.appnav__disp-mobile,.navclock--mobile,.appnav__signin--mobile{display:none}.disp{gap:16px;display:grid}.disp__group{gap:6px;display:grid}.disp__label{color:var(--text-muted);font-size:.92rem;font-weight:650}.disp__opts{gap:6px;display:grid}.disp__opt{border:1px solid var(--hairline);color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:58px;padding:6px 12px;display:flex}.disp__opt[aria-checked=true]{background:var(--accent-soft);color:var(--accent-bright)}@media (hover:hover) and (pointer:fine){.disp__opt:hover{background:var(--accent-soft);color:var(--accent-bright)}}.disp__opt:focus-visible{box-shadow:var(--glow-ring);outline:none}.disp__opt svg{flex:none;margin-left:auto}.disp__opt-text{min-width:0;display:grid}.disp__opt-text b{align-items:center;gap:6px;display:inline-flex}.disp__tag{min-height:20px;padding:1px 7px}.disp .seg button{min-height:44px;padding:0 8px;font-size:.95rem}.appnav__me{background:var(--surface-2);border:1px solid var(--hairline);color:var(--text);cursor:pointer;font:inherit;min-height:40px;transition:border-color var(--dur-fast) var(--ease-reveal), background var(--dur-fast) var(--ease-reveal);border-radius:999px;align-items:center;gap:8px;padding:3px 12px 3px 4px;font-size:.92rem;display:inline-flex}.appnav__me[data-state=open]{border-color:var(--accent)}@media (hover:hover) and (pointer:fine){.appnav__me:hover{border-color:var(--accent)}}.appnav__me--mobile{padding:3px;display:none}.appnav__avatar{background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:inline-flex}.appnav__avatar[data-role=praktikan]{background:var(--g,var(--group-4))}.appnav__avatar[data-pencipta=yes]{box-shadow:0 0 0 2px var(--surface-2), 0 0 0 4px #ffb36b}.appnav__avatar--lg{width:48px;height:48px;font-size:.85rem}.appnav__badge{white-space:nowrap}.appnav__menu{background:var(--bg-elevated);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);max-height:var(--radix-popover-content-available-height,calc(100dvh - 24px));padding:var(--space-3);z-index:150;width:min(22rem,100vw - 24px);transform-origin:var(--radix-popover-content-transform-origin);animation:popover-in var(--dur-fast) var(--ease-out-expo);overflow:hidden auto}.acct{gap:var(--space-2);flex-direction:column;display:flex}.acct__who{border-bottom:1px solid var(--hairline);align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-3);display:flex}.acct__names{flex-direction:column;gap:2px;min-width:0;display:flex}.acct__names b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct__meta{color:var(--text-muted);font-size:var(--fs-small)}.acct__row{border-radius:var(--radius-md);color:var(--text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);text-align:left;background:0 0;border:0;width:100%;text-decoration:none;display:flex}.acct__row span:first-of-type{flex:1}@media (hover:hover) and (pointer:fine){.acct__row:hover{background:var(--hairline-faint)}}.acct__row svg{color:var(--text-muted)}.acct__row--danger,.acct__row--danger svg{color:var(--danger)}.acct__row--danger{border-top:1px solid var(--hairline);border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:var(--space-1)}.acct__row--danger[data-sure=yes]{background:color-mix(in srgb, var(--danger) 14%, transparent);font-weight:700}.acct__warn{color:var(--text-muted);padding:0 var(--space-3);margin:0;font-size:.86rem;line-height:1.45}.acct__group{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-direction:column;display:flex}.acct__label{color:var(--text-muted);font-size:var(--fs-small);align-items:center;gap:var(--space-2);display:inline-flex}.appbar{background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom,0px);z-index:50;display:none;position:fixed;bottom:0;left:0;right:0}.appbar__item{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:56px;padding:6px 0;font-size:.68rem;text-decoration:none;display:flex;position:relative}.appbar__icon{display:inline-flex;position:relative}.appbar__icon .appnav__live-dot{top:-2px;right:-6px}.appbar__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.appbar__item[aria-current=page]{color:var(--accent)}.appbar__item[aria-current=page]:before{background-image:var(--sweep-ring);content:"";background-size:200%;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:28%;right:28%}@media (width<=1599px){.navclock__date,.navclock__sep,.appnav__badge{display:none}.appnav__me{padding:3px}}@media (width<=639px){.navclock{min-height:36px;padding:0 10px}.navclock__time{font-size:.95rem}}@media (width<=899px){.navclock__sec{display:none}}@media (width>=1100px){.appnav__link{padding:0 15px;font-size:1.08rem}}@media (width>=1100px) and (width<=1599px){.appnav__link{padding:0 10px;font-size:1.02rem}}@media (width<=899px){.appnav__link{padding:0 9px;font-size:.98rem}}@media (width<=1099px){.appnav__badge{display:none}.appnav__me{padding:3px}.appnav__palette{display:none}}@media (width<=759px){.appnav{padding-inline:var(--space-4);justify-content:space-between}.appnav__links,.appnav__side{display:none}.appnav__me--mobile{display:inline-flex}.appnav__disp-mobile{display:inline-grid}.navclock--mobile,.appnav__signin--mobile{display:inline-flex}.appnav__brand{margin-right:auto}.appbar{display:flex}body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}@media (width>=760px) and (width<=899px){.appnav__link{padding:0 6px;font-size:.94rem}}@media (width>=760px) and (width<=799px){.appnav__side .navclock{display:none}}.alertrail{top:calc(var(--nav-size) + var(--minibar-h,0px));z-index:48;position:sticky}.alertrail:not([hidden]){display:grid}.alertrail>.offline{position:static}.alertrail[data-open=no]>.banner~.banner{display:none}.alertrail__more{background:color-mix(in srgb, var(--warn) 10%, var(--bg-elevated));border:0;border-bottom:1px solid var(--hairline);color:var(--text);cursor:pointer;font:inherit;min-height:32px;padding:4px var(--gutter);justify-content:center;align-items:center;gap:6px;font-size:.86rem;font-weight:600;display:flex}.alertrail__more svg{transition:transform var(--dur-fast) var(--ease-out-expo)}.alertrail[data-open=yes] .alertrail__more svg{transform:rotate(180deg)}@media (width<=639px){.alertrail .banner{gap:4px 10px;padding-block:8px}.alertrail .banner>b{flex:1 1 0;min-width:0}.alertrail .banner>.hint{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-basis:100%;order:3;font-size:.8rem;display:-webkit-box;overflow:hidden}.alertrail .banner .btn--sm{min-height:32px;padding-inline:10px}}.offline{background:color-mix(in srgb, var(--warn) 16%, var(--bg-elevated));padding-inline:var(--gutter);top:calc(var(--nav-size) + var(--minibar-h,0px));z-index:48;border-width:0 0 1px;border-radius:0;position:sticky}:root:not([data-motion-tier="0"]) .appnav__live-dot--warn{animation:none}.dispsum{gap:0;margin:0;display:grid}.dispsum__row{border-bottom:1px solid var(--hairline-faint,var(--hairline));justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.dispsum__row:last-child{border-bottom:0}.dispsum dt{color:var(--text-muted);font-size:.9rem}.dispsum dd{text-align:right;margin:0;font-weight:600}@media (width>=640px){.dispsum--wide{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dispsum--wide .dispsum__row{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-md);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;padding:10px 12px}.dispsum--wide .dispsum__row:last-child{border-bottom:1px solid var(--hairline)}.dispsum--wide dd{text-align:left}}.appnav__langsung{color:var(--text-muted);white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.appnav__langsung .appnav__live-dot,:root:not([data-motion-tier="0"]) .appnav__langsung .appnav__live-dot{animation:none;position:static}@media (width<=899px){.appnav__langsung-teks{display:none}}.appnav__link[hidden]{display:none}.appnav__more{cursor:pointer;font:inherit;background:0 0;border:0}.appnav__links .appnav__more svg{display:inline-block}.acct__row[aria-current=page]{background:var(--hairline-faint);font-weight:650}.appnav__n{background:var(--accent);color:var(--accent-ink);font:800 .72rem var(--font-body);border-radius:99px;place-items:center;min-width:20px;height:20px;margin-left:2px;padding:0 6px;display:inline-grid}.toast-host{bottom:calc(max(var(--space-5), env(safe-area-inset-bottom,0px)) + var(--toast-lift,0px));gap:var(--space-2);pointer-events:none;width:min(30rem, calc(100vw - var(--space-6)));z-index:200;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width<=639px){.toast-host{--toast-lift:72px}}@media (width>=640px){.toast-host{width:min(460px,100vw - 48px);bottom:24px;left:auto;right:24px;transform:none}}@media (width>=640px) and (width<=759px){.toast-host{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}.toast{background:var(--surface-4);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);color:var(--text);align-items:center;gap:var(--space-3);opacity:0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);pointer-events:auto;transition:opacity var(--dur-mid) var(--ease-out-expo), transform var(--dur-mid) var(--ease-out-expo);display:flex;position:relative;overflow:hidden;transform:translateY(10px)scale(.98)}.toast[data-shown=yes]{opacity:1;transform:translateY(0)scale(1)}.toast__icon{color:var(--accent);flex:none}.toast[data-tone=ok] .toast__icon{color:var(--ok)}.toast[data-tone=warn] .toast__icon{color:var(--warn)}.toast[data-tone=danger] .toast__icon{color:var(--danger)}.toast[data-tone=warn]{border-color:color-mix(in srgb, var(--warn) 55%, transparent)}.toast[data-tone=danger]{border-color:color-mix(in srgb, var(--danger) 55%, transparent)}.toast[data-tone=ok]{border-color:color-mix(in srgb, var(--ok) 45%, transparent)}.toast__msg{font-size:var(--fs-small);min-width:0;padding-block:var(--space-2);flex:1;margin:0}.toast__action{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);border-radius:var(--radius-md);color:var(--accent-bright);cursor:pointer;font:inherit;font-size:var(--fs-small);min-height:40px;padding:0 var(--space-3);flex:none;font-weight:600}@media (hover:hover) and (pointer:fine){.toast__action:hover{background:var(--accent);color:var(--accent-ink)}}.toast__close{border-radius:var(--radius-md);color:var(--text-faint);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}@media (hover:hover) and (pointer:fine){.toast__close:hover{background:var(--hairline-faint);color:var(--text)}}.toast__timer{background:var(--sweep-ring);transform-origin:0;background-size:200%;width:100%;height:2px;position:absolute;bottom:0;left:0}.toast[data-shown=yes] .toast__timer{animation-name:toast-timer;animation-timing-function:linear;animation-fill-mode:forwards}.toast:focus-within .toast__timer{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.toast:hover .toast__timer{animation-play-state:paused}}@keyframes toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast[data-shown=yes] .toast__timer{animation:none}}
