.cd-mode{width:100%}@media (width>=640px){.cd-mode{max-width:360px}}.cd-screen{flex-direction:column;height:232px;padding:10px 14px 14px;display:flex}@media (width>=1024px){.cd-screen{height:380px;padding:18px 28px 24px}}.cd-pulse{background:var(--accent);opacity:.55;pointer-events:none;animation:1.2s ease-in-out infinite cd-pulse;position:absolute;inset:0}@keyframes cd-pulse{0%,to{opacity:.12}50%{opacity:.72}}.cd-top{min-height:40px;color:var(--screen-muted);justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex;position:relative}.cd-top span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width>=1024px){.cd-top{font-size:17px}}.is-ringing .cd-top{color:var(--screen-ink)}.cd-fs{border:1px solid var(--screen-line-2);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--screen-ink);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;margin-inline-start:auto;padding:0;display:inline-flex}.cd-fs:hover{border-color:var(--screen-muted)}.cd-fs svg{width:18px;height:18px}.cd-time{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap;direction:ltr;margin:auto 0;font-size:84px;font-weight:200;font-stretch:125%;line-height:1;position:relative}.cd-time--long{font-size:60px}@media (width>=1024px){.cd-time{font-size:clamp(120px,11vw,188px)}.cd-time--long{font-size:clamp(92px,8vw,142px)}}.cd-bar{background:var(--screen-line);border-radius:2px;height:8px;position:relative;overflow:hidden}.cd-bar div{background:var(--trace);transform-origin:0;height:100%}[dir=rtl] .cd-bar div{transform-origin:100%}@media (width>=1024px){.cd-bar{height:12px}}.is-ringing .cd-bar{background:#15151559}.cd-foot{color:var(--screen-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;display:flex;position:relative}@media (width>=1024px){.cd-foot{margin-top:14px;font-size:14px}}.is-ringing .cd-foot{color:var(--screen-ink)}.cd-tiles{direction:ltr;grid-template-columns:repeat(4,minmax(0,1fr));margin:auto 0;display:grid;position:relative}.cd-tile{border-inline-start:1px solid var(--screen-line-2);flex-direction:column;align-items:center;gap:8px;min-width:0;padding:2px 4px;display:flex}.cd-tile:first-child{border-inline-start:0}.cd-tile b{font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap;font-size:46px;font-weight:200;font-stretch:125%;line-height:1}.cd-tiles--wide .cd-tile:first-child b{font-size:32px}.cd-tile span{color:var(--screen-muted);font-size:13px}@media (width>=1024px){.cd-tile{gap:12px}.cd-tile b{font-size:clamp(64px,6.4vw,112px)}.cd-tiles--wide .cd-tile:first-child b{font-size:clamp(44px,4.4vw,76px)}.cd-tile span{font-size:16px}}.cd-screen:fullscreen{border-radius:0;width:100%;height:100%;padding:3vh 4vw 5vh}.cd-screen:fullscreen .cd-time{font-size:min(25vw,54vh)}.cd-screen:fullscreen .cd-time--long{font-size:min(18vw,44vh)}.cd-screen:fullscreen .cd-bar{height:14px}.cd-screen:fullscreen .cd-foot{font-size:18px}.cd-screen:fullscreen .cd-tile b{font-size:min(13vw,34vh)}.cd-screen:fullscreen .cd-tile span{font-size:20px}.cd-screen:-webkit-full-screen{border-radius:0;width:100%;height:100%;padding:3vh 4vw 5vh}.cd-screen:-webkit-full-screen .cd-time{font-size:min(25vw,54vh)}.cd-screen:-webkit-full-screen .cd-time--long{font-size:min(18vw,44vh)}.cd-screen:-webkit-full-screen .cd-tile b{font-size:min(13vw,34vh)}.cd-presets{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cd-presets button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:48px;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;padding:0;font-size:16px;transition:background-color .15s,color .15s}.cd-presets button:hover{border-color:var(--input)}.cd-presets [aria-pressed=true],.cd-presets [aria-pressed=true]:hover{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}.cd-custom{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cd-custom label{min-width:0;color:var(--muted);text-align:center;flex-direction:column;gap:4px;font-size:13px;display:flex}.cd-custom .input{text-align:center;font-variant-numeric:tabular-nums;padding:0 6px;font-size:20px}.cd-hints{display:none}@media (width>=1024px) and (hover:hover){.cd-hints{color:var(--muted);flex-wrap:wrap;gap:6px 18px;font-size:14px;display:flex}.cd-hints kbd{color:var(--ink);font-family:inherit;font-weight:700}}