:root{--cc-accent:#e8420a;--cc-accent-dim:rgba(232, 66, 10, 0.45);--cc-accent-glow:rgba(232, 66, 10, 0.15);--cc-bg:rgba(10, 4, 2, 0.97);--cc-border:rgba(232, 66, 10, 0.22);--cc-text:rgba(255, 215, 200, 0.92);--cc-text-dim:rgba(255, 185, 160, 0.5);--cc-panel-w:340px;--cc-tab-w:26px}.cc-tab{position:fixed;top:50%;left:0;transform:translateY(-50%);width:var(--cc-tab-w);height:56px;background:var(--cc-bg);border:1px solid var(--cc-border);border-left:none;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cc-accent-dim);transition:color .2s,background .2s,left .4s cubic-bezier(.16, 1, .3, 1);z-index:41;padding:0;opacity:0;pointer-events:none}.cc-tab--ready{opacity:1;pointer-events:auto}.cc-tab--open{left:340px}.cc-tab:hover{color:var(--cc-accent);background:rgba(232,66,10,.1)}.cc-tab svg{width:14px;height:14px;transition:transform .35s ease}.cc-tab--open svg{transform:rotate(180deg)}.cc-panel{position:fixed;top:50%;left:0;transform:translateY(-50%) translateX(calc(-1 * var(--cc-panel-w)));opacity:0;pointer-events:none;z-index:40;width:var(--cc-panel-w);background:var(--cc-bg);border:1px solid var(--cc-border);border-left:none;border-radius:0 12px 12px 0;box-shadow:6px 0 32px rgba(232,66,10,.1);transition:transform .4s cubic-bezier(.16, 1, .3, 1),opacity .3s ease;will-change:transform;contain:layout style paint;font-size:13px}.cc-panel::before{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:0}.cc-panel--ready{opacity:1;pointer-events:auto}.cc-panel--open{transform:translateY(-50%) translateX(0)}.cc-panel--closed{transform:translateY(-50%) translateX(calc(-1 * var(--cc-panel-w)))}.cc-body{position:relative;z-index:1;display:flex;flex-direction:row;align-items:stretch;padding:12px 0}.cc-left{display:flex;flex-direction:column;align-items:center;padding:0 10px;border-right:1px solid var(--cc-border);flex-shrink:0}.cc-toggle-row{display:flex;width:100%;border:1px solid var(--cc-border);border-radius:4px;overflow:hidden;margin-bottom:10px}.cc-mode-btn{flex:1;padding:5px 0;background:0 0;border:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--cc-text-dim);cursor:pointer;transition:background .2s,color .2s}.cc-mode-btn--active{background:var(--cc-accent-glow);color:var(--cc-accent)}.cc-mode-btn:not(.cc-mode-btn--active):hover{color:var(--cc-text)}.cc-clock-ring{position:relative;width:110px;height:110px;flex-shrink:0}.cc-ring-svg{width:110px;height:110px}.cc-ticks line{stroke:var(--cc-accent-dim)}.cc-arc-bg{stroke:rgba(232,66,10,0.08)}.cc-arc{stroke:var(--cc-accent);stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 3px var(--cc-accent-dim))}.cc-center-dot{fill:var(--cc-accent);filter:drop-shadow(0 0 3px var(--cc-accent))}.cc-digital{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.cc-time{font-family:var(--font-mono);font-size:17px;font-weight:700;letter-spacing:.04em;color:#fff;line-height:1;text-shadow:0 0 10px var(--cc-accent-dim)}.cc-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.15em;color:var(--cc-accent-dim);margin-top:5px;text-transform:uppercase}.cc-right{flex:1;display:flex;flex-direction:column;padding:0 10px;gap:0;overflow:hidden}.cc-cal{margin-bottom:8px}.cc-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cc-cal-nav{background:0 0;border:none;color:var(--cc-accent-dim);cursor:pointer;font-size:16px;line-height:1;padding:0 2px;transition:color .15s}.cc-cal-nav:hover{color:var(--cc-accent)}.cc-cal-title{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--cc-accent)}.cc-cal-days-head{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:3px}.cc-cal-days-head span{font-family:var(--font-mono);font-size:8px;color:var(--cc-text-dim);text-align:center}.cc-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.cc-day{font-family:var(--font-mono);font-size:9px;color:var(--cc-text);text-align:center;padding:3px 0;border-radius:2px;line-height:1.4}.cc-day--empty{visibility:hidden}.cc-day--sun{color:var(--cc-accent-dim)}.cc-day--today{background:var(--cc-accent-glow);border:1px solid var(--cc-accent);color:#fff;box-shadow:0 0 5px var(--cc-accent-dim)}.cc-status{border-top:1px solid var(--cc-border);padding:6px 0 5px;display:flex;flex-direction:column;gap:4px}.cc-status-row{display:flex;justify-content:space-between;align-items:center;gap:4px}.cc-status-row--alert{justify-content:flex-start;gap:6px}.cc-status-key{font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;color:var(--cc-text-dim);white-space:nowrap}.cc-status-val{font-family:var(--font-mono);font-size:9px;color:var(--cc-text);white-space:nowrap}.cc-dot{width:6px;height:6px;border-radius:50%;background:#00e676;flex-shrink:0;box-shadow:0 0 5px #00e676;animation:cc-pulse 2.4s ease-in-out infinite}.cc-dot--alert{background:var(--cc-accent);box-shadow:0 0 5px var(--cc-accent)}@keyframes cc-pulse{0%,100%{opacity:1}50%{opacity:.3}}.cc-countdown{border-top:1px solid var(--cc-border);padding-top:6px}.cc-countdown-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:var(--cc-text-dim);margin-bottom:3px}.cc-countdown-val{font-family:var(--font-mono);font-size:10px;color:var(--cc-accent);letter-spacing:.04em}@media (max-width:600px){.cc-panel,.cc-tab{display:none}}