.zi{--island-base:#000;--glass-fill:#0c0c0ebf;--rim-top:#ffffff2e;--rim-mid:#ffffff0f;--rim-bottom:#ffffff06;--zenith-light:#ffffff13;--shadow-deep:0 24px 48px #00000080, 0 0 0 1px #000c;--shadow-pill:0 6px 16px #0000004d, 0 0 0 1px #000c;--label:#fffffff5;--label-2:#ebebf59e;--label-3:#ebebf55c;--label-4:#ebebf533;--fill-1:#ffffff12;--fill-2:#ffffff1c;--fill-3:#ffffff2b;--track:#ffffff2e;--track-fill:#ffffffdb;--hairline:#ffffff14;--camera:#30d158;--mic:#ff9f0a;--focus:#7d7aff;--countdown:#ff9f0a;--success:#30d158;--system-blue:#0a84ff;--zi-ease-out:cubic-bezier(.23, 1, .32, 1);--zi-ease-in-out:cubic-bezier(.77, 0, .175, 1);color:var(--label);-webkit-font-smoothing:antialiased;font-family:SF Pro Text,SF Pro Display,Inter Variable,Segoe UI Variable Text,system-ui,sans-serif;font-size:13px;line-height:1.3;position:relative}.zi-island{isolation:isolate;box-shadow:var(--shadow-pill);transition:box-shadow .32s var(--zi-ease-out);-webkit-tap-highlight-color:transparent;position:absolute;left:50%;overflow:hidden;translate:-50%}.zi-island[data-mode=expanded]{box-shadow:var(--shadow-deep)}.zi-island[data-mode=alert]{box-shadow:0 10px 28px #0000006b, 0 0 0 1px #000c, 0 0 0 1px color-mix(in srgb, var(--countdown) 55%, transparent), 0 0 26px color-mix(in srgb, var(--countdown) 38%, transparent)}.zi-island:focus-visible{outline:2px solid var(--system-blue);outline-offset:3px}.zi-base,.zi-glass,.zi-zenith,.zi-ambient,.zi-rim{pointer-events:none;position:absolute}.zi-base{background:var(--island-base);inset:0}.zi-glass{background:var(--glass-fill);inset:0}.zi-glass[data-frosted]{-webkit-backdrop-filter:blur(28px)saturate(190%);backdrop-filter:blur(28px)saturate(190%)}.zi-ambient{opacity:.62;filter:blur(2px);inset:-24%}.zi-zenith{background:radial-gradient(110% 64% at 50% -12%, var(--zenith-light), transparent 62%);inset:0}.zi-rim{z-index:3;border-radius:inherit;background:linear-gradient(180deg, var(--rim-top), var(--rim-mid) 36%, var(--rim-bottom));padding:1px;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.zi-island[data-surface=drop]{--rim-top:#ffffff6b;--rim-mid:#ffffff3d;--rim-bottom:#ffffff29}.zi-content,.zi-header{transform-origin:50% 0;margin-inline:auto;position:absolute;top:0;left:0;right:0}.zi-header{z-index:2;width:420px;height:48px}.zi-content{z-index:1}.zi-panel-header{justify-content:space-between;align-items:center;gap:12px;height:100%;padding:10px 12px 0 14px;display:flex}.zi-tabs{align-items:center;gap:2px;display:flex}.zi-tab{min-width:32px;height:28px;color:var(--label-3);letter-spacing:.005em;white-space:nowrap;transition:color .16s ease, transform .12s var(--zi-ease-out);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex;position:relative}.zi-tab[data-active=true]{color:var(--label)}.zi-tab:active{transform:scale(.95)}@media (hover:hover) and (pointer:fine){.zi-tab:not([data-active=true]):hover{color:var(--label-2)}}.zi-tab__pill{z-index:-1;background:var(--fill-2);border-radius:14px;position:absolute;inset:0}.zi-panel-header__trailing{color:var(--label-2);align-items:center;gap:8px;display:flex}.zi-panel{height:100%;padding:48px 20px 18px}.zi-idle{justify-content:center;align-items:center;height:100%;display:flex}.zi-compact{justify-content:space-between;align-items:center;height:100%;padding:0 13px 0 6px;display:flex}.zi-compact__side{align-items:center;gap:8px;min-width:24px;display:inline-flex}.zi-dots{align-items:center;gap:4px;display:inline-flex}.zi-dot{background:var(--dot);width:6px;height:6px;box-shadow:0 0 4px color-mix(in srgb, var(--dot) 90%, transparent), 0 0 10px color-mix(in srgb, var(--dot) 45%, transparent);border-radius:50%}.zi-dot[data-kind=camera]{--dot:var(--camera)}.zi-dot[data-kind=microphone]{--dot:var(--mic)}.zi-alert{align-items:center;gap:11px;height:100%;padding:0 16px 0 14px;display:flex}.zi-alert__icon{width:30px;height:30px;color:var(--countdown);background:color-mix(in srgb, var(--countdown) 16%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.zi-alert__title{letter-spacing:-.005em;font-size:13px;font-weight:500;display:block}.zi-alert__detail{color:var(--label-2);font-size:12px;display:block}.zi-hud{align-items:center;gap:12px;height:100%;padding:0 22px 0 16px;display:flex}.zi-hud__rail{background:var(--fill-2);border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.zi-hud__value{text-align:right;min-width:34px;color:var(--label-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.zi-icon-button{color:var(--label);transition:transform .12s var(--zi-ease-out), background-color .16s ease;border-radius:50%;flex:none;place-items:center;display:grid}.zi-icon-button[data-size=sm]{width:28px;height:28px;color:var(--label-2)}.zi-icon-button[data-size=md]{width:40px;height:40px}.zi-icon-button[data-size=lg]{width:48px;height:48px}.zi-icon-button:active{background-color:var(--fill-2);transform:scale(.9)}@media (hover:hover) and (pointer:fine){.zi-icon-button:hover{background-color:var(--fill-1);color:var(--label)}}.zi-pill{background:var(--fill-1);white-space:nowrap;height:34px;box-shadow:inset 0 0 0 .5px var(--hairline);transition:background-color .16s ease, transform .12s var(--zi-ease-out), color .2s ease;border-radius:17px;align-items:center;gap:6px;padding:0 13px 0 11px;font-size:12px;font-weight:500;display:inline-flex}.zi-pill:active{background:var(--fill-3);transform:scale(.96)}@media (hover:hover) and (pointer:fine){.zi-pill:hover{background:var(--fill-2)}}.zi-pill[data-state=done]{color:var(--success)}.zi-pill[data-state=busy]{color:var(--label-2)}.zi-art{flex:none;display:block;position:relative;overflow:hidden}.zi-art:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff1f}.zi-wave{--tint:var(--label);flex:none;align-items:center;gap:2px;height:14px;display:inline-flex}.zi-wave[data-size=md]{gap:3px;height:18px}.zi-wave i{background:var(--tint);width:3px;height:100%;animation:zi-wave .9s var(--zi-ease-in-out) infinite alternate;border-radius:2px;transition:opacity .24s;animation-play-state:paused;display:block;transform:scaleY(.32)}.zi-wave[data-size=md] i{width:3.5px}.zi-wave i:first-child{animation-duration:.82s;animation-delay:-.34s}.zi-wave i:nth-child(2){animation-duration:1.04s;animation-delay:-.72s}.zi-wave i:nth-child(3){animation-duration:.71s;animation-delay:-.12s}.zi-wave[data-playing=true] i{animation-play-state:running}.zi-wave[data-playing=false] i{opacity:.45}@keyframes zi-wave{0%{transform:scaleY(.3)}45%{transform:scaleY(1)}to{transform:scaleY(.5)}}.zi-slider{touch-action:none;cursor:pointer;flex:1;align-items:center;min-width:0;display:flex}.zi-slider__rail{background:var(--fill-2);width:100%;position:relative;overflow:hidden}.zi-slider__fill{background:var(--track-fill);transform-origin:0;position:absolute;inset:0}.zi-slider[data-variant=capsule]{height:30px}.zi-slider[data-variant=capsule] .zi-slider__rail{height:100%;box-shadow:inset 0 0 0 .5px var(--hairline);border-radius:15px}.zi-slider[data-variant=capsule][data-active=true] .zi-slider__fill{background:#fff}.zi-slider[data-variant=thin]{height:28px}.zi-slider[data-variant=thin] .zi-slider__rail{background:var(--track);height:5px;transition:height .16s var(--zi-ease-out);border-radius:4px}.zi-slider[data-variant=thin]:hover .zi-slider__rail,.zi-slider[data-variant=thin][data-active=true] .zi-slider__rail{height:8px}.zi-media{flex-direction:column;padding-top:50px;padding-bottom:14px;display:flex}.zi-media__head{align-items:center;gap:14px;height:64px;display:flex}.zi-media__meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.zi-media__title{letter-spacing:-.012em;font-size:15px;font-weight:500;line-height:1.25}.zi-media__artist{color:var(--label-2);font-size:13px}.zi-media__source{color:var(--label-3);margin-top:3px;font-size:11px}.zi-media__head .zi-wave{align-self:flex-start;margin:5px 2px 0 0}.zi-scrubber{height:18px;color:var(--label-3);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-top:14px;font-size:11px;display:flex}.zi-scrubber__time{min-width:34px}.zi-scrubber__time--end{text-align:right}.zi-transport{justify-content:center;align-items:center;gap:26px;margin-top:6px;display:flex}.zi-media__volume{align-items:center;gap:8px;height:28px;margin-top:4px;padding-right:6px;display:flex}.zi-control{flex-direction:column;padding-top:50px;display:flex}.zi-control__clock{justify-content:space-between;align-items:baseline;gap:12px;height:36px;padding-inline:2px;display:flex}.zi-control__time{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1}.zi-control__seconds,.zi-control__period{letter-spacing:-.01em;font-size:20px;font-weight:500}.zi-control__seconds{color:var(--label-2)}.zi-control__date{color:var(--label-2);white-space:nowrap;font-size:12.5px}.zi-tiles{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.zi-tile{background:var(--fill-1);height:52px;box-shadow:inset 0 0 0 .5px var(--hairline);text-align:left;transition:background-color .16s ease, transform .12s var(--zi-ease-out);border-radius:16px;align-items:center;gap:10px;padding-left:11px;display:flex}.zi-tile:active{background:var(--fill-2);transform:scale(.97)}@media (hover:hover) and (pointer:fine){.zi-tile:hover{background:var(--fill-2)}}.zi-tile__icon{background:var(--fill-2);width:30px;height:30px;color:var(--label-2);border-radius:50%;flex:none;place-items:center;transition:background-color .2s,color .2s;display:grid}.zi-tile[data-on=true] .zi-tile__icon{background:var(--system-blue);color:#fff}.zi-tile__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.zi-tile__title{letter-spacing:-.005em;font-size:12.5px;font-weight:500}.zi-tile__detail{color:var(--label-2);font-size:11px}.zi-tile__more{color:var(--label-3);margin-right:10px}.zi-levels{flex-direction:column;gap:10px;margin-top:14px;display:flex}.zi-level{align-items:center;gap:10px;display:flex}.zi-level__icon{width:28px;color:var(--label-2);flex:none;place-items:center;display:grid}[data-tone=focus]{--accent:var(--focus)}[data-tone=countdown]{--accent:var(--countdown)}.zi-timer{justify-content:space-between;align-items:center;gap:16px;padding-top:44px;padding-bottom:12px;display:flex}.zi-timer__info{flex-direction:column;gap:2px;min-width:0;display:flex}.zi-timer__phase{color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.zi-timer__clock{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:46px;font-weight:400;line-height:1.05}.zi-timer__status{color:var(--label-2);align-items:center;gap:8px;margin-top:4px;font-size:12px;display:inline-flex}.zi-cycle-dots{gap:4px;display:inline-flex}.zi-cycle-dots i{background:var(--fill-3);border-radius:50%;width:5px;height:5px}.zi-cycle-dots i[data-state=current]{background:color-mix(in srgb, var(--accent) 45%, transparent)}.zi-timer__controls{align-items:center;gap:12px;display:flex}.zi-countdown{flex-direction:column;padding-top:44px;display:flex}.zi-countdown__row{justify-content:space-between;align-items:center;gap:16px;display:flex}.zi-countdown__adds{gap:8px;margin-top:12px;display:flex}.zi-ring-button{width:56px;height:56px;color:var(--accent);transition:transform .12s var(--zi-ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.zi-ring-button:active{transform:scale(.93)}.zi-ring-button svg{position:absolute;inset:0;rotate:-90deg}.zi-ring-button circle{fill:none;stroke-width:2.5px}.zi-ring-button .track{stroke:var(--fill-2)}.zi-ring-button .value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.zi-ring-button__face{background:color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.zi-digits{letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:13px;font-weight:500}.zi-perimeter{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.zi-perimeter .track{fill:none;stroke:color-mix(in srgb, var(--accent) 20%, transparent)}.zi-perimeter .value{fill:none;stroke:var(--accent);stroke-linecap:round;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 55%, transparent));transition:stroke-dashoffset 1s linear}.zi-clips{flex-direction:column;gap:2px;margin:0;padding:50px 14px 12px;list-style:none;display:flex}.zi-clip{text-align:left;width:100%;height:52px;transition:background-color .16s ease, transform .12s var(--zi-ease-out);border-radius:14px;align-items:center;gap:12px;padding:0 8px;display:flex}.zi-clip:active{background:var(--fill-2);transform:scale(.985)}@media (hover:hover) and (pointer:fine){.zi-clip:hover{background:var(--fill-1)}}.zi-clip__thumb{background:var(--fill-1);width:30px;height:30px;color:var(--label-2);box-shadow:inset 0 0 0 .5px var(--hairline);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.zi-clip__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.zi-clip__title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.zi-clip__detail{color:var(--label-3);font-size:11.5px}.zi-clip[data-copied=true] .zi-clip__detail{color:var(--success)}.zi-shelf{flex-direction:column;padding-top:52px;display:flex}.zi-shelf__summary{align-items:center;gap:12px;height:44px;display:flex}.zi-file-thumb{background:var(--fill-1);width:40px;height:40px;color:var(--label-2);box-shadow:inset 0 0 0 .5px var(--hairline);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.zi-shelf__name{font-size:13px;font-weight:500;display:block}.zi-shelf__detail{color:var(--label-2);font-size:12px;display:block}.zi-shelf__actions{gap:8px;margin-top:16px;display:flex}.zi-drop{flex-direction:column;justify-content:center;align-items:center;gap:3px;height:100%;padding-top:4px;display:flex}.zi-drop__well{background:var(--fill-2);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--hairline), 0 0 28px #ffffff17;border-radius:50%;place-items:center;margin-bottom:9px;display:grid}.zi-drop__title{letter-spacing:-.01em;font-size:14px;font-weight:500}.zi-drop__detail{color:var(--label-2);font-size:12px}.zi-spin{animation:.8s linear infinite zi-spin}@keyframes zi-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.zi-wave i{animation:none;transform:scaleY(.6)}.zi-spin{animation-duration:1.6s}}@media (prefers-reduced-transparency:reduce){.zi{--glass-fill:#0c0c0e}.zi-glass[data-frosted]{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.zi{--label-2:#ebebf5cc;--label-3:#ebebf59e;--rim-top:#ffffff6b;--rim-mid:#ffffff47;--rim-bottom:#ffffff38}}.zi-todo{flex-direction:column;padding:50px 14px 12px;display:flex}.zi-todo__field{background:var(--fill-1);height:38px;box-shadow:inset 0 0 0 .5px var(--hairline);border-radius:13px;flex:none;align-items:center;gap:9px;padding:0 6px 0 12px;transition:background-color .16s,box-shadow .16s;display:flex;position:relative}.zi-todo__field:focus-within{background:var(--fill-2);box-shadow:inset 0 0 0 .5px #ffffff29}.zi-todo__field-icon{color:var(--label-3);flex:none;transition:color .16s}.zi-todo__field:focus-within .zi-todo__field-icon{color:var(--label-2)}.zi-todo__input{min-width:0;height:100%;color:var(--label);font:inherit;letter-spacing:-.003em;caret-color:var(--system-blue);background:0 0;border:0;outline:0;flex:1;font-size:13px}.zi-todo__input::placeholder{color:var(--label-3)}.zi-todo__submit{background:var(--system-blue);color:#fff;width:26px;height:26px;transition:transform .12s var(--zi-ease-out);border-radius:9px;flex:none;place-items:center;display:grid}.zi-todo__submit:active{transform:scale(.9)}.zi-todo__list{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;margin:6px -4px 0;padding:2px 4px 10px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.zi-todo__list::-webkit-scrollbar{display:none}.zi-todo__row{border-radius:11px;align-items:center;gap:10px;height:36px;padding:0 4px 0 8px;transition:background-color .16s;display:flex}@media (hover:hover) and (pointer:fine){.zi-todo__row:hover{background:var(--fill-1)}.zi-todo__row:hover .zi-todo__remove,.zi-todo__remove:focus-visible{opacity:1}}.zi-todo__check{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--label-3);color:#000;transition:background-color .2s var(--zi-ease-out), box-shadow .2s var(--zi-ease-out), transform .12s var(--zi-ease-out);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.zi-todo__check:before{content:"";position:absolute;inset:-8px}.zi-todo__check:active{transform:scale(.86)}.zi-todo__tick{opacity:0;transition:opacity .16s ease, transform .26s var(--zi-ease-out);transform:scale(.5)}.zi-todo__row[data-done=true] .zi-todo__check{background:var(--success);box-shadow:inset 0 0 0 1.5px var(--success)}.zi-todo__row[data-done=true] .zi-todo__tick{opacity:1;transform:scale(1)}.zi-todo__text{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--label);flex:1;font-size:13px;transition:color .24s;overflow:hidden}.zi-todo__strike{transition:background-size .32s var(--zi-ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 55%;background-repeat:no-repeat;background-size:0% 1px}.zi-todo__row[data-done=true] .zi-todo__text{color:var(--label-3)}.zi-todo__row[data-done=true] .zi-todo__strike{background-size:100% 1px}.zi-todo__remove{width:24px;height:24px;color:var(--label-3);opacity:0;border-radius:50%;flex:none;place-items:center;transition:opacity .16s,color .16s,background-color .16s;display:grid}.zi-todo__remove:hover{color:var(--label);background:var(--fill-1)}@media not ((hover:hover) and (pointer:fine)){.zi-todo__remove{opacity:1}}.zi-lyrics{flex-direction:column;padding:50px 0 0;display:flex}.zi-lyrics__head{flex:none;align-items:center;gap:12px;height:40px;padding:0 20px;display:flex}.zi-lyrics__meta{flex-direction:column;flex:1;min-width:0;display:flex}.zi-lyrics__title{letter-spacing:-.006em;font-size:13px;font-weight:500}.zi-lyrics__artist{color:var(--label-2);font-size:12px}.zi-lyrics__viewport{flex:1;min-height:0;margin-top:8px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22% 72%,#0000);mask-image:linear-gradient(#0000,#000 22% 72%,#0000)}.zi-lyrics__lines{will-change:transform;margin:0;padding:0 20px 120px;list-style:none}.zi-lyrics__line{text-align:left;letter-spacing:-.02em;width:100%;color:var(--label-4);transform-origin:0;transition:color .36s ease, transform .42s var(--zi-ease-out), opacity .36s ease;padding:5px 0;font-size:19px;font-weight:650;line-height:1.22;display:block}.zi-lyrics__line[data-state=current]{color:var(--label);transform:scale(1.02)}.zi-lyrics__line[data-state=past]{opacity:.7}.zi-lyrics__line[data-gap]{letter-spacing:.2em;font-size:13px}@media (hover:hover) and (pointer:fine){.zi-lyrics__line:not([data-state=current]):hover{color:var(--label-2)}}.zi-icon-button[data-on=true]{background-color:var(--fill-2);color:var(--label)}@media (prefers-reduced-motion:reduce){.zi-todo__strike,.zi-todo__tick{transition-duration:0s}.zi-lyrics__line{transition-property:color,opacity}.zi-lyrics__line[data-state=current]{transform:none}}