@layer components{.clk-shell{--clk-bg:#0a0e1a;--clk-fg:#f5f5f7;--clk-accent:#a78bfa;--clk-font-weight:600;--clk-font-scale:1;--clk-panel-width:min(420px,92vw);background:var(--clk-bg);width:100%;height:100dvh;color:var(--clk-fg);font-family:var(--font-clock-ui),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-feature-settings:"tnum" 1,"lnum" 1;transition:background .45s,color .45s;position:fixed;inset:0;overflow:hidden}.clk-bg{z-index:0;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.clk-bg>div,.clk-bg>video,.clk-bg-palette{position:absolute;inset:0}.clk-bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.clk-bg-video{object-fit:cover;width:100%;height:100%;display:block}.clk-bg-overlay{pointer-events:none;position:absolute;inset:0}.clk-bg-overlay[data-tone=dark]{background:#00000038}.clk-bg-overlay[data-tone=light]{background:#ffffff38}.clk-stage{z-index:10;width:100%;height:100%;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom));text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:relative}@media (min-width:720px){.clk-shell--panel-open .clk-stage,.clk-shell--panel-open .clk-bg,.clk-shell--panel-open .clk-controls{transform:translateX(calc(var(--clk-panel-width)/-2))}}.clk-stage--pomo-active{flex-direction:row;gap:clamp(28px,5vw,96px)}.clk-stage__clock{flex-direction:column;align-items:center;display:flex}@media (max-width:720px){.clk-stage--pomo-active{flex-direction:column;gap:clamp(18px,3vw,32px)}}.clk-time-wrap{font-size:calc(clamp(80px,19vw,260px)*var(--clk-font-scale,1));line-height:1;font-family:var(--font-clock-display),"DIN Next","DIN Pro","Helvetica Neue",-apple-system,sans-serif;color:var(--clk-fg);grid-template-rows:auto auto;grid-template-columns:auto auto;place-items:baseline end;column-gap:.12em;display:inline-grid}.clk-time{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;grid-area:2/1;align-items:center;font-size:1em;line-height:.95;display:inline-flex}.clk-time__num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.clk-time__colon{margin:0 var(--clk-sep-gap,.04em);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;display:inline-block}.clk-shell[data-font=jost]{--clk-sep-gap:.02em}.clk-shell[data-font=manrope]{--clk-sep-gap:.03em}.clk-shell[data-font=roboto]{--clk-sep-gap:.01em}.clk-shell[data-font=poppins]{--clk-sep-gap:.03em}.clk-shell[data-font=playfair]{--clk-sep-gap:.05em}.clk-shell[data-font=lora]{--clk-sep-gap:.04em}.clk-time__ampm{letter-spacing:.18em;opacity:.6;font-variant-numeric:tabular-nums;grid-area:1/1;margin-bottom:.45em;font-size:.16em}.clk-time__seconds{opacity:.55;letter-spacing:0;font-variant-numeric:tabular-nums;grid-area:2/2;font-size:.3em}.clk-time-wrap--compact{font-size:calc(clamp(40px,8vw,116px)*var(--clk-font-scale,1))}.clk-date{font-family:var(--font-clock-display),-apple-system,sans-serif;font-size:calc(clamp(20px,2.4vw,32px)*var(--clk-font-scale,1));letter-spacing:.08em;opacity:.88;color:var(--clk-fg);white-space:nowrap;align-items:center;gap:.35em;margin-top:32px;font-weight:500;display:inline-flex}.clk-date__ymd{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.clk-date__day{background:var(--clk-fg);min-width:1.85em;height:1.85em;color:var(--clk-bg);letter-spacing:.02em;border-radius:4px;justify-content:center;align-items:center;padding:0 .32em;font-size:.42em;font-weight:700;line-height:1;display:inline-flex;position:relative;top:.06em}.clk-controls{left:50%;bottom:max(64px,calc(env(safe-area-inset-bottom) + 56px));z-index:45;-webkit-backdrop-filter:blur(28px)saturate(180%);opacity:0;visibility:hidden;pointer-events:none;background:#fffffff2;border:1px solid #0000000a;border-radius:14px;align-items:center;height:56px;padding:6px 8px 6px 14px;transition:opacity .22s,transform .32s cubic-bezier(.16,1,.3,1),visibility 0s linear .22s;display:inline-flex;position:fixed;transform:translate(-50%)translateY(14px);box-shadow:0 1px 2px #0000000a,0 12px 36px #00000024}.clk-controls--visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,transform .32s cubic-bezier(.16,1,.3,1),visibility;transform:translate(-50%)translateY(0)}@media (min-width:720px){.clk-shell--panel-open .clk-controls--visible{transform:translateX(-50%)translateY(0)translateX(calc(var(--clk-panel-width)/-2))}}.clk-controls__logo{align-items:center;height:40px;padding-right:4px;display:inline-flex}.clk-controls__logo:hover{opacity:.7}.clk-controls__logo img{width:auto;height:18px;display:block}.clk-controls__divider{background:#00000014;flex-shrink:0;width:1px;height:24px;margin:0 8px 0 6px}.clk-controls__btn{color:#0009;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .18s,color .18s;display:inline-flex}.clk-controls__btn:hover:not(:disabled){color:#000;background:#0000000d}.clk-controls__btn--active{color:#000;background:#00000012}.clk-controls__btn:disabled{opacity:.28;cursor:not-allowed}.clk-controls__btn svg{stroke-width:1.7px;width:19px;height:19px}.clk-backdrop{z-index:35;cursor:default;opacity:0;visibility:hidden;background:0 0;border:0;margin:0;padding:0;transition:opacity .18s,visibility 0s linear .18s;position:fixed;inset:0}.clk-backdrop--visible{opacity:1;visibility:visible;transition:opacity .18s}.clk-panel{z-index:40;width:var(--clk-panel-width);-webkit-backdrop-filter:blur(40px)saturate(180%);color:#1a1a1a;background:#fcfcfdf7;border-left:1px solid #0000000f;flex-direction:column;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.clk-panel--open{transform:translate(0)}.clk-panel__rail{background:#0000000a;border-radius:12px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;margin:0 18px 12px;padding:6px;display:flex}.clk-panel__rail-btn{color:#00000080;border-radius:8px;flex:1;justify-content:center;align-items:center;height:40px;transition:background .18s,color .18s;display:inline-flex}.clk-panel__rail-btn:hover{color:#000;background:#0000000a}.clk-panel__rail-btn--active{color:#1a1a1a;background:#fff;box-shadow:0 1px 2px #0000000f}.clk-panel__rail-btn svg{stroke-width:1.7px;width:18px;height:18px}.clk-panel__header{padding:22px 24px 12px;padding-top:max(22px,env(safe-area-inset-top));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.clk-panel__title{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#0000008c;font-size:13px;font-weight:600}.clk-panel__close{color:#0000008c;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .18s,color .18s;display:inline-flex}.clk-panel__close:hover{color:#000;background:#0000000f}.clk-panel__body{min-height:0;padding:12px 24px 24px;padding-bottom:max(32px,env(safe-area-inset-bottom));flex:1;overflow-y:auto}.clk-panel__pane{display:none}.clk-panel__pane--active{animation:.22s clk-pane-in;display:block}@keyframes clk-pane-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.clk-panel__footnote{color:#0000008c;letter-spacing:.02em;background:#00000008;border:1px solid #0000000d;border-radius:10px;margin-top:28px;padding:12px 14px;font-size:12px;line-height:1.65}.clk-group{margin-bottom:28px}.clk-group__label{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#00000073;margin-bottom:12px;font-size:11px;font-weight:600;display:block}.clk-segments{gap:6px;display:grid}.clk-segments[data-cols="2"]{grid-template-columns:1fr 1fr}.clk-segments[data-cols="3"]{grid-template-columns:1fr 1fr 1fr}.clk-segment{font-family:var(--font-clock-ui),sans-serif;text-align:center;color:#000000a6;background:#00000008;border:1px solid #0000000d;border-radius:10px;padding:11px 12px;font-size:13px;font-weight:500;transition:background .18s,color .18s,border-color .18s}.clk-segment:hover{color:#000;background:#0000000f}.clk-segment--active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.clk-switch-row{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.clk-switch-row:last-child{border-bottom:none}.clk-switch-row__label{color:#000000d9;font-size:14px;font-weight:500}.clk-switch-row__hint{color:#00000080;margin-top:3px;font-size:12px;font-weight:400;display:block}.clk-switch{background:#0000001f;border-radius:999px;flex-shrink:0;width:44px;height:26px;transition:background .2s;position:relative}.clk-switch--on{background:#1a1a1a}.clk-switch__thumb{background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.clk-switch--on .clk-switch__thumb{transform:translate(18px)}.clk-weight-row{align-items:center;gap:18px;padding:4px 0 8px;display:flex}.clk-weight-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#0000002e 0%,#00000080 100%);border-radius:999px;outline:none;flex:1;height:4px}.clk-weight-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1a1a1a;border:2px solid #fff;border-radius:999px;width:18px;height:18px;box-shadow:0 1px 4px #0003}.clk-weight-slider::-moz-range-thumb{cursor:pointer;background:#1a1a1a;border:2px solid #fff;border-radius:999px;width:18px;height:18px;box-shadow:0 1px 4px #0003}.clk-weight-preview{font-family:var(--font-clock-display),sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#1a1a1a;text-align:right;min-width:56px;font-size:36px;line-height:1}.clk-weight-scale{font-family:var(--font-clock-display),sans-serif;color:#00000059;letter-spacing:.04em;justify-content:space-between;margin-top:8px;font-size:10.5px;display:flex}.clk-weight-tick{font-variant-numeric:tabular-nums;transition:color .18s}.clk-weight-tick--active{color:#1a1a1a;font-weight:600}.clk-weight-labels{color:#00000073;letter-spacing:.04em;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.clk-font-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.clk-font-tile{cursor:pointer;text-align:left;background:#00000008;border:1.5px solid #0000000d;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 14px 12px;transition:background .18s,border-color .18s,transform .18s;display:flex}.clk-font-tile:hover{background:#0000000f;transform:translateY(-1px)}.clk-font-tile--active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.clk-font-tile__sample{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;font-size:26px;font-weight:600;line-height:1}.clk-font-tile__label{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#0000008c;font-size:11px;font-weight:600}.clk-font-tile--active .clk-font-tile__label{color:#ffffffb3}.clk-size-row{align-items:center;gap:14px;padding:6px 0 4px;display:flex}.clk-size-row__minus,.clk-size-row__plus{font-family:var(--font-clock-display),sans-serif;color:#00000073;text-align:center;flex-shrink:0;width:18px;font-weight:500}.clk-size-row__minus{font-size:12px}.clk-size-row__plus{font-size:18px}.clk-size-value{font-family:var(--font-clock-ui),sans-serif;color:#00000073;letter-spacing:.04em;text-align:center;margin-top:6px;font-size:11px}.clk-intro-card{background:#00000008;border:1px solid #0000000d;border-radius:12px;padding:18px 18px 20px}.clk-intro-card__title{font-family:var(--font-clock-display),sans-serif;color:#1a1a1a;letter-spacing:-.01em;margin-bottom:6px;font-size:18px;font-weight:700}.clk-intro-card__lead{color:#000000a6;margin-bottom:14px;font-size:13px;line-height:1.6}.clk-intro-card__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.clk-intro-card__list li{background:#ffffffb3;border:1px solid #0000000a;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.clk-intro-card__list strong{color:#1a1a1a;letter-spacing:.02em;font-size:12px;font-weight:600}.clk-intro-card__list span{color:#0009;font-size:12px;line-height:1.5}.clk-install-card{background:#00000008;border:1px solid #0000000d;border-radius:12px;padding:16px 18px 18px}.clk-install-card__device{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.04em;color:#000000b3;background:#ffffffd9;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.clk-install-card__steps{color:#000000bf;flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.55;display:flex}.clk-install-card__steps li{padding-left:4px}.clk-install-card__tip{color:#0009;background:#fff9;border:1px solid #0000000a;border-radius:8px;margin-top:12px;padding:8px 10px;font-size:11.5px;line-height:1.5}.clk-about__faq{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.clk-about__faq-item{background:#ffffffb3;border:1px solid #0000000a;border-radius:8px}.clk-about__faq-item>summary{cursor:pointer;color:#1a1a1a;justify-content:space-between;align-items:flex-start;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:600;line-height:1.45;list-style:none;display:flex}.clk-about__faq-item>summary::-webkit-details-marker{display:none}.clk-about__faq-item>summary:after{content:"+";color:#00000073;flex-shrink:0;font-size:14px;font-weight:400;line-height:1.45}.clk-about__faq-item[open]>summary:after{content:"−"}.clk-about__faq-item p{color:#000000a6;margin:0;padding:0 12px 11px;font-size:12px;line-height:1.6}.clk-about__related{flex-direction:column;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:flex}.clk-about__related li{background:#ffffffb3;border:1px solid #0000000a;border-radius:8px}.clk-about__related-link{color:#1a1a1a;padding:9px 12px;font-size:12.5px;font-weight:500;line-height:1.45;text-decoration:none;transition:background .15s,color .15s;display:block}.clk-about__related-link:hover,.clk-about__related-link:focus-visible{color:#000;text-underline-offset:2px;background:#0000000a;text-decoration:underline}.clk-palette-cta-stack{grid-template-columns:1fr 1fr;gap:8px;display:grid}.clk-palette-cta{cursor:pointer;text-align:left;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 14px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex;position:relative}.clk-palette-cta:hover{transform:translateY(-1px)}.clk-palette-cta__icon{width:32px;height:32px;color:inherit;background:#ffffff2e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.clk-palette-cta__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.clk-palette-cta__title{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.01em;font-size:13px;font-weight:600}.clk-palette-cta__hint{font-family:var(--font-clock-ui),sans-serif;opacity:.7;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;font-weight:400;line-height:1.35;display:-webkit-box;overflow:hidden}.clk-palette-cta--random{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-color:#1a1a1a}.clk-palette-cta--random:hover{box-shadow:0 4px 14px #1a1a1a38}.clk-palette-cta--random.clk-palette-cta--active{box-shadow:0 0 0 3px #1a1a1a2e}.clk-palette-cta--custom{color:#000000d9;background:#00000008;border:1.5px dashed #0000002e}.clk-palette-cta--custom .clk-palette-cta__icon{color:#000c;background:#0000000f}.clk-palette-cta--custom:hover{background:#0000000d;border-color:#00000052}.clk-palette-cta--custom.clk-palette-cta--active{background:#fff;border-style:solid;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a24}.clk-palette-cta__icon--custom{background:0 0;border:1px solid #0000001a;grid-template-columns:1fr 1fr 1fr;padding:0;display:grid;overflow:hidden}.clk-palette-cta__icon--custom>span{width:100%;height:100%;display:block}.clk-palette-mini-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.clk-palette-mini{aspect-ratio:1;cursor:pointer;border:1.5px solid #0000000f;border-radius:10px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.clk-palette-mini:hover{border-color:#0000002e;transform:translateY(-1px)}.clk-palette-mini--active{border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a29}.clk-palette-mini__accent{border:1.5px solid #ffffffb3;border-radius:999px;width:12px;height:12px;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 3px #0000002e}.clk-color-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.clk-color-field{flex-direction:column;gap:6px;display:flex}.clk-color-field__label{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#00000080;font-size:10.5px;font-weight:600}.clk-color-field__input{background:#00000008;border:1px solid #0000000f;border-radius:8px;align-items:center;gap:8px;padding:6px 8px 6px 6px;display:flex;position:relative}.clk-color-field__input input[type=color]{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.clk-color-field__input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.clk-color-field__input input[type=color]::-webkit-color-swatch{border:1px solid #0000001f;border-radius:6px}.clk-color-field__hex{font-family:var(--font-clock-ui),monospace;letter-spacing:.04em;color:#0000008c;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;overflow:hidden}.clk-color-strip{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.clk-color-strip::-webkit-scrollbar{display:none}.clk-color-swatch{cursor:pointer;scroll-snap-align:start;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:6px;padding:0;display:inline-flex;position:relative}.clk-color-swatch__dot{width:36px;height:36px;font-family:var(--font-clock-ui),sans-serif;color:#0000008c;box-sizing:border-box;background:#f4f4f5;border:1.5px solid #00000014;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.clk-color-swatch__dot--custom{background:conic-gradient(#f59e0b,#ec4899,#8b5cf6,#38bdf8,#10b981,#fbbf24,#f59e0b);border-color:#0000001f}.clk-color-swatch__label{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.02em;color:#0000008c;font-size:10.5px;font-weight:500}.clk-color-swatch:hover .clk-color-swatch__dot{transform:translateY(-1px)}.clk-color-swatch--active .clk-color-swatch__dot{border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a1f}.clk-color-swatch--active .clk-color-swatch__label{color:#1a1a1a}.clk-color-swatch__input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.clk-bg-upload{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--clk-bg);position:absolute;inset:0}.clk-bg-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.clk-bg-thumb{text-align:left;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;align-items:stretch;padding:0;transition:transform .18s;display:flex;position:relative;overflow:hidden}.clk-bg-thumb:hover{transform:translateY(-1px)}.clk-bg-thumb__preview{aspect-ratio:16/10;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1.5px solid #0000000f;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.clk-bg-thumb__preview--image{background-color:#0000000a}.clk-bg-thumb__badge{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000009e;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:6px;right:6px}.clk-bg-thumb--video .clk-bg-thumb__preview{border-color:#a855f752}.clk-bg-thumb--active .clk-bg-thumb__preview,.clk-bg-thumb--video.clk-bg-thumb--active .clk-bg-thumb__preview{border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a14}.clk-bg-thumb__label{font-family:var(--font-clock-ui),sans-serif;color:#000000b3;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;font-weight:500;display:block;overflow:hidden}.clk-bg-thumb--add{cursor:pointer}.clk-bg-thumb__preview--add{color:#0000008c;background:#00000008;border-style:dashed;border-color:#0000002e;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s;display:flex}.clk-bg-thumb--add:hover .clk-bg-thumb__preview--add{color:#000;background:#0000000f;border-color:#00000052}.clk-bg-thumb__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.clk-bg-thumb--upload{position:relative}.clk-bg-thumb__select{text-align:left;cursor:pointer;background:0 0;flex-direction:column;align-items:stretch;width:100%;padding:0;display:flex}.clk-bg-thumb__delete{color:#0009;opacity:0;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .18s,background .18s,color .18s;display:inline-flex;position:absolute;top:6px;right:6px;box-shadow:0 1px 4px #0000001f}.clk-bg-thumb--upload:hover .clk-bg-thumb__delete,.clk-bg-thumb__delete:focus-visible{opacity:1}.clk-bg-thumb__delete:hover{color:#d32f2f;background:#fff}.clk-bg-error{color:#b91c1c;background:#fee2e299;border:1px solid #f871714d;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:12px}.clk-bg-hint{color:#00000080;letter-spacing:.02em;margin-top:10px;font-size:11.5px;line-height:1.6}.clk-pomo-status{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.06em;opacity:.9;color:var(--clk-fg);align-items:center;gap:.5em;margin-top:28px;font-size:clamp(13px,1.4vw,18px);font-weight:500;display:inline-flex}.clk-pomo-status__phase{color:var(--clk-accent);font-weight:600}.clk-pomo-status__sep{opacity:.5}.clk-pomo-status__time{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:600}.clk-pomo-status__sub{opacity:.6;margin-left:.4em;font-size:.85em}.clk-pomo-circle{cursor:pointer;filter:drop-shadow(0 10px 28px #00000038);outline:none;flex-shrink:0;width:clamp(240px,30vw,360px);height:clamp(240px,30vw,360px);transition:filter .22s,transform .18s;position:relative}.clk-pomo-circle:hover{filter:drop-shadow(0 14px 36px #00000047)}.clk-pomo-circle:active{transform:scale(.992)}.clk-pomo-circle:focus-visible{filter:drop-shadow(0 0 0 3px #ffffff80)drop-shadow(0 10px 28px #00000038)}.clk-pomo-circle__svg{width:100%;height:100%;display:block;overflow:visible}.clk-pomo-circle__track{stroke:#ffffff1f}.clk-shell--light .clk-pomo-circle__track{stroke:#00000017}.clk-pomo-circle__progress{stroke:var(--clk-accent);transition:stroke-dashoffset .5s}.clk-pomo-circle__liquid{opacity:.78;transform-origin:0 0;transform-box:view-box;transition:transform .6s cubic-bezier(.16,1,.3,1)}.clk-pomo-circle__wave-anim{transform-origin:0 0;transform-box:view-box;animation:3.4s linear infinite clk-pomo-wave}.clk-pomo-circle__wave{fill:var(--clk-accent);opacity:.85}@keyframes clk-pomo-wave{0%{transform:translate(0)}to{transform:translate(-40px)}}.clk-pomo-circle--paused .clk-pomo-circle__liquid{opacity:.42}.clk-pomo-circle--paused .clk-pomo-circle__wave-anim{animation-play-state:paused}.clk-pomo-circle__center{font-family:var(--font-clock-display),sans-serif;font-variant-numeric:tabular-nums;color:var(--clk-fg);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1vw,14px);padding:14%;display:flex;position:absolute;inset:0}.clk-pomo-circle__phase{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.2em;color:inherit;-webkit-backdrop-filter:blur(10px)saturate(140%);background:#ffffff29;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:clamp(5px,.65vw,8px) clamp(12px,1.5vw,18px);font-size:clamp(10px,1.1vw,13px);font-weight:600;display:inline-flex}.clk-pomo-circle:hover .clk-pomo-circle__phase{background:#ffffff3d;border-color:#ffffff42}.clk-shell--light .clk-pomo-circle__phase{background:#ffffffb3;border-color:#00000014}.clk-shell--light .clk-pomo-circle:hover .clk-pomo-circle__phase{background:#ffffffe6;border-color:#0000001f}.clk-pomo-circle__phase-count{letter-spacing:.1em;opacity:.78;border-left:1px solid #ffffff38;padding-left:8px;font-weight:500}.clk-shell--light .clk-pomo-circle__phase-count{border-left-color:#00000024}.clk-pomo-circle__time{font-size:clamp(44px,5.4vw,76px);font-weight:var(--clk-font-weight,600);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;align-items:center;line-height:1;display:inline-flex}.clk-pomo-circle__pause{width:clamp(40px,4.6vw,52px);height:clamp(40px,4.6vw,52px);color:var(--clk-fg);cursor:pointer;-webkit-backdrop-filter:blur(10px)saturate(140%);background:#ffffff2e;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;margin-top:clamp(2px,.4vw,6px);transition:background .18s,border-color .18s,transform .15s;display:inline-flex}.clk-pomo-circle__pause:hover{background:#ffffff47;border-color:#ffffff47}.clk-pomo-circle__pause:active{transform:scale(.94)}.clk-pomo-circle__pause svg{stroke-width:1.8px}.clk-shell--light .clk-pomo-circle__pause{color:#000000d9;background:#ffffffb3;border-color:#00000014}.clk-shell--light .clk-pomo-circle__pause:hover{background:#ffffffeb;border-color:#0000001f}@media (max-width:720px){.clk-pomo-circle{width:clamp(200px,60vw,260px);height:clamp(200px,60vw,260px)}.clk-pomo-circle__time{font-size:clamp(38px,11vw,56px)}.clk-pomo-circle__pause{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.clk-pomo-circle__liquid{transition:none}.clk-pomo-circle__wave-anim{animation:none}}.clk-pomo{text-align:center;border-bottom:1px solid #0000000f;margin-bottom:24px;padding:8px 0 24px}.clk-pomo__phase{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0000008c;font-size:11px;font-weight:600}.clk-pomo__time{font-family:var(--font-clock-display),sans-serif;font-size:56px;font-weight:var(--clk-font-weight,600);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;color:#1a1a1a;margin-top:6px;line-height:1}.clk-pomo__cycles{gap:6px;margin-top:14px;display:inline-flex}.clk-pomo__dot{background:#0000001f;border-radius:999px;width:7px;height:7px}.clk-pomo__dot--done{background:#1a1a1a}.clk-pomo__actions{justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.clk-pomo__btn{min-width:40px;height:40px;font-family:var(--font-clock-ui),sans-serif;color:#000000bf;background:#0000000a;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.clk-pomo__btn:hover:not(:disabled){color:#000;background:#00000014}.clk-pomo__btn--primary{color:#fff;background:#1a1a1a;border-color:#1a1a1a;padding:0 18px}.clk-pomo__btn--primary:hover{color:#fff;background:#000}.clk-stepper{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.clk-stepper:last-child{border-bottom:none}.clk-stepper__label{color:#000000d9;font-size:14px;font-weight:500}.clk-stepper__controls{align-items:center;gap:10px;display:inline-flex}.clk-stepper__btn{color:#000000b3;background:#0000000d;border:1px solid #0000000f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:500;line-height:1;transition:background .18s;display:inline-flex}.clk-stepper__btn:hover:not(:disabled){color:#000;background:#0000001a}.clk-stepper__btn:disabled{opacity:.3;cursor:not-allowed}.clk-stepper__value{justify-content:flex-end;align-items:baseline;gap:3px;min-width:56px;display:inline-flex}.clk-stepper__num{font-family:var(--font-clock-display),sans-serif;font-variant-numeric:tabular-nums;color:#1a1a1a;font-size:16px;font-weight:600}.clk-stepper__unit{color:#00000080;font-size:11px}.clk-pomo-stats{background:#00000008;border:1px solid #0000000d;border-radius:10px;justify-content:center;align-items:center;gap:24px;margin:12px 0 4px;padding:16px 12px;display:flex}.clk-pomo-stats__item{text-align:center}.clk-pomo-stats__num{font-family:var(--font-clock-display),sans-serif;font-variant-numeric:tabular-nums;color:#1a1a1a;font-size:24px;font-weight:600;line-height:1}.clk-pomo-stats__label{letter-spacing:.06em;color:#0000008c;margin-top:6px;font-size:11px;font-weight:500}.clk-pomo-stats__divider{background:#00000014;width:1px;height:28px}.clk-music-presets{flex-direction:column;gap:2px;margin-top:10px;display:flex}.clk-music-card{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:8px 12px 8px 8px;transition:background .15s,border-color .15s;display:flex}.clk-music-card:hover{background:#0000000a}.clk-music-card--active{background:#0000000d}.clk-music-card--active:hover{background:#00000012}.clk-music-card__art{background-color:#1a1a1a;background-position:50%;background-size:cover;border-radius:6px;flex-shrink:0;width:40px;height:40px;box-shadow:0 1px 3px #0000001f}.clk-music-card__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.clk-music-card__title{font-family:var(--font-clock-ui),sans-serif;color:#000000e0;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.clk-music-card--active .clk-music-card__title{color:#1a1a1a}.clk-music-card__desc{color:#00000080;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.3;overflow:hidden}.clk-music-card__playing{color:#0000008c;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.clk-music-yt{gap:6px;display:flex}.clk-music-input{min-width:0;font-family:var(--font-clock-ui),sans-serif;color:#1a1a1a;background:#00000008;border:1px solid #0000000f;border-radius:8px;flex:1;padding:10px 12px;font-size:13px;transition:border-color .18s}.clk-music-input:focus{border-color:#00000052;outline:none}.clk-music-yt__set{font-family:var(--font-clock-ui),sans-serif;color:#fff;background:#1a1a1a;border-radius:8px;padding:0 14px;font-size:13px;font-weight:500;transition:background .18s}.clk-music-yt__set:hover:not(:disabled){background:#000}.clk-music-yt__set:disabled{cursor:not-allowed;background:#0000002e}.clk-music-player{background:#0000000a;border-radius:999px;align-items:center;gap:14px;margin-top:12px;padding:8px 14px 8px 8px;display:flex}.clk-music-player audio{display:none}.clk-music-player__play{color:#fff;background:#1a1a1a;border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;transition:background .15s,transform .15s;display:grid}.clk-music-player__play:hover{background:#000;transform:scale(1.05)}.clk-music-player__play:active{transform:scale(.96)}.clk-music-player__volume{color:#0000008c;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.clk-music-player__vol-icon{flex-shrink:0}.clk-music-player__volume input[type=range]{accent-color:#1a1a1a;flex:1;min-width:0}.clk-music-yt__embed{aspect-ratio:16/9;background:#000;border-radius:10px;margin-top:12px;position:relative;overflow:hidden}.clk-music-yt__embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.clk-music-yt__hint{color:#00000080;margin-top:8px;font-size:11px;line-height:1.5}.clk-music-history{background:#00000006;border:1px solid #0000000d;border-radius:10px;margin-top:14px;padding:10px 12px}.clk-music-history__header{letter-spacing:.08em;text-transform:uppercase;color:#00000080;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.clk-music-history__clear{color:#0006;border-radius:6px;margin-left:auto;padding:4px;transition:background .18s,color .18s}.clk-music-history__clear:hover{color:#d32f2f;background:#0000000f}.clk-music-history__list{flex-direction:column;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:flex}.clk-music-history__item{text-align:left;width:100%;font-family:var(--font-clock-ui),sans-serif;color:#000000b3;white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:6px;padding:6px 8px;font-size:12px;transition:background .18s,color .18s;overflow:hidden}.clk-music-history__item:hover{color:#000;background:#0000000d}.clk-tz-select{background:#00000008;border:1px solid #0000000f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}.clk-tz-select__label{font-family:var(--font-clock-ui),sans-serif;color:#000000b3;font-size:13px;font-weight:500}.clk-tz-select__input{min-width:0;height:34px;font-family:var(--font-clock-ui),sans-serif;color:#1a1a1a;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #00000014;border-radius:8px;flex:1;padding:0 32px 0 10px;font-size:13px;transition:border-color .18s,box-shadow .18s}.clk-tz-select__input:hover{border-color:#0000002e}.clk-tz-select__input:focus-visible{border-color:#00000059;outline:none;box-shadow:0 0 0 3px #0000000f}.clk-install{left:50%;bottom:max(96px,calc(env(safe-area-inset-bottom) + 96px));z-index:35;-webkit-backdrop-filter:blur(28px)saturate(180%);color:#1a1a1a;background:#fffffff7;border:1px solid #0000000d;border-radius:14px;align-items:center;gap:12px;width:min(420px,100vw - 32px);padding:14px 14px 14px 18px;animation:.32s cubic-bezier(.16,1,.3,1) clk-install-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 1px 2px #0000000a,0 16px 40px #00000029}@keyframes clk-install-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.clk-install__body{flex:1;min-width:0}.clk-install__title{font-family:var(--font-clock-ui),sans-serif;letter-spacing:.02em;font-size:13px;font-weight:600}.clk-install__hint{color:#0009;align-items:center;gap:4px;margin-top:3px;font-size:12px;line-height:1.45;display:inline-flex}.clk-install__actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.clk-install__primary{font-family:var(--font-clock-ui),sans-serif;color:#fff;background:#1a1a1a;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .18s}.clk-install__primary:hover{background:#000}.clk-install__close{color:#00000080;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .18s;display:inline-flex}.clk-install__close:hover{background:#0000000d}@media (max-width:640px){.clk-time-wrap{font-size:calc(clamp(64px,23vw,160px)*var(--clk-font-scale,1))}.clk-time-wrap--compact{font-size:calc(clamp(34px,11vw,80px)*var(--clk-font-scale,1))}.clk-controls{border-radius:12px;height:52px;padding:5px 7px 5px 12px}.clk-controls__logo img{height:16px}.clk-controls__btn{width:38px;height:38px}.clk-controls__btn svg{width:18px;height:18px}.clk-panel{--clk-panel-width:100vw;width:100vw}.clk-panel__rail{margin:0 14px 10px}.clk-panel__rail-btn{height:38px}}@media (prefers-reduced-motion:reduce){.clk-panel,.clk-controls,.clk-stage,.clk-bg{transition:none}}}