html{scroll-behavior:smooth;scroll-padding-top:72px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}a{color:var(--pine)}a:hover{color:var(--ink)}[hidden]{display:none!important}.page{width:100%;max-width:calc(var(--page-max) + var(--page-gutter) * 2);padding:0 var(--page-gutter);margin:0 auto}.skip{left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--ink);color:var(--surface-200);font-weight:600;position:absolute;top:-48px}.skip:focus{top:var(--space-2)}.fig{font-family:var(--font-display);color:var(--ink-muted);margin:0;font-size:17px;font-style:italic;line-height:22px}.overline-pine{letter-spacing:.06em;text-transform:uppercase;color:var(--pine);margin:0;font-size:11px;font-weight:600;line-height:14px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .8s var(--ease-out) var(--d,0s) both}[data-js] .reveal{transition:opacity .7s var(--ease-out) var(--d,0s), transform .7s var(--ease-out) var(--d,0s)}[data-js] .reveal:not([data-shown]){opacity:0;transform:translateY(18px)}@media (prefers-reduced-motion:reduce){[data-js] .reveal:not([data-shown]){opacity:1;transform:none}}.anim:not([data-inview=true]) *{animation-play-state:paused!important}.site-header{z-index:50;background:var(--surface-000);border-bottom:1px solid var(--line);position:sticky;top:0}.site-nav{max-width:calc(var(--page-max) + var(--page-gutter) * 2);padding:6px var(--page-gutter);justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.site-nav .pl-wordmark{min-height:44px;font-size:26px}.site-nav__links{align-items:center;gap:var(--space-1);display:flex}.site-nav__link{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--ink-muted);align-items:center;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.site-nav__link:hover{color:var(--ink);background:var(--surface-hover)}.site-nav__theme{width:40px;height:40px;color:var(--ink-muted)}.site-nav__theme:hover{color:var(--ink)}.site-nav__moon,:root[data-theme=dark] .site-nav__sun{display:none}:root[data-theme=dark] .site-nav__moon{display:inline-flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .site-nav__sun{display:none}:root:not([data-theme=light]) .site-nav__moon{display:inline-flex}}.site-nav__coffee,.site-nav__open{height:40px;margin-left:var(--space-1)}.site-nav__open{color:var(--ink)}@media (width<=900px){.site-nav__link,.site-nav__open{display:none}}@media (width<=480px){.site-nav .pl-wordmark{font-size:22px}.site-nav__coffee span{display:none}.site-nav__coffee{width:40px;padding:0}}.cta{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-200);min-height:52px;color:var(--ink);align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .12s ease-out,transform .12s ease-out;display:inline-flex}.cta:hover{background:var(--surface-hover);color:var(--ink)}.cta svg.pl-i{width:18px;height:18px;transition:translate .16s var(--ease-out)}.cta:hover svg.pl-i:last-child{translate:3px}.cta--primary{border-color:var(--saffron);background:var(--saffron);color:var(--on-saffron);box-shadow:var(--shadow-control), 0 10px 24px -10px color-mix(in srgb, var(--saffron-hover) 70%, transparent);font-weight:600}.cta--primary:hover{background:var(--saffron-hover);border-color:var(--saffron-hover);color:var(--on-saffron)}.cta--ink{border-color:var(--ink);background:var(--ink);min-height:44px;color:var(--surface-200);padding:0 18px;font-size:14px;font-weight:600}.cta--ink:hover{background:var(--ink);color:var(--surface-200);opacity:.88}.hero{isolation:isolate;padding:72px 0 0;position:relative;overflow-x:clip}.hero__spot{z-index:-1;background:radial-gradient(50% 46% at 50% 38%, var(--surface-200), transparent 100%);opacity:.9;pointer-events:none;width:min(1600px,140vw);height:1400px;position:absolute;top:-80px;left:50%;translate:-50%}.hero__intro{flex-direction:column;display:flex}.hero__pill{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-200);min-height:44px;color:var(--ink);align-self:flex-start;align-items:center;gap:10px;padding:0 16px 0 6px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.hero__pill:hover{color:var(--ink);border-color:var(--line-strong)}.hero__pill-tag{border-radius:var(--radius-pill);background:var(--pine-soft);color:var(--pine);letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;font-size:11px;font-weight:600;line-height:14px}.hero__title{max-width:1100px;font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:32px 0 0;font-size:clamp(54px,9.4vw,132px);font-weight:400;line-height:.9}.hero__title em{color:var(--pine)}.hero__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px 48px;margin-top:36px;display:flex}.hero__lede{flex-direction:column;flex:420px;gap:20px;min-width:0;max-width:560px;display:flex}.hero__lede p{color:var(--ink-muted);margin:0;font-size:19px;line-height:30px}.hero__checks{color:var(--ink-muted);flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;font-size:13px;font-weight:500;line-height:18px;list-style:none;display:flex}.hero__checks li{align-items:center;gap:6px;display:flex}.hero__checks svg{color:var(--pine)}.hero__ctas{flex-wrap:wrap;gap:12px;display:flex}.hero__exhibit{max-width:1248px;padding:0 var(--page-gutter);margin:72px auto 0;position:relative}.hero__try{font-family:var(--font-display);color:var(--ink-muted);text-align:center;justify-content:center;align-items:center;gap:12px;margin:0 0 18px;font-size:19px;font-style:italic;line-height:24px;display:flex}.hero__try-line{background:var(--line-strong);width:40px;height:1px}.hero__editor{z-index:2;max-width:1152px;margin:0 auto;position:relative}.plinth{max-width:1200px;margin:0 auto;position:relative}.plinth__top{background:var(--surface-200);height:10px;box-shadow:inset 0 -1px 0 var(--line);border-radius:3px 3px 0 0;margin:0 20px}.plinth__face{background:linear-gradient(180deg, var(--surface-000), color-mix(in srgb, var(--surface-000), var(--line-strong) 14%));text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;min-height:56px;margin:0 20px;padding:10px 20px;display:flex}.plinth:after{content:"";background:linear-gradient(180deg, var(--surface-100), color-mix(in srgb, var(--surface-000), var(--line-strong) 30%));height:16px;box-shadow:0 40px 60px -30px color-mix(in srgb, var(--ink) 40%, transparent);border-radius:0 0 4px 4px;display:block}.plinth__title{font-family:var(--font-display);color:var(--ink);font-size:18px;font-style:italic;line-height:22px}.plinth__dot{background:var(--ink-muted);border-radius:50%;width:3px;height:3px}.plinth__facts{color:var(--ink-muted);font-size:11px}.hero__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:24px;display:flex}.hero__also{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;font-size:13px;display:flex}.hero__also a{font-weight:500}@media (width<=640px){.hero{padding-top:48px}.hero__lede p{font-size:17px;line-height:26px}.hero__ctas,.hero__ctas .cta{justify-content:center;width:100%}.hero__exhibit{margin-top:48px;padding:0 12px}.hero__try{font-size:17px}.hero__try-line{display:none}.plinth__top,.plinth__face{margin:0 8px}}.card{background:var(--surface-200);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.card__art{border-bottom:1px solid var(--line);flex-direction:column;display:flex}.card__art>:first-child{flex:1;min-height:0}.fig--on-art{border-top:1px solid var(--line);background:var(--surface-100);flex:none;padding:9px 20px;font-size:15px;line-height:20px}.featured{margin-top:var(--section-gap);gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.feature__art{height:420px}.feature__body{flex-direction:column;flex:1;gap:16px;padding:28px;display:flex}.feature__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:38px;font-weight:400;line-height:42px}.feature__text{color:var(--ink-muted);margin:0;font-size:15px;line-height:24px}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-muted);align-items:center;gap:6px;padding:5px 11px;font-size:12px;line-height:16px;display:flex}.feature__go{flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;padding-top:8px;display:flex}@media (width<=1023px){.featured{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.feature__art{height:360px}.feature__body{padding:22px}.feature__title{font-size:32px;line-height:36px}}.tools{margin-top:var(--section-gap);flex-direction:column;gap:32px;display:flex}.section-head{flex-direction:column;gap:12px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:clamp(36px,5vw,56px);font-weight:400;line-height:1}.section-lede{max-width:520px;color:var(--ink-muted);margin:0;font-size:15px;line-height:24px}.tools__grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool{color:var(--ink);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);text-decoration:none}.tool:hover{color:var(--ink);box-shadow:var(--shadow-popover);border-color:var(--line-strong);transform:translateY(-3px)}.tool__art{height:340px}.tool__body{grid-template-columns:auto minmax(0,1fr);gap:4px 16px;padding:20px 22px 22px;display:grid}.tool__icon{border-radius:var(--radius-md);background:var(--pine-soft);width:44px;height:44px;color:var(--pine);grid-row:span 2;place-items:center;display:grid}.tool__text{flex-direction:column;gap:4px;display:flex}.tool__name{margin:0;font-size:18px;font-weight:600;line-height:24px}.tool__blurb{color:var(--ink-muted);margin:0;font-size:14px;line-height:20px}.tool__host{color:var(--ink-muted);grid-column:2;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.tool__host svg{transition:translate .2s var(--ease-out)}.tool:hover .tool__host svg{color:var(--ink);translate:2px -2px}@media (width<=760px){.tools__grid{grid-template-columns:minmax(0,1fr)}.tool__art{height:310px}}.site-footer{margin-top:var(--section-gap);background:var(--surface-000);border-top:1px solid var(--line)}.site-footer__inner{flex-direction:column;gap:48px;padding-top:64px;padding-bottom:32px;display:flex}.site-footer__top{flex-wrap:wrap;justify-content:space-between;gap:48px;display:flex}.coffee{flex-direction:column;flex:420px;align-items:flex-start;gap:16px;min-width:0;max-width:520px;display:flex}.coffee__title{max-width:14ch;font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:44px;font-weight:400;line-height:46px}.coffee__text{color:var(--ink-muted);margin:0;font-size:15px;line-height:24px}.coffee__amounts{width:100%;max-width:360px}span.pl-amount[aria-disabled=true]{cursor:default}.coffee__more{flex-direction:column;gap:4px;margin:0;display:flex}span.pl-link[aria-disabled=true]{cursor:default}.site-footer__nav{flex-direction:column;flex:0 280px;gap:4px;display:flex}.site-footer__nav .pl-overline{margin-bottom:8px}.site-footer__nav a{align-items:center;min-height:32px;font-size:14px;text-decoration:none;display:flex}.site-footer__base{border-top:1px solid var(--line);color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:20px;font-size:12px;line-height:16px;display:flex}.site-footer__mark{align-items:center;gap:8px;display:inline-flex}.site-footer__mark svg{fill:currentColor;width:14px;height:14px}.site-footer__top-link{align-items:center;gap:4px;min-height:32px;text-decoration:none;display:inline-flex}@property --bg-a{syntax:"<color>";inherits:true;initial-value:#fbd3a1}@property --bg-b{syntax:"<color>";inherits:true;initial-value:#f7a8a8}@property --bg-c{syntax:"<color>";inherits:true;initial-value:#c9a7e8}@property --bg-angle{syntax:"<angle>";inherits:true;initial-value:180deg}.ed{grid-template-rows:var(--size-topbar) minmax(0, 1fr);border-radius:var(--radius-lg);background:var(--surface-000);height:800px;box-shadow:var(--shadow-sheet);isolation:isolate;text-align:left;display:grid;position:relative;overflow:hidden}.ed__top{z-index:5;position:relative}.ed__mark{font-size:20px}.ed__mark svg{width:16px;height:16px}.ed__private{margin-right:var(--space-2);align-items:center;gap:6px;font-size:12px;line-height:16px;display:inline-flex}.ed__export-wrap{position:relative}.ed__export{right:0;top:calc(100% + var(--space-2));z-index:10;position:absolute}.ed__export-copy{margin:0 0 var(--space-3);color:var(--ink-muted);font-size:13px;line-height:20px}.ed__export-facts{margin:0 0 var(--space-4);color:var(--ink-muted)}.ed__export-go{height:36px}.ed__body{grid-template-columns:var(--size-rail) var(--size-inspector) minmax(0, 1fr);min-height:0;display:grid}.ed__rail{width:auto}.ed__inspector{width:auto;min-height:0}.ed__panel[hidden]{display:none}.ed__hint{margin:0}.ed__match{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.ed__match .pl-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface-200)}.ed__match-dots{gap:4px;display:flex}.ed__match-dots i{border-radius:var(--radius-pill);width:14px;height:14px;box-shadow:0 0 0 1px var(--line-strong);transition:background-color 1.2s}.ed__transport{align-items:center;gap:var(--space-2);display:flex}.ed__timecode{color:var(--ink-muted)}.ed__timecode b{color:var(--ink);font-weight:500}.ed__cam-pause,[data-ed-cam-play][aria-pressed=true] .ed__cam-play{display:none}[data-ed-cam-play][aria-pressed=true] .ed__cam-pause,.ed__cam-play,.ed__cam-pause{display:inline-flex}.ed__track{border-radius:var(--radius-sm);background:var(--surface-200);height:34px;box-shadow:inset 0 0 0 1px var(--line);margin-top:14px;position:relative}.ed__track .pl-zoom{cursor:pointer;font-family:var(--font-sans);top:4px;bottom:4px}.ed__track .pl-playhead{top:-12px;bottom:-4px}.ed__stage{min-width:0;min-height:0}.ed__view{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.ed__artboard{padding:var(--pad,48px);transform-origin:50%;transition:--bg-a 1.2s,--bg-b 1.2s,--bg-c 1.2s,--bg-angle 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ed__artboard[data-fill=gradient]{background:linear-gradient(var(--bg-angle), var(--bg-a), var(--bg-b), var(--bg-c))}.ed__artboard[data-fill=mesh]{background:radial-gradient(at 16% 20%, var(--bg-a) 0, transparent 58%), radial-gradient(at 86% 14%, var(--bg-c) 0, transparent 52%), radial-gradient(at 78% 86%, var(--bg-a) 0, transparent 50%), radial-gradient(at 12% 88%, var(--bg-c) 0, transparent 46%), var(--bg-b)}.ed__artboard[data-fill=solid]{background:var(--bg-a)}.ed__artboard[data-fill=none]{background-color:var(--checker-a);background-image:conic-gradient(var(--checker-b) 25%, transparent 0 50%, var(--checker-b) 0 75%, transparent 0);box-shadow:none;background-size:16px 16px}.ed__grain{opacity:0;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");transition:opacity .2s ease-out;position:absolute;inset:0}.ed__artboard[data-grain=true] .ed__grain{opacity:.55}.ed__subject{transform-style:flat;transition:transform .24s var(--ease-out);position:relative}.ed__focus{z-index:3;border:2px dashed var(--saffron);border-radius:var(--radius-sm);pointer-events:none;position:absolute}.ed__focus[hidden]{display:none}.ed__focus .pl-mono{border-radius:var(--radius-xs) var(--radius-xs) var(--radius-xs) 0;background:var(--saffron);color:var(--on-saffron);padding:3px 6px;font-size:11px;line-height:14px;position:absolute;top:-24px;left:-2px}.ed__zoomval{text-align:center;min-width:44px;color:var(--ink-muted)}.dev{--finish:#2b2c2f;--finish-edge:#5b5d62;--shadow:45;--radius:16px;filter:drop-shadow(0 calc(var(--shadow) * .36px) calc(var(--shadow) * .56px) rgb(0 0 0/calc(var(--shadow) * 0.42%))) drop-shadow(0 1px 2px rgb(0 0 0/calc(var(--shadow) * 0.24%)));position:relative}.dev__screen{transition:border-radius .12s ease-out;position:relative;overflow:hidden}.dev__island,.dev__toolbar,.dev__base{display:none}.dev .hush-content{padding-top:28px}.dev[data-frame=phone]{background:var(--finish);box-shadow:inset 0 0 0 1.5px var(--finish-edge), inset 0 0 0 4px #00000040;border-radius:54px;padding:11px}.dev[data-frame=phone] .dev__screen{border-radius:44px;width:318px;height:676px}.dev[data-frame=phone] .hush-content{padding-top:58px}.dev[data-frame=phone] .dev__island{z-index:2;background:#050505;border-radius:999px;width:90px;height:26px;display:block;position:absolute;top:23px;left:50%;translate:-50%}.dev[data-frame=browser]{border-radius:var(--radius);background:var(--finish);overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.dev[data-frame=browser] .dev__toolbar{color:#5f5d58;height:40px;font-family:var(--font-sans);align-items:center;gap:14px;padding:0 14px;font-size:12px;display:flex}.dev[data-finish=dark] .dev__toolbar{color:#b9b7b2}.dev__lights{gap:7px;display:flex}.dev__lights i{background:#ec6a5e;border-radius:50%;width:11px;height:11px}.dev__lights i:nth-child(2){background:#f4bf4f}.dev__lights i:nth-child(3){background:#61c554}.dev__url{background:#0000000d;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;height:26px;margin-right:46px;display:flex}.dev[data-finish=dark] .dev__url{background:#ffffff12}.dev__url svg{width:11px;height:11px}.dev[data-frame=browser] .dev__screen{width:620px;height:560px}.dev[data-frame=laptop]{box-shadow:inset 0 0 0 2.5px var(--finish), inset 0 0 0 3.5px var(--finish-edge);background:#0b0b0c;border-radius:22px 22px 6px 6px;margin:0 64px 18px;padding:16px 16px 24px}.dev[data-frame=laptop] .dev__screen{border-radius:4px;width:720px;height:450px}.dev[data-frame=laptop] .dev__base{background:linear-gradient(var(--finish-edge), var(--finish) 45%, color-mix(in srgb, var(--finish), #000 35%));border-radius:2px 2px 16px 16px;height:18px;display:block;position:absolute;bottom:-18px;left:-64px;right:-64px}.dev[data-frame=laptop] .dev__base:after{content:"";background:color-mix(in srgb, var(--finish), #000 25%);border-radius:0 0 8px 8px;width:110px;height:6px;position:absolute;top:0;left:50%;translate:-50%}.dev[data-frame=none] .dev__screen{border-radius:var(--radius);width:340px;height:676px}@media (width<=1080px){.ed__private{display:none}}@media (width<=1023px){.ed{height:auto}.ed__body{grid-template-columns:minmax(0,1fr)}.ed__stage{order:1;height:660px}.ed__rail{justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-right:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:row;order:2;overflow-x:auto}.ed__inspector{border-right:0;order:3;min-height:280px}}@media (width<=560px){.ed__stage{height:600px}.ed__hide-sm,.ed__mark-name{display:none}.ed__rail{justify-content:space-between}.pl-rail__tab{width:64px}.ed__export{width:min(344px, calc(100vw - 2 * var(--page-gutter)))}}.hush-screen{--bg:#eceae5;--surface:#f7f5f1;--ink:#2a2a27;--muted:#62605a;--accent:#4b6b5f;--on-accent:#f7f5f1;--track:#d2d0cd;--meadow-accent:#4a773c;--concrete-accent:#45567a;--porch-accent:#a24d29;--shore-accent:#286f76;--static-accent:#d6dbe1;--dusk-accent:#e9a9b2;--ember-accent:#e0a458;--slate-accent:#8fb8de;--tide-accent:#6fc7c0;--moss-accent:#9cc59a;--font-sans:"Inter Variable", "Inter", -apple-system, system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--hit-target:44px;--button-height:52px;--track-height:4px;--thumb-size:22px;--content-max:440px;--fade-colors:1.2s ease;background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-sans);text-align:left;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;color-scheme:light;flex-direction:column;font-size:16px;line-height:24px;display:flex;position:relative}.hush-screen[data-theme=night]{--bg:#141414;--surface:#1e1e1e;--ink:#e9e9e6;--muted:#9a9a96;--accent:#c9c9c4;--on-accent:#141414;--track:#434342;color-scheme:dark}.hush-screen,.hush-screen *{transition:background-color var(--fade-colors), color var(--fade-colors), border-color var(--fade-colors)}.hush-screen button{cursor:pointer}.hush-screen button:disabled{cursor:default}.hush-screen svg{display:block}.hush-screen [hidden]{display:none!important}.hush-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.hush-scroll::-webkit-scrollbar{display:none}.hush-content{width:100%;max-width:var(--content-max);padding:var(--space-7) var(--space-4) var(--space-5);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.hush-screen--framed .hush-content{padding-top:56px}.hush-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.hush-brand{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.hush-wordmark{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:500;line-height:28px}.hush-mood{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;overflow:hidden}.hush-chip{appearance:none;height:var(--hit-target);width:var(--hit-target);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.hush-chip svg{width:22px;height:22px}.hush-heading{margin:0;font-size:18px;font-weight:500;line-height:24px}.hush-panel{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.hush-groups{gap:var(--space-5);flex-direction:column;display:flex}.hush-group{gap:var(--space-3);flex-direction:column;display:flex}.hush-tile-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hush-tile{appearance:none;text-align:left;min-height:var(--button-height);padding:var(--space-2) 10px;border-radius:var(--radius-md);background:var(--surface);color:var(--ink);overflow-wrap:break-word;hyphens:manual;border:0;align-items:center;gap:7px;min-width:0;font-size:14px;font-weight:500;line-height:19px;display:flex}.hush-tile[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.hush-swatch{box-sizing:content-box;border-radius:var(--radius-full);background:var(--swatch,var(--accent));border:2px solid #0000;flex:none;width:12px;height:12px}.hush-tile[aria-pressed=true] .hush-swatch{border-color:var(--on-accent)}.hush-sliders{gap:var(--space-2);flex-direction:column;display:flex}.hush-slider{flex-direction:column;display:flex}.hush-slider-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.hush-slider-name{font-size:15px;font-weight:500;line-height:20px}.hush-slider-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}.hush-slider-ends{color:var(--muted);justify-content:space-between;margin-top:-6px;font-size:13px;line-height:18px;display:flex}.hush-range-wrap{height:var(--hit-target);color:var(--ink);position:relative}.hush-range-track,.hush-range-fill{height:var(--track-height);border-radius:var(--radius-full);pointer-events:none;position:absolute;top:20px;left:0}.hush-range-track{background:var(--track);right:0}.hush-range-fill{--fill:.5;width:calc(var(--thumb-size) / 2 + (100% - var(--thumb-size)) * var(--fill));background:var(--accent)}.hush-range{-webkit-appearance:none;appearance:none;width:100%;height:var(--hit-target);cursor:pointer;touch-action:pan-y;background:0 0;margin:0;padding:0;position:absolute;inset:0}.hush-range::-webkit-slider-runnable-track{height:var(--hit-target);background:0 0;border:0}.hush-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:var(--radius-full);background:currentColor;border:0;margin-top:11px}.hush-range::-moz-range-track{height:var(--hit-target);background:0 0;border:0}.hush-range::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:var(--radius-full);background:currentColor;border:0}.hush-range:focus{outline:none}.hush-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}.hush-range:focus-visible::-moz-range-thumb{outline:2px solid var(--accent);outline-offset:2px}.hush-bottom-bar{border-top:1px solid var(--track);background:var(--bg);padding:var(--space-3) var(--space-4) var(--space-5);flex:none}.hush-start{appearance:none;width:100%;height:var(--button-height);border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);justify-content:center;align-items:center;gap:var(--space-2);transition:transform .12s ease, background-color var(--fade-colors), color var(--fade-colors);border:0;font-size:15px;font-weight:500;line-height:20px;display:flex}.hush-start svg{width:24px;height:24px}.hush-start .hush-icon-pause{display:none}.hush-start[aria-pressed=true] .hush-icon-pause{display:block}.hush-start[aria-pressed=true] .hush-icon-play{display:none}.hush-start:active:not(:disabled){transform:scale(.98)}.hush-start:disabled{background:var(--surface);color:var(--muted)}.hush-empty{color:var(--muted);margin:0;font-size:15px;line-height:22px}.hush-screen button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hush-screen .hush-start:focus-visible,.hush-screen .hush-tile[aria-pressed=true]:focus-visible{outline-color:var(--ink)}.hush-screen [data-mood=meadow]{--swatch:var(--meadow-accent)}.hush-screen [data-mood=concrete]{--swatch:var(--concrete-accent)}.hush-screen [data-mood=porch]{--swatch:var(--porch-accent)}.hush-screen [data-mood=shore]{--swatch:var(--shore-accent)}.hush-screen [data-mood=static]{--swatch:var(--static-accent)}.hush-screen [data-mood=dusk]{--swatch:var(--dusk-accent)}.hush-screen [data-mood=ember]{--swatch:var(--ember-accent)}.hush-screen [data-mood=slate]{--swatch:var(--slate-accent)}.hush-screen [data-mood=tide]{--swatch:var(--tide-accent)}.hush-screen [data-mood=moss]{--swatch:var(--moss-accent)}@media (prefers-reduced-motion:reduce){.hush-screen,.hush-screen *{transition:none!important}.hush-start:active:not(:disabled){transform:none}}