:root{--night:#1b2547;--night-2:#27366a;--night-text:#f4f6fc;--night-muted:#c6cfe8;--night-accent:#aebcf0;--night-line:#ffffff29}[data-theme=dark]{--night:#181e35;--night-2:#222c4f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--night:#181e35;--night-2:#222c4f}}.home-start{isolation:isolate;background:radial-gradient(circle 280px at calc(100% - 168px) 98px, #aebcf02e, transparent), linear-gradient(135deg, var(--night) 0%, var(--night-2) 100%);color:var(--night-text);border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:32px;margin-bottom:28px;padding:36px 40px;position:relative;overflow:hidden}.home-start:before{content:"";z-index:-1;opacity:.72;background:url(/moon/moon.webp) 50%/contain no-repeat;width:268px;height:268px;position:absolute;top:-34px;right:8px}.home-start:after{content:"";z-index:-1;background-image:radial-gradient(.7px .7px at 32.7% 16.5%,#ffffff2e,#0000),radial-gradient(1.5px 1.5px at 81.5% 11%,#ffffff2e,#0000),radial-gradient(.7px .7px at 90.2% 22.6%,#ffffff73,#0000),radial-gradient(1.5px 1.5px at 42% 25.1%,#ffffff73,#0000),radial-gradient(.9px .9px at 6.8% 56.3%,#ffffffc7,#0000),radial-gradient(1.5px 1.5px at 62.5% 93%,#fff9,#0000),radial-gradient(.7px .7px at 39.9% 95.7%,#fff9,#0000),radial-gradient(.9px .9px at 85.1% 29.8%,#fff9,#0000),radial-gradient(.9px .9px at 12.5% 31.6%,#ffffff2e,#0000),radial-gradient(1px 1px at 58% 63.3%,#ffffff2e,#0000),radial-gradient(.7px .7px at 54.7% 8%,#fff9,#0000),radial-gradient(1.2px 1.2px at 21.2% 67.3%,#ffffff57,#0000),radial-gradient(1px 1px at 46.6% 90.7%,#ffffff57,#0000),radial-gradient(.9px .9px at 25.3% 19.3%,#ffffff2e,#0000),radial-gradient(1px 1px at 57.3% 52.4%,#ffffffc7,#0000),radial-gradient(.7px .7px at 45% 60.5%,#ffffff2e,#0000),radial-gradient(1px 1px at 51.2% 17.8%,#ffffff42,#0000),radial-gradient(.7px .7px at 92.5% 42.5%,#fff9,#0000),radial-gradient(1px 1px at 57.2% 86%,#ffffff57,#0000),radial-gradient(1.5px 1.5px at 69.1% 59.1%,#ffffff73,#0000),radial-gradient(1px 1px at 7.7% 11%,#ffffff73,#0000),radial-gradient(1px 1px at 69.3% 8.2%,#ffffffc7,#0000),radial-gradient(1px 1px at 44.7% 70.8%,#ffffff2e,#0000),radial-gradient(.9px .9px at 22.4% 29.6%,#ffffff73,#0000),radial-gradient(.7px .7px at 39.3% 85.7%,#ffffff42,#0000),radial-gradient(1.5px 1.5px at 87.6% 80.7%,#ffffff57,#0000),radial-gradient(1.2px 1.2px at 70.2% 96.7%,#ffffff42,#0000),radial-gradient(.9px .9px at 15.8% 18.9%,#ffffffc7,#0000),radial-gradient(1.5px 1.5px at 23.9% 48.6%,#ffffff42,#0000),radial-gradient(1.2px 1.2px at 26.7% 2.4%,#fff9,#0000),radial-gradient(.9px .9px at 37.2% 56.4%,#ffffffc7,#0000),radial-gradient(.7px .7px at 85.2% 93.2%,#ffffff73,#0000),radial-gradient(.7px .7px at 39.5% 40.3%,#ffffff73,#0000),radial-gradient(.9px .9px at 7.6% 22%,#ffffff2e,#0000);background-repeat:no-repeat;position:absolute;inset:0}.home-start .home-hero{background:0 0;border:0;margin:0;padding:0}.home-start .home-hero h1,#home-title{max-width:none;color:var(--night-text);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2.1rem,3.5vw,3.2rem);font-weight:600;line-height:1.08}.home-start .home-hero h1 span{color:var(--night-accent);margin-top:6px;display:block}.home-start .home-lede{max-width:46ch;color:var(--night-muted);margin-block:18px 0;font-size:15px;line-height:1.6}.home-start .home-lede a{color:var(--night-text)}.hero-proof{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.hero-proof li{border:1px solid var(--night-line);color:var(--night-text);background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;display:inline-flex}.hero-proof svg{color:var(--night-accent)}:root[data-offline=ready] .home-start:before,:root[data-offline=offline] .home-start:before{opacity:1;filter:drop-shadow(0 0 26px #cdd7f857)}.home-start .home-drop-panel{background:var(--surface);color:var(--text);border:0;border-radius:16px;box-shadow:0 18px 44px #080c1e57}.home-start .home-drop-panel .file-drop{border-radius:12px;min-height:150px;padding:16px}.home-tools .section-heading{margin-bottom:12px}.quick-actions-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.quick-actions-grid>li:has(.illustrated-lead){grid-area:span 2/span 2}.illustrated-tile{border:1px solid var(--border);background:var(--surface);min-height:112px;transition:transform var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border-radius:16px;padding:14px;position:relative;overflow:hidden}.illustrated-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.illustrated-tile>.tool-illustration{transition:transform var(--motion-base) var(--ease-out)}.illustrated-tile:hover>.tool-illustration{transform:scale(1.05)}.illustrated-lead{background:var(--accent-soft);height:100%;padding:22px}.illustrated-lead>.tool-illustration{width:150px;height:120px}.illustrated-lead .tool-link-title{font-size:19px;font-weight:600}.offline-proof{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:32px;margin-top:28px;padding:30px 32px;display:grid}.offline-proof h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:23px;font-weight:600;line-height:1.2}.offline-proof p{color:var(--text-muted);margin:10px 0 0;font-size:13px;line-height:1.6}.offline-proof-links{flex-wrap:wrap;gap:4px 18px;margin-top:14px;font-size:13px;display:flex}.offline-proof-links a{text-underline-offset:4px;align-items:center;gap:5px;min-height:32px;text-decoration:underline;display:inline-flex}.offline-proof ol{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.offline-proof li{counter-increment:step;background:var(--page);border-radius:14px;padding:14px;font-size:13px;line-height:1.45}.offline-proof li:before{content:"";background:50%/contain no-repeat;width:40px;height:40px;margin-bottom:10px;display:block}.offline-proof li:first-child:before{background-image:url(/moon/phase-1.webp)}.offline-proof li:nth-child(2):before{background-image:url(/moon/phase-2.webp)}.offline-proof li:nth-child(3):before{background-image:url(/moon/phase-3.webp)}.offline-proof li strong{font-weight:600;display:block}.offline-proof li span{color:var(--text-muted);margin-top:3px;font-size:12px;display:block}.local-status-dot{width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--accent);transition:background-color .7s var(--ease-out), box-shadow .7s var(--ease-out);background:0 0;border-radius:50%}.dashboard-local-note[data-offline-state=setup] .local-status-dot{opacity:1}.dashboard-local-note:not([data-offline-state=setup]) .local-status-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}@media (prefers-reduced-motion:no-preference){.home-start:before{transition:opacity 1.6s var(--ease-out), filter 1.6s var(--ease-out)}}.nowrap{white-space:nowrap}@media (max-width:1100px){.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions-grid>li:has(.illustrated-lead){grid-area:auto/1/auto/-1}.home-start{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px}.home-start .home-drop-panel{margin-top:0}.offline-proof{grid-template-columns:minmax(0,1fr);gap:18px}}
@media (max-width:800px){html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-size:14px}input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea{font-size:16px!important}input[type=checkbox],input[type=radio]{width:20px;height:20px}summary{align-items:center;gap:8px;display:flex;min-height:44px!important}.site-container{padding-inline:12px}.tool-panel{border-radius:12px;padding:14px}.tool-panel h2{font-size:16px}.tool-panel textarea{block-size:120px;min-block-size:96px}.tool-panel pre.text-preview{min-height:72px}.tool-work-page{gap:10px;padding-top:10px}.tool-context-row{padding-right:0;display:block;position:relative}.tool-workspace-title{display:block}.tool-workspace-title .tool-illustration{display:none}.tool-workspace-title h1{padding-right:110px;font-size:19px;line-height:1.25}.tool-workspace-title p{margin-top:2px;font-size:13px;line-height:1.4}.tool-workspace-title .tool-trust{gap:0 12px;margin-top:2px}.tool-trust a{align-items:center;min-height:26px;display:inline-flex}.tool-related-menu{z-index:3;font-size:12px;position:absolute;top:-10px;right:0}.file-drop,.merge-page .file-drop,.home-drop-panel .file-drop{gap:6px;min-height:0;padding:14px 12px}.file-drop-icon,.home-drop-panel .file-drop svg{display:none}.home-drop-status{margin-top:6px;font-size:12px}.tool-guide{gap:16px;margin-top:16px;font-size:13px}.tool-guide h2{font-size:16px}.dashboard-navigation-scroll{scrollbar-width:none;gap:4px;padding-block:2px;display:flex;overflow-x:auto}.dashboard-views,.dashboard-sidebar .category-filters{display:contents}.dashboard-views button,.dashboard-views .dashboard-workflow-link,.dashboard-sidebar .category-filters button{min-height:40px;padding-inline:10px;font-size:13px}.dashboard-main{padding-top:12px}.home-start{border-radius:16px;gap:14px;margin-bottom:14px;padding:20px 16px 16px}.home-start:before{width:78px;height:78px;top:8px;right:6px}.home-start .home-hero h1,#home-title{padding-right:60px;font-size:27px;line-height:1.12}.home-start .home-hero h1 span{margin-top:3px;display:block}.home-start .home-lede{margin-top:10px;font-size:13px;line-height:1.5}.hero-proof{gap:5px;margin-top:12px}.hero-proof li{padding:3px 8px;font-size:11px}.home-start .home-drop-panel{border-radius:12px;padding:8px}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-actions-grid>li:has(.illustrated-lead){grid-area:auto/1/auto/-1}.illustrated-lead{padding:12px}.illustrated-lead>.tool-illustration{width:64px;height:52px}.illustrated-lead .tool-link-title{font-size:15px}.offline-proof{border-radius:14px;gap:12px;margin-top:14px;padding:16px 14px}.offline-proof h2{font-size:18px}.offline-proof ol{grid-template-columns:minmax(0,1fr);gap:6px}.offline-proof li{grid-template-columns:34px minmax(0,1fr);column-gap:10px;padding:8px 10px;display:grid}.offline-proof li:before{grid-row:span 2;align-self:center;width:34px;height:34px;margin:0}.illustrated-tile{border-radius:12px;min-height:56px;padding:6px 8px}.illustrated-tile>.tool-illustration{width:36px;height:36px}.home-collections{gap:20px;margin-top:20px}.collection-heading h2,.recent-sessions h2{font-size:16px}.tools-directory{padding-block:14px}.tools-directory>h1{font-size:22px}.tools-directory>p{margin-block:6px 12px;font-size:13px;line-height:1.5}.directory-categories{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-bottom:16px;overflow-x:auto}.directory-categories a{border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex:none;align-items:center;min-height:36px;padding-inline:10px;font-size:13px;display:inline-flex}.tools-directory section{margin-bottom:20px}.tools-directory h2{padding-bottom:6px;font-size:16px}.tools-directory ul{grid-template-columns:minmax(0,1fr)}.tools-directory li a{padding:9px 0}.tools-directory li strong{font-size:14px}.tools-directory li p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:1px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.tools-directory:has(.directory-categories) ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.tools-directory:has(.directory-categories) li p{display:none}main h1.text-4xl{font-size:25px;line-height:1.2}main h2.text-2xl{margin-top:20px;font-size:18px}main p.text-lg{font-size:15px;line-height:1.5}.site-footer{flex-direction:column;align-items:flex-start;gap:6px;padding-block:12px}.site-footer .footer-wordmark svg,.site-footer .footer-wordmark img{width:auto;height:24px}.site-footer a{min-height:36px}.site-footer nav{gap:0 16px}}