.time-panel{position:fixed;right:22px;bottom:22px;z-index:20;width:268px;padding:14px 16px 12px;box-sizing:border-box;border-radius:22px;border:2.5px solid rgba(176,135,108,.55);background:#fffdf7d1;backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05);box-shadow:0 8px 22px #7a604e2e,inset 0 1px #ffffffe6;font-family:Nunito,Quicksand,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#6b5546;user-select:none;transition:background .5s ease,border-color .5s ease,opacity .6s ease}body.night .time-panel{background:#262c4cb8;border-color:#c4b2dc80;color:#e8e4f6;box-shadow:0 8px 26px #0a0e2266,inset 0 1px #ffffff29}.time-panel__title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;opacity:.92}.time-panel__title:before{content:"";width:9px;height:9px;border-radius:50%;background:#f0b978;box-shadow:0 0 0 3px #f0b97838}.time-panel__slider{-webkit-appearance:none;appearance:none;width:100%;height:12px;margin:2px 0 12px;border-radius:999px;outline:none;cursor:pointer;border:1.5px solid rgba(176,135,108,.35);background:linear-gradient(90deg,#2f3d72,#4a5a94 16%,#f2b6a4 26%,#ffd9a8 34%,#bfe0f5 44%,#dff0fa 58%,#ffd0a0 74%,#f0a08c 82%,#3b4676 92%,#2f3d72)}.time-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf6,#f7e3c4 62%,#e8c9a0);border:2.5px solid #b0876c;box-shadow:0 2px 6px #785c4659;transition:transform .15s ease}.time-panel__slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.time-panel__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fffdf6;border:2.5px solid #b0876c}.time-panel__readout{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700;letter-spacing:.04em}.time-panel__phase{display:flex;align-items:center;gap:6px}.time-panel__emoji{font-size:16px;line-height:1}.time-panel__clock{font-variant-numeric:tabular-nums;opacity:.82;font-size:14px}.time-panel__hint{margin-top:6px;font-size:11px;opacity:.55;letter-spacing:.02em}@media (max-width: 720px){.time-panel{width:216px;right:14px;bottom:14px;padding:12px 14px 10px}.time-panel__title,.time-panel__readout{font-size:14px}.time-panel__hint{display:none}}