:root{--bg:#08080c;--panel:rgba(18,18,25,.74);--panel2:rgba(22,22,31,.95);--border:rgba(255,255,255,.09);--text:#f5f5f7;--muted:#9495a0;--accent:#9b87f5;--danger:#ff6b7d;--shadow:0 24px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.app{position:relative;min-height:100vh;padding:24px;overflow:hidden}.app:before{content:"";position:fixed;inset:-20%;background:radial-gradient(circle at 50% 10%,rgba(132,102,255,.18),transparent 32%),radial-gradient(circle at 8% 85%,rgba(67,115,255,.1),transparent 25%);pointer-events:none}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%);opacity:.22;pointer-events:none}.container{position:relative;z-index:1;width:min(1180px,100%);margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:42px}.brand{font:500 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#c1c2ca}.subbrand{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#50525d;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.top-actions{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.035);color:var(--muted);display:grid;place-items:center;transition:.18s ease}.icon-btn:hover{color:var(--text);background:rgba(255,255,255,.07);transform:translateY(-1px)}
.hero{text-align:center;padding:6px 0 30px}.clock{font-size:clamp(64px,10vw,132px);font-weight:800;line-height:.88;letter-spacing:-.08em}.clock .ampm{font-size:.34em;color:var(--muted);letter-spacing:-.02em;vertical-align:25%;margin-left:8px}.date{margin-top:17px;color:var(--muted);font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.18em}.search-wrap{width:min(760px,100%);margin:32px auto 0}.search{height:58px;border:1px solid var(--border);border-radius:18px;background:rgba(17,17,24,.78);backdrop-filter:blur(18px);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;padding:0 14px;transition:.2s ease}.search:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 11%,transparent),var(--shadow)}.search .glass{font-size:19px;color:#838591}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.search input::placeholder{color:#676974}.engine{border:1px solid var(--border);background:rgba(255,255,255,.04);color:#888a95;border-radius:9px;padding:8px 10px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:20px;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panel.wide{margin-top:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:14px}.panel-title{display:flex;align-items:center;gap:8px;color:#c3c4cc;font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted)}.list{display:flex;flex-direction:column;gap:7px}.list-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;background:rgba(255,255,255,.025);transition:.18s ease}.list-item:hover{background:rgba(255,255,255,.055);transform:translateX(2px)}.link-label{font-size:13px}.domain{margin-left:auto;color:#666874;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.task-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px}.task-row:hover{background:rgba(255,255,255,.03)}.checkbox{width:18px;height:18px;border:1px solid #565864;border-radius:6px;background:transparent;color:#09090c;display:grid;place-items:center;flex:none}.checkbox.done{border-color:var(--accent);background:var(--accent)}.task-text{flex:1;font-size:13px}.task-done{color:#626471;text-decoration:line-through}.delete-btn{border:0;background:transparent;color:#555761}.delete-btn:hover{color:var(--danger)}.add-row{display:flex;gap:8px;margin-top:10px}.small-input{flex:1;min-width:0;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,.13);color:var(--text);padding:10px;outline:0}.small-input:focus{border-color:color-mix(in srgb,var(--accent) 52%,transparent)}.accent-btn{border:0;border-radius:10px;background:var(--accent);color:#0b0b10;padding:0 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px}.accent-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.accent-btn.big{padding:11px 15px}.footer-hint{text-align:center;padding:27px 0 5px;color:#4e505c;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}.fade{animation:fade .55s ease both}@keyframes fade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.overlay{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.55);backdrop-filter:blur(9px);display:grid;place-items:start center;padding-top:12vh}.drawer{position:fixed;right:0;top:0;width:min(390px,94vw);height:100%;overflow:auto;background:var(--panel2);border-left:1px solid var(--border);padding:24px;box-shadow:-22px 0 70px rgba(0,0,0,.45);animation:slide .22s ease}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.drawer label{display:block;color:#898b96;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{border:1px solid var(--border);background:rgba(255,255,255,.03);color:#8d8f99;border-radius:10px;padding:10px;font-size:11px}.choice.active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.choice.full{width:100%;text-align:left;margin-bottom:8px}.accent-row{display:flex;gap:10px;margin-bottom:25px}.accent-dot{width:30px;height:30px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px rgba(255,255,255,.14)}.accent-dot.active{border-color:#fff}.drawer-note{margin-top:25px;color:#656873;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;border-top:1px solid var(--border);padding-top:17px}.ghost-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.03);color:#a2a4ad;font-size:11px}.ghost-btn:hover{background:rgba(255,255,255,.06);color:#fff}@keyframes slide{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}
.command{width:min(620px,92vw);background:rgba(15,15,22,.98);border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.6);overflow:hidden}.command-search{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--border);color:#7f818c}.command-search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.command-search kbd{border:1px solid var(--border);padding:5px 7px;border-radius:7px;color:#858792;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.command-row{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px 16px}.command-row:hover{background:rgba(255,255,255,.045)}.command-row strong{display:block;font-size:13px}.command-row small{display:block;color:#676a75;font-size:11px;margin-top:4px}.command-hint{border-top:1px solid var(--border);padding:11px 14px;color:#60626c;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.focus-overlay{position:fixed;inset:0;z-index:30;background:rgba(4,4,9,.91);backdrop-filter:blur(18px);display:grid;place-items:center;padding:24px}.focus-card{width:min(760px,100%);text-align:center}.focus-top{display:flex;justify-content:space-between;align-items:center;color:#666976;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.focus-time{font-size:clamp(88px,18vw,190px);font-weight:800;letter-spacing:-.08em;line-height:1;margin:50px 0 12px}.focus-label{color:#777986;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase}.focus-actions{display:flex;justify-content:center;gap:9px;margin-top:28px}.stars{position:fixed;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 77% 41%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 61% 79%,rgba(255,255,255,.35) 0 1px,transparent 1.5px);background-size:150px 150px,210px 210px,280px 280px;opacity:.13;animation:drift 30s linear infinite;pointer-events:none}@keyframes drift{from{transform:translate(0,0)}to{transform:translate(-28px,22px)}}
@media(max-width:900px){.grid-3{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}@media(max-width:650px){.app{padding:16px}.topbar{margin-bottom:28px}.clock{font-size:60px}.grid-3{grid-template-columns:1fr}.hero{padding-bottom:25px}.final-panel{flex-direction:column;align-items:flex-start}.ghost-row{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr 1fr}}

.theme-aurora{--bg:#071014;--panel:rgba(11,28,31,.75);--panel2:rgba(10,21,25,.97)}.theme-paper{--bg:#181715;--panel:rgba(42,41,37,.88);--panel2:rgba(35,34,31,.98)}.theme-nebula{--bg:#08070d;--panel:rgba(22,17,37,.75);--panel2:rgba(21,16,31,.98)}.status-pill{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border-radius:999px;color:#7fe2ab;border:1px solid rgba(115,226,166,.18);background:rgba(115,226,166,.06);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}.status-pill:first-letter{color:#73e2a6}.kbd-list kbd,kbd{display:inline-block;min-width:28px;text-align:center;padding:5px 7px;border:1px solid var(--border);border-radius:7px;background:rgba(255,255,255,.03);color:#b9bbc5;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;margin-right:6px} .empty{min-height:180px;display:grid;place-items:center;text-align:center;color:#777986;font-size:12px;line-height:1.6}.ambient-temp{font-size:64px;font-weight:800;letter-spacing:-.07em}.final-panel{background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(155,135,245,.08))}