:root{color:#20252b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eee9dd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{min-height:100%}body{min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:inherit}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{background:#111318;margin:0}button,input,textarea,select{font:inherit}button,a,select,input,textarea{outline-color:var(--focus)}button{border:0}.app{--bg:#f5f2e8;--surface:#fffdf7;--surface-2:#ece7d8;--panel:#1d2228;--panel-2:#2a3037;--text:#1c2026;--muted:#6c7179;--invert-text:#f7f4ea;--border:#1c20261f;--strong-border:#1c202633;--accent:#d34f36;--accent-2:#0b8c7c;--accent-3:#e2b43f;--focus:#0b8c7c;--shadow:0 18px 45px #1a1c2224;width:100%;min-height:100vh;color:var(--text);background:linear-gradient(90deg, #1c20260a 1px, transparent 1px), linear-gradient(180deg, #1c20260a 1px, transparent 1px), var(--bg);background-size:42px 42px;display:flex}.theme-light{--bg:#f6f7f3;--surface:#fff;--surface-2:#e7ebe5;--panel:#26302d;--panel-2:#34413d;--text:#18201e;--muted:#68726e;--invert-text:#f7fbf8;--accent:#c75b2c;--accent-2:#2b7b8d;--accent-3:#d8a72f;--shadow:0 18px 44px #2a36321f}.theme-night{--bg:#101113;--surface:#191b1f;--surface-2:#25282e;--panel:#f1eee6;--panel-2:#ded9cc;--text:#f2f0eb;--muted:#a9a59b;--invert-text:#1d1c18;--border:#f2f0eb24;--strong-border:#f2f0eb3d;--accent:#f07245;--accent-2:#50c5b7;--accent-3:#e6bf55;--shadow:0 18px 45px #00000047}.theme-command{--bg:#eee9dd;--surface:#fffaf0;--surface-2:#e4ded0;--panel:#20252b;--panel-2:#303740;--text:#20252b;--muted:#6f756f;--invert-text:#fffaf0;--accent:#c94831;--accent-2:#087d73;--accent-3:#d9a930}.sidebar{background:var(--panel);width:84px;height:100vh;color:var(--invert-text);border-right:1px solid #ffffff14;flex-direction:column;align-items:center;gap:24px;padding:20px 14px;display:flex;position:sticky;top:0}.brand-mark,.tool-mark,.status-icon{flex:none;place-items:center;display:grid}.brand-mark{color:#101113;background:var(--accent-3);border-radius:8px;width:48px;height:48px}.sidebar-icons{gap:10px;display:grid}.side-button,.icon-button{cursor:pointer;border-radius:8px;place-items:center;display:grid}.side-button{width:48px;height:48px;color:inherit;background:0 0;border:1px solid #0000;transition:background .16s,border-color .16s,transform .16s}.side-button:hover,.side-button.active{background:#ffffff1a;border-color:#ffffff24;transform:translateY(-1px)}.workspace{width:min(100%,1500px);margin:0 auto;padding:26px}.topbar,.overview,.tool-grid,.panel-header,.hero-actions,.timer-buttons,.tool-card-top,.panel-title,.input-action,.history-row,.task-row,.score-strip,.link-list a,.mode-card{display:flex}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.section-kicker{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800;line-height:1}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin:0;font-size:clamp(2.35rem,5vw,4.9rem);line-height:.92}h2{letter-spacing:0;margin:0;line-height:1.02}.theme-switcher{border:1px solid var(--border);background:var(--surface);min-height:46px;box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.theme-switcher select{color:var(--text);background:0 0;border:0;font-weight:800}option{color:#111318}.overview{align-items:stretch;gap:16px;margin-bottom:16px}.command-hero,.status-card,.tool-card,.tool-panel,.calc-device,.side-list,.note-editor,.task-editor,.timer-dial,.timer-controls,.forecast-card,.planner-controls,.qr-preview,.qr-controls,.password-output,.password-controls,.map-console,.link-list,.score-strip,.game-board{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.command-hero{background:linear-gradient(135deg, #087d731f, transparent 42%), var(--surface);flex:1;grid-template-columns:minmax(0,1.2fr) minmax(220px,.55fr);align-items:center;gap:22px;min-height:318px;padding:clamp(20px,3vw,36px);display:grid;overflow:hidden}.hero-copy h2{max-width:820px;font-size:clamp(2rem,5vw,4.7rem)}.hero-copy p{max-width:62ch}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px}.command-hero img{filter:drop-shadow(0 18px 32px #20252b3d);justify-self:center;width:min(100%,310px)}.status-card{background:var(--panel);width:245px;color:var(--invert-text);padding:22px}.status-icon{color:#111318;background:var(--accent-2);border-radius:8px;width:48px;height:48px;margin-bottom:26px}.status-card .section-kicker{color:color-mix(in srgb, var(--invert-text) 62%, transparent)}.status-card strong{font-size:4rem;line-height:.9;display:block}.status-card span{color:color-mix(in srgb, var(--invert-text) 72%, transparent);font-weight:700}.meter{background:#ffffff1f;border-radius:999px;height:9px;margin-top:32px;overflow:hidden}.meter i{border-radius:inherit;background:var(--accent-3);height:100%;display:block}.command-button{color:#fffaf0;background:var(--accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-weight:900;display:inline-flex;box-shadow:0 12px 22px #c9483138}.command-button.secondary{color:var(--text);background:var(--surface-2);box-shadow:none}.tool-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.tool-card{text-align:left;min-height:188px;color:var(--text);background:var(--surface);cursor:pointer;flex-direction:column;justify-content:space-between;padding:18px;transition:border-color .16s,transform .16s,box-shadow .16s}.tool-card:hover{border-color:var(--strong-border);transform:translateY(-3px);box-shadow:0 22px 48px #1a1c2229}.tool-card.medium{grid-column:span 4}.tool-card.wide,.tool-card.large{grid-column:span 6}.tool-card-top{justify-content:space-between;align-items:center;gap:12px}.tool-mark{width:42px;height:42px;color:var(--text);background:var(--surface-2);border-radius:8px}.tool-card:nth-child(3n+1) .tool-mark{background:#c9483129}.tool-card:nth-child(3n+2) .tool-mark{background:#087d7329}.tool-card:nth-child(3n+3) .tool-mark{background:#d9a93038}.tool-status{max-width:140px;min-height:28px;color:var(--muted);background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:.76rem;font-weight:800;display:inline-flex}.tool-copy{gap:6px;display:grid}.tool-copy span,.tool-copy em{color:var(--muted);font-size:.9rem;font-style:normal}.tool-copy strong{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.05}.panel-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1113188f;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.tool-panel{background:var(--surface);width:min(100%,1040px);max-height:calc(100vh - 48px);padding:20px;overflow:auto}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.panel-title{align-items:center;gap:12px;min-width:0}.panel-header h2{font-size:clamp(1.8rem,4vw,3.2rem)}.icon-button{width:42px;height:42px;color:var(--text);cursor:pointer;background:0 0}.icon-button.filled{color:#fffaf0;background:var(--accent-2)}.icon-button.subtle{background:var(--surface-2)}.tool-surface-grid{grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:14px;display:grid}.calc-device,.side-list,.note-editor,.task-editor,.timer-controls,.planner-controls,.qr-controls,.password-controls,.map-console,.link-list{background:var(--surface-2);padding:16px}.calc-device{background:var(--panel);color:var(--invert-text)}.calc-display{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px;min-height:142px;padding:14px 4px 20px;display:flex}.calc-display span{color:#fffaf09e;text-transform:uppercase;align-self:flex-start;font-size:.78rem;font-weight:900}.calc-display p,.calc-display strong{white-space:nowrap;max-width:100%;margin:0;overflow-x:auto}.calc-display p{color:#fffaf0a3;font-size:1.25rem}.calc-display strong{font-size:clamp(2.4rem,6vw,4.7rem);line-height:.95}.calc-pad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.calc-key{min-height:60px;color:var(--invert-text);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;font-weight:900}.calc-key.operator{color:#101113;background:var(--accent-3)}.calc-key.equals{background:var(--accent-2);color:#fffaf0;grid-column:span 2}.side-list{align-content:start;gap:10px;display:grid}.history-row,.empty-row{width:100%;min-height:56px;color:var(--text);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px}.history-row{cursor:pointer}.history-row span,.empty-row{color:var(--muted)}.notes-tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.note-editor textarea,.qr-controls textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:330px;color:var(--text);background:var(--surface);border-radius:8px;padding:14px}.task-editor{flex-direction:column;display:flex}.input-action{align-items:center;gap:8px}.input-action input,.planner-controls input{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:var(--surface);border-radius:8px;padding:0 12px}.task-list{align-content:start;gap:8px;margin-top:12px;display:grid}.task-row{background:var(--surface);border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:8px}.task-row span{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:800}.task-row.done span{color:var(--muted);text-decoration:line-through}.check-button{width:34px;height:34px;color:var(--accent-2);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:grid}.timer-tool,.weather-tool,.qr-tool,.password-tool,.map-tool,.game-tool{grid-template-columns:minmax(280px,.86fr) minmax(0,1fr);gap:14px;display:grid}.timer-dial{min-height:380px;color:var(--invert-text);background:conic-gradient(var(--accent-2) var(--progress), #ffffff1f 0), var(--panel);align-content:center;place-items:center;gap:10px;display:grid}.timer-dial span,.timer-dial p{color:#fffaf0ad;font-weight:800}.timer-dial strong{font-size:clamp(3.5rem,8vw,6.3rem);line-height:1}.timer-controls{align-content:center;gap:18px;display:grid}.segmented{background:var(--surface);border-radius:8px;gap:8px;padding:4px;display:flex}.segmented.wrap{flex-wrap:wrap}.segmented button{min-width:64px;min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;flex:1;font-weight:900}.segmented button.active{color:#fffaf0;background:var(--accent-2)}.timer-buttons{flex-wrap:wrap;gap:10px}.forecast-card{min-height:270px;color:var(--invert-text);background:var(--panel);align-content:end;gap:18px;padding:22px;display:grid}.forecast-card strong{font-size:clamp(3rem,7vw,5.6rem);line-height:.92;display:block}.forecast-card span{color:#fffaf0b8;font-weight:700}.planner-controls{gap:14px;display:grid}.planner-controls label,.password-controls label{color:var(--muted);gap:8px;font-weight:800;display:grid}.planner-controls input[type=range],.password-controls input[type=range]{accent-color:var(--accent-2);padding:0}.qr-preview{aspect-ratio:1;background:#fff;place-items:center;width:min(100%,380px);padding:24px;display:grid}.qr-preview img{width:100%;height:100%;image-rendering:pixelated;display:block}.qr-controls{align-content:start;gap:12px;display:grid}.qr-controls textarea{min-height:180px}.tool-warning{color:var(--accent);margin:0;font-weight:800}.password-output{text-align:center;min-height:300px;color:var(--invert-text);background:var(--panel);align-content:center;place-items:center;gap:18px;padding:22px;display:grid}.password-output strong{overflow-wrap:anywhere;background:#ffffff14;border-radius:8px;width:100%;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.password-controls{align-content:center;gap:18px;display:grid}.toggle-row{grid-template-columns:auto 1fr;align-items:center}.toggle-row input{width:20px;height:20px;accent-color:var(--accent-2)}.map-console{align-content:center;gap:14px;min-height:260px;display:grid}.link-list{flex-direction:column;gap:10px}.link-list a,.mode-card{min-height:62px;color:var(--text);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;font-weight:900;text-decoration:none}.music-tool{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mode-card{min-height:138px;box-shadow:var(--shadow);border:1px solid var(--border);flex-direction:column;align-items:flex-start}.game-tool{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}.score-strip{background:var(--panel);min-height:180px;color:var(--invert-text);flex-direction:column;place-content:center;align-items:flex-start;gap:10px;padding:18px}.score-strip span{color:#fffaf0ad;font-weight:800}.score-strip strong{font-size:3.6rem;line-height:1}.game-board{background:var(--surface-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;display:grid}.tile{aspect-ratio:1;color:#101113;cursor:pointer;background:#f6d66d;border-radius:8px;min-width:0;font-size:clamp(1.4rem,4vw,2.8rem);font-weight:900}.tile.selected{box-shadow:0 0 0 4px var(--accent-2) inset}.tile-4{background:#efa35f}.tile-8{background:#e97754}.tile-16{background:#54b7a7}.tile-32{background:#60a4bf}.tile-64{background:#d1a14a}@media (width<=1180px){.tool-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tool-card.medium,.tool-card.wide,.tool-card.large{grid-column:span 3}.overview{flex-direction:column}.status-card{width:100%}}@media (width<=840px){.app{display:block}.sidebar{flex-direction:row;justify-content:space-between;width:100%;height:auto;padding:12px;position:static}.sidebar-icons{display:flex;overflow-x:auto}.workspace{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.command-hero{grid-template-columns:1fr}.command-hero img{width:190px}.tool-grid,.notes-tool,.tool-surface-grid,.timer-tool,.weather-tool,.qr-tool,.password-tool,.map-tool,.game-tool,.music-tool{grid-template-columns:1fr}.tool-card.medium,.tool-card.wide,.tool-card.large{grid-column:span 1}.panel-backdrop{place-items:stretch stretch;padding:12px}.tool-panel{max-height:calc(100vh - 24px)}}@media (width<=520px){.workspace{padding:12px}.hero-actions,.timer-buttons{display:grid}.command-button{width:100%}.tool-card{min-height:170px}.tool-card-top{flex-direction:column;align-items:flex-start}.panel-header{align-items:flex-start}.calc-key{min-height:52px}.game-board{gap:7px;padding:8px}}