:root{color-scheme:light;--bg:#fafaf9;--card:#fff;--fg:#202124;--muted:#7c7f85;--line:#e2e3e5;--accent:#0879ed;--key:#f0f0f1;--key-text:#7d8085;--hover:#f0f1f2;--shadow:0 8px 28px #20212405}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#17191c;--card:#202225;--fg:#f2f2f3;--muted:#9b9fa6;--line:#393c41;--accent:#6aaeff;--key:#303338;--key-text:#b0b4bb;--hover:#282b30;--shadow:0 8px 28px #0000000a}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#17191c;--card:#202225;--fg:#f2f2f3;--muted:#9b9fa6;--line:#393c41;--accent:#6aaeff;--key:#303338;--key-text:#b0b4bb;--hover:#282b30;--shadow:0 8px 28px #0000000a}
*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-synthesis:none}body{margin:0;min-height:100svh;display:grid;grid-template-rows:104px 1fr}.header{position:relative;display:flex;justify-content:center;align-items:center;padding:25px 32px}.wordmark{font-size:26px;font-weight:700;letter-spacing:-1.1px;line-height:1}.theme-toggle{position:absolute;right:31px;top:30px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background .16s,color .16s}.theme-toggle:hover{color:var(--fg);background:var(--hover)}.theme-toggle svg{width:21px;height:21px}.sun{display:none}:root[data-theme="dark"] .moon{display:none}:root[data-theme="dark"] .sun{display:block}main{display:grid;place-items:center;padding:48px 28px 126px}.launcher{width:100%;max-width:604px}.intro{text-align:center;margin-bottom:42px}h1{font-size:35px;line-height:1.2;letter-spacing:-1.25px;font-weight:650;margin:0 0 12px}.intro p{margin:0;color:var(--muted);font-size:18px;line-height:1.5}.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:34px}.tool{position:relative;display:flex;flex-direction:column;min-width:0;padding:27px 27px 23px;border:1px solid var(--line);border-radius:22px;background:var(--card);color:var(--fg);text-decoration:none;box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s}.tool:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 32px #20212408}.tool:active{transform:translateY(-1px)}.tool-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.tool-icon{width:49px;height:49px}.grid-icon{padding:2px}.arrow{width:22px;height:22px;color:var(--accent);transition:transform .18s}.tool:hover .arrow{transform:translate(2px,-2px)}h2{font-size:29px;font-weight:650;letter-spacing:-.9px;line-height:1.15;margin:0 0 8px}.tool-description{font-size:15px;color:var(--muted);margin:0;line-height:1.4}.tool-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:34px}.domain{font-size:12px;color:var(--muted);line-height:1.5}kbd{font-family:inherit;font-size:12px;font-weight:550;background:var(--key);color:var(--key-text);border-radius:6px;min-width:25px;min-height:25px;display:inline-grid;place-items:center}.recent{position:absolute;bottom:-24px;left:27px;font-size:10px;color:var(--muted)}.recent:not([hidden]){display:flex;align-items:center;gap:5px}.recent:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent)}.keyboard-hint{text-align:center;font-size:11px;color:var(--muted);margin:47px 0 0;opacity:.8}.keyboard-hint kbd{background:none;min-width:12px;min-height:14px;font-size:11px;color:var(--muted)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:560px){body{grid-template-rows:86px 1fr}.header{padding:22px}.wordmark{font-size:24px}.theme-toggle{right:17px;top:21px}main{padding:36px 24px 65px}.launcher{max-width:350px}.intro{margin-bottom:30px}h1{font-size:29px;letter-spacing:-1px}.intro p{font-size:16px}.tools{grid-template-columns:1fr;gap:28px}.tool{padding:24px 25px 21px;border-radius:20px}.tool-top{margin-bottom:15px}.tool-icon{width:42px;height:42px}h2{font-size:27px}.tool-bottom{margin-top:23px}.tool-description{font-size:14px}.keyboard-hint{display:none}.recent{bottom:-20px;left:25px}}
@media(hover:none){.tool:hover{transform:none;border-color:var(--line)}.tool-bottom kbd{display:none}}
@media(max-height:650px) and (min-width:561px){main{padding-top:25px;padding-bottom:40px}.intro{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}