:root{color-scheme:light;--bg:#f5f5f7;--surface:rgba(255,255,255,.74);--solid:#fff;--text:#1d1d1f;--muted:#77777c;--line:rgba(0,0,0,.08);--blue:#0071e3;--shadow:0 24px 60px rgba(0,0,0,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC",sans-serif;transition:.35s}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(100px);opacity:.38;pointer-events:none}.ambient-a{width:520px;height:520px;top:-240px;left:-180px;background:#b6d9ff}.ambient-b{width:520px;height:520px;top:360px;right:-260px;background:#efc5ff}.nav-shell{position:sticky;top:14px;z-index:20;width:min(1120px,calc(100% - 32px));height:62px;margin:14px auto 0;padding:0 12px 0 18px;display:flex;align-items:center;gap:44px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 10px 35px rgba(0,0,0,.055);backdrop-filter:blur(28px) saturate(180%)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(145deg,#111,#48484b);font-size:13px;box-shadow:inset 0 1px rgba(255,255,255,.3)}nav{display:flex;gap:28px}nav a{color:var(--muted);font-size:13px;transition:.2s}nav a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.command-trigger{height:38px;padding:0 8px 0 13px;display:flex;align-items:center;gap:22px;border:0;border-radius:11px;color:var(--muted);background:rgba(127,127,127,.1);font-size:12px;cursor:pointer}.command-trigger kbd,.quick-hints kbd,.command-search kbd{padding:3px 7px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:0 1px 1px rgba(0,0,0,.06);font:inherit}.round-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:11px;background:rgba(127,127,127,.1);cursor:pointer}.round-button svg,.search svg,.command-search svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}main{width:min(1120px,calc(100% - 32px));margin:auto}.hero{padding:118px 0 104px}.hero-copy{text-align:center}.live-pill{width:max-content;margin:0 auto 20px;padding:7px 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;background:var(--surface);color:var(--muted);font-size:12px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.live-pill span{width:6px;height:6px;border-radius:50%;background:#34c759;box-shadow:0 0 9px #34c759}.live-pill p{margin:0}h1{margin:0;font-size:clamp(48px,7.2vw,88px);line-height:1.01;letter-spacing:-.065em}h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#75757b 8%,#bebec3 53%,#75757b 94%);background-clip:text}.hero-note{margin:22px 0 38px;color:var(--muted);font-size:17px}.search{position:relative;width:min(720px,100%);height:68px;margin:auto;padding:8px 8px 8px 22px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(25px);transition:.25s}.search:focus-within{transform:translateY(-2px);box-shadow:0 28px 70px rgba(0,113,227,.13)}.search>svg{color:var(--muted);flex:none}.search>input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.engine-select{position:relative}.engine-select>button{height:38px;padding:0 10px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.engine-menu{position:absolute;top:45px;right:0;width:110px;padding:6px;display:none;border:1px solid var(--line);border-radius:13px;background:var(--solid);box-shadow:0 12px 35px rgba(0,0,0,.12)}.engine-menu.open{display:grid}.engine-menu button{padding:8px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.engine-menu button:hover{background:rgba(127,127,127,.1)}.search-submit{width:50px;height:50px;flex:none;border:0;border-radius:15px;color:#fff;background:var(--blue);font-size:20px;cursor:pointer}.quick-hints{margin-top:18px;display:flex;justify-content:center;gap:24px;color:var(--muted);font-size:11px}.quick-hints span{display:flex;align-items:center;gap:6px}.section{padding:40px 0 92px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-title>div{display:flex;align-items:center;gap:13px}.section-title span{color:var(--blue);font-size:11px;font-weight:700}.section-title h2{margin:0;font-size:32px;letter-spacing:-.045em}.section-title>p{margin:0;color:var(--muted);font-size:12px}.link-button{border:0;background:transparent;color:var(--blue);font-size:13px;cursor:pointer}.link-button b{margin-left:8px}.site-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.site-card,.add-site{min-height:112px;padding:18px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:0 8px 26px rgba(0,0,0,.04);backdrop-filter:blur(18px);transition:.25s;animation:rise .5s both;animation-delay:var(--delay)}.site-card:hover,.add-site:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.09);border-color:color-mix(in srgb,var(--site,#0071e3) 30%,transparent)}.site-icon,.edit-row>span{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--site);font-weight:700;box-shadow:0 8px 18px color-mix(in srgb,var(--site) 30%,transparent)}.site-meta{min-width:0}.site-meta h3{margin:0 0 4px;font-size:15px}.site-meta p{margin:0;color:var(--muted);font-size:11px}.site-card>span{margin-left:auto;color:var(--muted);opacity:0;transition:.2s}.site-card:hover>span{opacity:1}.add-site{border-style:dashed;color:var(--muted);cursor:pointer}.add-site b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(127,127,127,.1);font-size:22px}.bento-grid{display:grid;grid-template-columns:1.3fr .95fr .95fr;grid-template-rows:270px 255px;gap:14px}.bento{position:relative;overflow:hidden;padding:25px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:0 12px 36px rgba(0,0,0,.045);backdrop-filter:blur(20px)}.card-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em}.card-label i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%}.green{background:#34c759;box-shadow:0 0 8px #34c759}.clock-card{grid-row:span 1;background:linear-gradient(145deg,#111113,#2b2b30);color:#fff}.giant-time{position:relative;z-index:1;margin-top:48px;font-size:72px;font-weight:650;letter-spacing:-.07em}.clock-bottom{position:absolute;z-index:1;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;color:rgba(255,255,255,.5);font-size:11px}.clock-bottom p{margin:0}.clock-bottom span{font-variant-numeric:tabular-nums}.orb{position:absolute;width:190px;height:190px;right:-35px;top:-42px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4c9cff,#0d3d8e 54%,#071c49);box-shadow:0 0 80px #2671d960}.todo-card{grid-column:span 2}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.card-head h3{margin:7px 0 0;font-size:23px;letter-spacing:-.035em}.count{padding:6px 9px;border-radius:8px;background:rgba(127,127,127,.1);color:var(--muted);font-size:10px}.todo-list{margin-top:18px;display:grid}.todo-item{position:relative;padding:10px 28px 10px 0;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);font-size:13px}.todo-item input{appearance:none;width:18px;height:18px;border:1px solid #aaa;border-radius:50%;cursor:pointer}.todo-item input:checked{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 4px var(--solid)}.todo-item input:checked+span{text-decoration:line-through;color:var(--muted)}.todo-item button{position:absolute;right:0;border:0;background:none;color:var(--muted);opacity:0;cursor:pointer}.todo-item:hover button{opacity:1}.add-todo{margin-top:11px;display:flex}.add-todo input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.add-todo button{width:28px;height:28px;border:0;border-radius:9px;background:rgba(127,127,127,.1);cursor:pointer}.focus-card{grid-column:span 1;color:#fff;background:linear-gradient(145deg,#0769d7,#49a3ff)}.card-label.light{color:rgba(255,255,255,.65)}.focus-card h3{font-size:24px;line-height:1.06}.sound-wave{font-size:25px;color:rgba(255,255,255,.55)}.focus-row{position:absolute;left:25px;right:25px;bottom:37px;display:flex;align-items:end;justify-content:space-between}.focus-row strong{font-size:38px;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.focus-row button{padding:9px 12px;border:1px solid rgba(255,255,255,.25);border-radius:11px;color:#fff;background:rgba(255,255,255,.14);font-size:11px;cursor:pointer}.focus-progress{position:absolute;left:25px;right:25px;bottom:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.2)}.focus-progress span{display:block;width:0;height:100%;border-radius:2px;background:#fff}.quote-card{display:flex;flex-direction:column}.quote-symbol{height:40px;color:var(--blue);font:58px/1 Georgia,serif}.quote-card blockquote{margin:18px 0 auto;font-size:20px;font-weight:620;line-height:1.3;letter-spacing:-.035em}.quote-bottom{display:flex;justify-content:space-between;align-items:center}.quote-bottom p{margin:0;color:var(--muted);font-size:11px}.quote-bottom button{width:30px;height:30px;border:0;border-radius:9px;background:rgba(127,127,127,.1);cursor:pointer}.weather-card{display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(160deg,#6db7ff,#216ddd)}.weather-card h3{max-width:180px;margin:7px 0 5px;font-size:22px;line-height:1.05}.weather-card p{margin:0;color:rgba(255,255,255,.66);font-size:11px}.weather-card>b{position:absolute;right:22px;bottom:22px}.weather-sky{position:absolute;top:25px;left:25px;width:72px;height:42px;border-radius:50px;background:rgba(255,255,255,.85);filter:drop-shadow(0 9px 18px rgba(8,61,130,.25))}.weather-sky:after{content:"";position:absolute;width:44px;height:44px;left:13px;top:-20px;border-radius:50%;background:#fff}.weather-sky span{position:absolute;z-index:1;width:38px;height:38px;right:-23px;top:-15px;border-radius:50%;background:#ffd55a;box-shadow:0 0 25px #ffd55a}.explore-grid{display:grid;grid-template-columns:1fr 1fr .7fr;gap:14px}.feature-card,.utility-card{min-height:220px;padding:25px;display:flex;flex-direction:column;border-radius:28px}.feature-card{position:relative;overflow:hidden;color:#fff;justify-content:space-between;transition:.25s}.feature-card:hover{transform:translateY(-4px)}.feature-card:after{content:"";position:absolute;z-index:0;width:220px;height:220px;right:-60px;bottom:-70px;border-radius:50%;filter:blur(2px)}.feature-card>*{position:relative;z-index:1}.feature-card.music{background:linear-gradient(145deg,#f05f79,#7e2cc6)}.feature-card.music:after{background:linear-gradient(145deg,#ffb4c1,#4a167b)}.feature-card.visual{background:linear-gradient(145deg,#202328,#626971)}.feature-card.visual:after{background:radial-gradient(circle at 30% 30%,#dbe8ee,#53626b 55%,#1e2428)}.feature-icon{font-size:25px}.feature-card small{color:rgba(255,255,255,.62)}.feature-card h3{margin:7px 0;font-size:24px;letter-spacing:-.04em}.feature-card b{font-size:11px}.utility-card{border:1px solid var(--line);background:var(--surface)}.utility-card>p{margin:0 0 13px;color:var(--muted);font-size:11px}.utility-card a{padding:14px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.utility-card a:last-child{border:0}footer{width:min(1120px,calc(100% - 32px));margin:auto;padding:32px 0 44px;display:flex;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer p{margin:auto}footer button{border:0;background:transparent;color:var(--muted);cursor:pointer}dialog{padding:0;border:1px solid var(--line);border-radius:26px;color:var(--text);background:var(--solid);box-shadow:0 35px 110px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(12px)}#editForm{width:min(600px,calc(100vw - 32px));padding:26px}.modal-head{display:flex;justify-content:space-between}.modal-head small{color:var(--blue);font-weight:700}.modal-head h2{margin:5px 0 20px}.modal-head button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(127,127,127,.12);font-size:22px}.edit-rows{display:grid;gap:9px}.edit-row{display:grid;grid-template-columns:40px 1fr 2fr;gap:8px}.edit-row>span{width:40px;height:40px;border-radius:11px}.edit-row input{min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);outline:0}.modal-actions{margin-top:20px;display:flex;justify-content:space-between}.modal-actions button{padding:11px 15px;border:0;border-radius:11px;background:transparent;cursor:pointer}.modal-actions .save-button{color:#fff;background:var(--blue)}.command-dialog{width:min(620px,calc(100% - 28px));margin-top:14vh}.command-search{height:66px;padding:0 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);color:var(--muted)}.command-search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.command-results{padding:8px;max-height:380px;overflow:auto}.command-item{padding:10px;display:flex;align-items:center;gap:12px;border-radius:12px}.command-item.selected{background:rgba(0,113,227,.1)}.command-item>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--site)}.command-item div{display:grid}.command-item b{font-size:13px}.command-item small{margin-top:2px;color:var(--muted)}.command-item kbd{margin-left:auto;color:var(--muted)}.command-footer{padding:10px 18px;display:flex;gap:16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.command-footer span:last-child{margin-left:auto}body.dark{color-scheme:dark;--bg:#09090b;--surface:rgba(28,28,30,.74);--solid:#1c1c1e;--text:#f5f5f7;--muted:#a1a1a6;--line:rgba(255,255,255,.1);--shadow:0 24px 70px rgba(0,0,0,.38)}body.dark .ambient-a{background:#145899;opacity:.2}body.dark .ambient-b{background:#793498;opacity:.18}body.dark .brand-mark{background:linear-gradient(145deg,#fff,#aaa);color:#111}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:900px){.site-strip{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bento{min-height:245px}.clock-card,.todo-card{grid-column:span 1}.explore-grid{grid-template-columns:1fr 1fr}.utility-card{grid-column:span 2}nav{display:none}}@media(max-width:600px){.nav-shell{top:8px;margin-top:8px}.command-trigger span{display:none}.command-trigger{gap:0}.hero{padding:86px 0 74px}h1{font-size:46px}.hero-note{font-size:15px}.search{height:62px;padding-left:17px}.engine-select{display:none}.quick-hints span:nth-child(3){display:none}.section{padding-bottom:68px}.section-title>p{display:none}.site-strip{grid-template-columns:1fr 1fr}.site-card,.add-site{min-height:126px;padding:15px;align-items:flex-start;flex-direction:column}.site-card>span{display:none}.bento-grid{grid-template-columns:1fr}.clock-card,.todo-card,.focus-card{grid-column:auto}.bento{min-height:240px}.explore-grid{grid-template-columns:1fr}.utility-card{grid-column:auto}.edit-row{grid-template-columns:40px 1fr}.edit-row input:last-child{grid-column:span 2}footer .brand{display:none}footer p{margin:0 auto 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}