*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0ede8;--card: #ffffff;--text: #1c1b18;--muted: #6b6860;--border: rgba(0,0,0,.08);--bar: #e8e4de;--input: #ffffff;--accent: #1a5fb4;--accent-bg: #e8f0fb;--accent-txt: #1a4a8a;--fer-bg: rgba(83,74,183,.07);--fer-c: #534AB7;--ft-bg: rgba(212,83,126,.07);--ft-c: #D4537E;--heu-bg: rgba(24,95,165,.07);--shadow: 0 1px 3px rgba(0,0,0,.06);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--font: "DM Sans", system-ui, sans-serif}.night{--bg: #111210;--card: #1e1e1b;--text: #ede9e3;--muted: #8a877f;--border: rgba(255,255,255,.07);--bar: #2a2a26;--input: #252522;--accent: #5b9bef;--accent-bg: rgba(91,155,239,.14);--accent-txt: #90bef5;--fer-bg: rgba(83,74,183,.16);--fer-c: #AFA9EC;--ft-bg: rgba(212,83,126,.16);--ft-c: #ED93B1;--heu-bg: rgba(24,95,165,.14)}html,body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5;transition:background .4s,color .4s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden;touch-action:manipulation;overscroll-behavior:contain}button,a,label,summary,[role=button],[role=tab],[role=menuitem],.btn,.card-hover{touch-action:manipulation}input,textarea,select{touch-action:manipulation;font-size:16px;font-family:var(--font);-webkit-text-size-adjust:none;text-size-adjust:none;user-select:text;-webkit-user-select:text;scroll-margin-bottom:calc(var(--bottom-nav-h, 80px) + 24px);scroll-margin-top:80px}input:focus,textarea:focus,select:focus{outline-offset:2px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-width:20px;min-height:20px;touch-action:manipulation;cursor:pointer}.card{background:var(--card);border:.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:background .4s,border-color .2s}.card-hover:hover{border-color:#1a5fb44d;cursor:pointer}.lbl{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;text-transform:uppercase}.btn{cursor:pointer;padding:6px 14px;border-radius:999px;border:.5px solid var(--border);background:transparent;color:var(--text);font-size:12px;font-weight:500;font-family:var(--font);transition:all .15s;white-space:nowrap}.btn:hover{background:var(--bar)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.btn-green{background:#2e7d32!important;color:#fff!important;border-color:#2e7d32!important}.btn-red{background:#b71c1c!important;color:#fff!important;border-color:#b71c1c!important}.btn-amber{background:#e65100!important;color:#fff!important;border-color:#e65100!important}.btn-pink{background:#880e4f!important;color:#fff!important;border-color:#880e4f!important}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:500}.pill-green{background:#e8f5e9;color:#1b5e20}.pill-blue{background:#e8f0fb;color:#1a4a8a}.pill-amber{background:#fff8e1;color:#e65100}.pill-red{background:#fdecea;color:#b71c1c}.pill-pink{background:#fce4ec;color:#880e4f}.pill-purple{background:#ede7f6;color:#4527a0}.pill-teal{background:#e0f2f1;color:#004d40}.pill-gray{background:var(--bar);color:var(--muted)}.toggle{width:38px;height:22px;border-radius:11px;background:var(--bar);border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;padding:0}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(16px)}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=time],select,textarea{background:var(--input);color:var(--text);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;font-family:var(--font);width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted)}select.compact{width:auto;padding:5px 10px;font-size:12px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:3px;background:var(--bar);outline:none;cursor:pointer;padding:0;border:none;flex:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2.5px solid var(--card);box-shadow:0 1px 4px #00000040}.tog-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:.5px solid var(--border)}.tog-row:last-child{border-bottom:none}.sel-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:.5px solid var(--border)}.sel-row:last-child{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.modal-box{background:var(--card);border-radius:18px;padding:20px;width:92%;max-width:500px;max-height:min(88vh,100dvh);overflow:hidden;display:flex;flex-direction:column;border:.5px solid var(--border);animation:slideUp .2s ease}.modal-body{flex:1 1 auto;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal-footer{flex-shrink:0;background:var(--card)}.overlay-bday{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.overlay-unwetter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d1;display:flex;align-items:center;justify-content:center}.overlay-pkg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#00000080;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.scan-dot{width:6px;height:6px;border-radius:50%;background:#4caf50;animation:pulse-dot 2s ease-in-out infinite;display:inline-block}.sep{border-top:.5px solid var(--border);margin:10px 0;padding-top:10px}.ev-chip{border-radius:0 4px 4px 0;padding:2px 5px;font-size:9px;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:block;border-left:2.5px solid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-red{0%,to{box-shadow:0 0 #e5393559}50%{box-shadow:0 0 0 18px #e5393500}}@keyframes pulse-pink{0%,to{box-shadow:0 0 #c2185b4d}50%{box-shadow:0 0 0 14px #c2185b00}}@keyframes pulse-grn{0%,to{box-shadow:0 0 #2e7d324d}50%{box-shadow:0 0 0 12px #2e7d3200}}@keyframes mic-pulse{0%,to{box-shadow:0 0 #1a5fb466}50%{box-shadow:0 0 0 12px #1a5fb400}}@keyframes sway{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes eq-bar{0%,to{height:4px}50%{height:18px}}@keyframes wake-pulse{0%,to{box-shadow:0 0 #00ff8840}50%{box-shadow:0 0 0 10px #0f80}}@keyframes wake-glow{0%,to{opacity:.25}50%{opacity:.9}}@keyframes countdown-tick{0%{transform:scaleY(.7);opacity:.4}60%{transform:scaleY(1.06)}to{transform:scaleY(1);opacity:1}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.page-wrapper,.page-wrapper>*,[class*=page-],.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.page-wrapper{height:calc(100dvh - var(--bottom-nav-h, 80px));overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 640px){.btn{min-height:40px;padding:8px 16px;font-size:13px}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=time],select,textarea{font-size:16px;padding:10px 14px}.toggle{width:44px;height:26px;border-radius:13px}.toggle:after{width:20px;height:20px}.toggle.on:after{transform:translate(18px)}.ev-chip{font-size:8px;padding:1px 4px}}@media (max-width: 768px){.modal-overlay{z-index:9999}.modal-box{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;max-height:100%;border-radius:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:100px}.modal-body{overflow:visible;flex:unset;min-height:unset}.modal-footer{position:sticky;bottom:0;background:var(--card);border-top:.5px solid var(--border);margin:0 -20px;padding:12px 20px calc(8px + env(safe-area-inset-bottom,0px))}}*{-webkit-overflow-scrolling:touch}:root{--bottom-nav-h: 80px}@media (max-width: 640px){:root{--bottom-nav-h: 64px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--card);border-top:.5px solid var(--border);display:flex;align-items:stretch;z-index:50;transition:background .4s;overscroll-behavior:none}.bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;cursor:pointer;font-family:var(--font);font-size:10px;font-weight:500;color:var(--muted);transition:color .2s,background .2s;padding:6px 2px;position:relative;min-width:0}.bottom-nav-btn .nav-icon{font-size:22px;line-height:1.2}.bottom-nav-btn .nav-label{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px}.bottom-nav-btn .nav-badge{position:absolute;top:4px;right:calc(50% - 18px);background:#e65100;color:#fff;border-radius:999px;font-size:8px;font-weight:700;padding:1px 4px;min-width:14px;text-align:center}.bottom-nav-btn.active{color:var(--accent)}.bottom-nav-btn.active:after{content:"";position:absolute;top:0;left:15%;right:15%;height:2.5px;background:var(--accent);border-radius:0 0 3px 3px}.page-wrapper{height:calc(100dvh - var(--bottom-nav-h) - env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;padding-bottom:16px}.home-layout{height:calc(100dvh - var(--bottom-nav-h) - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.widget-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,1fr);gap:6px;padding:6px;overflow:hidden;position:relative}.widget-cell{min-width:0;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column}.widget-cell>*{flex:1;min-height:0}.widget-cell>.card{height:100%}.widget-cell-edit{outline:2px solid #90caf9;border-radius:var(--radius-lg);cursor:grab}.widget-cell-edit:active{cursor:grabbing}.widget-remove-btn{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:#1e1e1eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border:none;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;z-index:20;touch-action:manipulation;line-height:1}.widget-remove-btn:hover{background:#e53935}.widget-resize-handle{position:absolute;bottom:3px;right:3px;width:22px;height:22px;cursor:se-resize;background:#1e1e1e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;z-index:20;touch-action:none;display:flex;align-items:center;justify-content:center;color:#ffffffd9;font-size:12px;-webkit-user-select:none;user-select:none}.widget-resize-handle:after{content:"⇲"}.widget-edit-btn{position:fixed;bottom:calc(var(--bottom-nav-h) + 10px);right:16px;width:56px;height:56px;border-radius:50%;background:var(--card);border:.5px solid var(--border);box-shadow:0 2px 12px #0000002e;font-size:20px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;touch-action:manipulation;transition:background .2s,transform .15s}.widget-edit-btn:hover{transform:scale(1.08)}.widget-edit-panel{position:fixed;bottom:calc(var(--bottom-nav-h) + 4px);left:8px;right:80px;background:var(--card);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:10px 12px;display:flex;gap:8px;align-items:flex-start;z-index:99;box-shadow:0 -4px 20px #00000024;max-height:160px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.home-header{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:.5px solid var(--border);flex-shrink:0}.home-time{font-size:52px;font-weight:300;letter-spacing:-2px;line-height:1;color:var(--text);flex-shrink:0}.home-date-str{font-size:15px;font-weight:600}.home-greeting{font-size:12px;color:var(--muted)}.home-main{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;padding:10px 12px 6px;flex:1 1 55%;min-height:0;overflow:hidden}.home-left{background:var(--card);border:.5px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 12px;transition:background .4s;min-height:0;overflow:hidden}.home-right{display:flex;flex-direction:column;min-height:0;overflow:hidden}.home-right .card{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.home-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:6px 12px 10px;flex:1 1 45%;min-height:0;overflow:hidden}.home-bottom .card{overflow:hidden}.mic-btn{width:80px;height:80px;min-height:80px;border-radius:50%;border:2.5px solid var(--border);background:var(--bar);cursor:pointer;font-size:32px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .15s;flex-shrink:0;transform:translateZ(0)}.mic-btn:hover{transform:scale(1.05) translateZ(0)}.mic-btn:active{transform:scale(.95) translateZ(0)}.mic-btn-active{background:var(--accent);border-color:var(--accent);animation:mic-pulse 2s ease-in-out infinite}.mic-btn-command{background:#ff6f00;border-color:#ff6f00;animation:mic-pulse .8s ease-in-out infinite}.gpu-accelerate{transform:translateZ(0);will-change:transform;backface-visibility:hidden}@media (max-width: 768px){.home-main{grid-template-columns:1fr}.home-right{display:none}.home-layout{height:auto;overflow:auto}.home-bottom{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.home-header{padding:8px 12px;gap:8px;flex-wrap:wrap}.home-time{font-size:38px}.home-main{padding:8px;gap:8px}.home-bottom{padding:0 8px 8px;grid-template-columns:1fr}.bottom-nav-btn .nav-icon{font-size:18px}.bottom-nav-btn .nav-label{font-size:8px}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:999;padding:8px 16px;font-size:13px;font-weight:600;text-align:center;color:#fff;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}