html,body{margin:0;padding:0;width:100%;height:100vh;height:100dvh;overflow:hidden}body{background:#111;color:#ddd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;transition:background-color .4s;cursor:pointer}#app,#app>.layout{width:100%;height:100%}#clock{display:block;width:100vw;height:100vh;height:100dvh}@keyframes drawOn{to{stroke-dashoffset:0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes blink{50%{opacity:.32}}.breathe-host{animation:breathe 3.4s ease-in-out infinite;transform-origin:600px 100px;transform-box:view-box}.blink-sep{animation:blink 1s steps(2) infinite}.fs-btn,.share-btn,.gear-toggle{position:fixed;z-index:60;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#14141473;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#ffffff8c;font-size:16px;cursor:pointer;user-select:none;backdrop-filter:blur(6px);transition:opacity .3s ease,background .2s,color .2s,border-color .2s}.fs-btn{bottom:max(20px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left))}.share-btn{bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right))}.gear-toggle{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right))}.fs-btn:hover,.share-btn:hover,.gear-toggle:hover{background:#282828d9;color:#fff;border-color:#ffffff4d}.layout.idle .fs-btn,.layout.idle .gear-toggle,.layout.idle .share-btn{opacity:0;pointer-events:none}body:has(.settings-panel.open) .gear-toggle{opacity:1!important;pointer-events:auto!important}.settings-panel{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:320px;background:#1a1a1a;border-left:1px solid #333;box-shadow:-8px 0 32px #00000080;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;z-index:100;padding:0;font-size:13px}.settings-panel.open{transform:translate(0)}.settings-panel header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2a2a2a;position:sticky;top:0;background:#1a1a1a;z-index:1}.settings-panel header h3{margin:0;font-size:14px;color:#eee}.settings-panel section{padding:12px 20px;border-bottom:1px solid #222}.settings-panel section h4{margin:0 0 12px;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:1.5px}.settings-panel .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.settings-panel .row label{color:#ccc;font-size:12px;flex:0 0 90px}.settings-panel .row .ctrl{flex:1;display:flex;align-items:center;gap:6px;justify-content:flex-end}.settings-panel select,.settings-panel input[type=color]{background:#2a2a2a;color:#eee;border:1px solid #444;border-radius:4px;padding:4px 6px;font-size:12px}.settings-panel input[type=color]{width:32px;height:24px;padding:0;cursor:pointer}.settings-panel input[type=range]{width:110px;accent-color:#06d6a0}.settings-panel .pill-group{display:inline-flex;border:1px solid #333;border-radius:6px;overflow:hidden}.settings-panel .pill-group button{padding:3px 8px;font-size:11px;border:0;background:#222;color:#999;border-radius:0;cursor:pointer;min-width:28px}.settings-panel .pill-group button.active{background:#06d6a0;color:#111}.settings-panel .pill-group button:hover:not(.active){background:#2a2a2a;color:#ccc}.settings-panel .lock-cb{accent-color:#06d6a0;cursor:pointer}.settings-panel .num-display{color:#888;font-size:11px;min-width:28px;text-align:right}.settings-panel .reset-btn{background:transparent;border:0;color:#666;cursor:pointer;font-size:14px;padding:0 4px}.settings-panel .reset-btn:hover{color:#ccc}.settings-panel button{border:1px solid #444;background:#1f1f1f;color:#eee;border-radius:6px;cursor:pointer}.settings-panel .header-ctrl{display:inline-flex;align-items:center;gap:8px}.settings-panel .locale-toggle{margin-right:4px}.settings-panel .locale-toggle button{padding:2px 7px;font-size:11px;min-width:26px;font-weight:600}.shortcuts-hint{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(8px);pointer-events:auto;opacity:0;transition:opacity .25s}.shortcuts-hint.show{opacity:1}.shortcuts-hint .card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:24px 32px;font-size:14px;color:#ddd;min-width:320px;box-shadow:0 16px 40px #0009}.shortcuts-hint h3{margin:0 0 16px;font-size:13px;color:#06d6a0;letter-spacing:1.5px;text-transform:uppercase}.shortcuts-hint table{border-collapse:collapse;width:100%}.shortcuts-hint td{padding:6px 12px 6px 0;vertical-align:top}.shortcuts-hint td:first-child{color:#eee;font-family:ui-monospace,Menlo,monospace;font-size:12px;white-space:nowrap}.shortcuts-hint td:last-child{color:#999}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#06d6a0eb;color:#111;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;z-index:150;opacity:0;pointer-events:none;transition:opacity .3s}.toast.show{opacity:1}