.m-night{position:relative}.m-band:has(.m-night){background:radial-gradient(60% 50% at 30% 18%, color-mix(in srgb, var(--p-primary) 55%, transparent), transparent 70%), linear-gradient(168deg, var(--p-primary) 0%, var(--p-deep) 34%, var(--p-onyx) 72%);overflow:clip}.m-swirl{pointer-events:none;width:1400px;max-width:none;height:900px;position:absolute;top:-60px;right:calc(50% - 50vw);overflow:visible}.m-swirl-glow{filter:blur(calc(6px * var(--glow-hero)));opacity:calc(.55 * var(--glow-hero))}.m-night>:not(.m-swirl){z-index:1;position:relative}.m-night:before{content:"";pointer-events:none;background:radial-gradient(38% 34% at 50% 50%, color-mix(in srgb, var(--accent) 50%, transparent), transparent 100%), radial-gradient(22% 22% at 74% 32%, color-mix(in srgb, var(--m-halo) 18%, transparent), transparent 100%);filter:blur(24px);position:absolute;inset:20% -30% -10%}.m-night .m-home-accent{color:var(--p-accent);text-shadow:0 0 calc(28px * var(--glow-hero)) color-mix(in srgb, var(--p-accent) calc(35% * var(--glow-hero)), transparent)}.m-night .m-home-accent:after{background:linear-gradient(90deg, var(--p-accent), color-mix(in srgb, var(--p-accent) 10%, transparent))}.m-night .m-home-accent:before{border-color:var(--p-accent);background:var(--p-accent);box-shadow:0 0 calc(10px * var(--glow-hero)) var(--p-accent)}.m-night .m-d1{color:var(--p-on-primary)}.m-night :is(.m-lead,.m-prose){color:color-mix(in srgb, var(--p-on-primary) 80%, transparent)}.m-night .m-text-action{color:var(--on-rail)}.m-night .m-btn--solid{border-color:var(--p-accent);background:linear-gradient(180deg, var(--btn-sheen), transparent 70%), var(--p-accent);color:var(--p-on-accent);box-shadow:inset 0 1px 0 var(--btn-highlight), inset 0 -2px 0 var(--btn-bevel), 0 1px 2px var(--btn-contact), 0 8px 24px -6px var(--btn-glow-accent)}.m-night .m-btn--solid:hover{background:linear-gradient(180deg, var(--btn-sheen), transparent 70%), var(--p-accent);box-shadow:inset 0 1px 0 var(--btn-highlight), inset 0 -2px 0 var(--btn-bevel), 0 2px 3px var(--btn-contact), 0 12px 32px -6px var(--btn-glow-accent)}.m-night .m-btn--solid:active{box-shadow:inset 0 2px 4px var(--btn-contact), inset 0 -1px 0 var(--btn-bevel)}@media (prefers-reduced-motion:no-preference){.m-night .m-btn--solid{transition:transform var(--duration-1) ease, box-shadow var(--duration-2) ease}.m-night .m-btn--solid:hover{transform:translateY(-1px)}.m-night .m-btn--solid:active{transform:none}}.m-hero-frame{margin-top:var(--space-12);isolation:isolate;position:relative}.m-hero-app{height:880px;color:var(--ink);background:linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient(135deg, var(--p-primary), color-mix(in srgb, var(--p-primary) 40%, transparent) 45%, var(--p-accent)) border-box;box-shadow:0 0 0 6px color-mix(in srgb, var(--on-rail) 4%, transparent), 0 40px 140px -30px color-mix(in srgb, var(--p-primary) 85%, transparent), 0 0 calc(60px * var(--glow-hero)) -20px color-mix(in srgb, var(--p-accent) calc(35% * var(--glow-hero)), transparent), var(--shadow-floating);border:1px solid #0000;border-radius:14px;display:flex;overflow:hidden}.m-hero-rail{flex:none;display:none}.m-hero-rail .workspace-rail{height:100%}.m-hero-app .app-topbar{position:relative}.m-hero-app .app-topbar-tools{margin-left:auto}.m-hero-menu{display:inline-flex}.m-hero-content{flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.m-hero-content .m-plate-demo{box-shadow:none;border:0}.m-hero-theme{border:1px solid var(--line);color:var(--faint);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.m-hero-theme>:first-child{color:var(--ink)}.m-hero-theme>*{box-sizing:content-box;padding:2px 4px}.m-hero-ask{margin-top:var(--space-4);gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-floating);border-radius:12px;display:grid;position:relative}.m-hero-ask-head{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--faint);align-items:center;gap:6px;margin:0;display:flex}.m-hero-ask-q{font-weight:var(--font-weight-medium);margin:0}.m-hero-ask-label{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--faint)}.m-hero-ask-sentence{font-size:var(--text-sm);margin:0;line-height:1.55}@media (min-width:64rem){.m-hero-rail{display:block}.m-hero-menu{display:none}.m-hero-ask{width:380px;margin:0;position:absolute;bottom:-36px;right:-28px}}@media (max-width:47.99rem){.m-hero-app{height:620px}}@media (max-width:30rem){.m-hero-app{height:auto;max-height:560px}.m-hero-app .app-topbar,.m-hero-content .plate-page .everyday-page-actions.everyday-page-actions,.m-hero-content .todo-categories,.m-hero-content .plate-filters,.m-hero-content :is(.todo-star,.todo-more){display:none}.m-hero-content .everyday-page-header{margin-bottom:var(--space-3)}.m-hero-content .todo-summary .todo-count{white-space:nowrap;font-size:var(--text-xs);flex-wrap:nowrap;gap:8px;overflow:hidden}.m-hero-content .todo-summary .todo-count>*{flex:none}.m-hero-content .todo-task{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m-hero-content .plate-page .todo-row.todo-row{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:22px 34px minmax(0,1fr) auto;padding-inline:0}.m-hero-content .plate-page .todo-row.todo-row:before{display:none}.m-hero-content .todo-suggestion{margin-top:var(--space-1);grid-column:1/-1}}.m-page:has(.m-night) .m-nav.m-nav{margin-bottom:-65px}.m-band:has(.m-night){border-bottom:0;padding-top:65px}