@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/schibsted-grotesk-latin-500-normal-rf9C4Thp.woff2) format("woff2"),url(/assets/schibsted-grotesk-latin-500-normal-Ba39e-CX.woff) format("woff")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/schibsted-grotesk-latin-600-normal-Czv9Obfv.woff2) format("woff2"),url(/assets/schibsted-grotesk-latin-600-normal-BieE9YjJ.woff) format("woff")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/schibsted-grotesk-latin-700-normal-BkH0uJ1o.woff2) format("woff2"),url(/assets/schibsted-grotesk-latin-700-normal-Dz-okVa0.woff) format("woff")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/schibsted-grotesk-latin-800-normal-CIaq-TR1.woff2) format("woff2"),url(/assets/schibsted-grotesk-latin-800-normal-Dl5-MP1T.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-normal-BFBkh4jY.woff2) format("woff2"),url(/assets/newsreader-latin-400-normal-gRTjlS2D.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-normal-B66TYsaK.woff2) format("woff2"),url(/assets/newsreader-latin-500-normal-DFwuUcdu.woff) format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-600-normal-30OJ_TG_.woff2) format("woff2"),url(/assets/newsreader-latin-600-normal-DUnT2r2g.woff) format("woff")}:root{color-scheme:light;--paper: #F1F6F3;--paper-glass: rgba(241, 246, 243, .9);--paper-2: #E2ECE7;--card: #FAFDFB;--ink: #0C1F19;--ink-2: #43594F;--rule: #C5D6CD;--brand: #0A7A5C;--on-brand: #FFFFFF;--brand-soft: #D3EEE3;--them: #FF8A65;--on-them: #2A0E05;--them-soft: #FFD9CB;--dark: #0C1F19;--dark-ink: #F1F6F3;--dark-2: #A7C0B4;--dark-rule: #23443A;--note-bg: #FFE3D6;--note-ink: #3A1608;--bad: #C62828;--heart: #D6336C;--font-ui: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-text: "Newsreader", Georgia, "Times New Roman", serif;--wrap: 120rem}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #0A1613;--paper-glass: rgba(10, 22, 19, .9);--paper-2: #10201B;--card: #13261F;--ink: #EAF3EE;--ink-2: #9DB5A9;--rule: #24403A;--brand: #3DDC97;--on-brand: #06261A;--brand-soft: #14402F;--them: #FF9E80;--on-them: #2A0E05;--them-soft: #4A2416;--dark: #050D0A;--dark-ink: #EAF3EE;--dark-2: #9DB5A9;--dark-rule: #1C3730;--note-bg: #3A1E12;--note-ink: #FFD3BF;--bad: #FF7B7B;--heart: #FF7AA8}}:root[data-theme=dark]{color-scheme:dark;--paper: #0A1613;--paper-glass: rgba(10, 22, 19, .9);--paper-2: #10201B;--card: #13261F;--ink: #EAF3EE;--ink-2: #9DB5A9;--rule: #24403A;--brand: #3DDC97;--on-brand: #06261A;--brand-soft: #14402F;--them: #FF9E80;--on-them: #2A0E05;--them-soft: #4A2416;--dark: #050D0A;--dark-ink: #EAF3EE;--dark-2: #9DB5A9;--dark-rule: #1C3730;--note-bg: #3A1E12;--note-ink: #FFD3BF;--bad: #FF7B7B;--heart: #FF7AA8}*,*:before,*:after{box-sizing:border-box}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-mid: .28s;--dur-slow: .5s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(16px,calc(.9vw + 2px),32px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:1.125rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p,ul,ol,dl,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}svg{flex-shrink:0;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:3px}.dark-zone :focus-visible{outline-color:var(--dark-ink)}#main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:1rem;top:-120px;z-index:100;background:var(--brand);color:var(--on-brand);padding:.6rem 1rem;border-radius:4px;text-decoration:none;font-family:var(--font-ui);font-weight:600}.skip:focus{top:1rem}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1.25rem,4.5vw,5rem)}.section{padding-block:clamp(3.5rem,7vw,6rem)}.display{font-family:var(--font-ui);font-weight:800;letter-spacing:-.045em;line-height:.95;font-size:clamp(2.75rem,6vw,5.5rem);text-wrap:balance}.display span{display:block}.display--m{font-family:var(--font-ui);font-weight:800;letter-spacing:-.04em;line-height:1;font-size:clamp(2.25rem,5.5vw,4.25rem);text-wrap:balance}.h1{font-family:var(--font-ui);font-weight:800;letter-spacing:-.04em;line-height:1;font-size:clamp(2.5rem,6.5vw,4.75rem);max-width:16ch;text-wrap:balance}.h2{font-family:var(--font-ui);font-weight:700;letter-spacing:-.03em;line-height:1.1;font-size:clamp(1.75rem,3.2vw,2.5rem);text-wrap:balance}.h2--sm{font-size:clamp(1.4rem,2.4vw,1.9rem);max-width:30ch}.h3{font-family:var(--font-ui);font-weight:700;letter-spacing:-.02em;line-height:1.2;font-size:1.35rem}.lead{font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.5;color:var(--ink-2);max-width:34em}.fine{font-size:.98rem;color:var(--ink-2)}.prose>*+*{margin-top:1.1rem}.prose p{color:var(--ink-2);max-width:36em}.prose .strong{color:var(--ink);font-weight:500;font-size:1.2em}.link{color:var(--brand);text-underline-offset:3px;text-decoration-thickness:1.5px}.textlink{font-family:var(--font-ui);font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:6px}.textlink:hover{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.5rem;border-radius:4px;border:0;cursor:pointer;background:var(--brand);color:var(--on-brand);font-family:var(--font-ui);font-weight:600;font-size:1rem;text-decoration:none;text-align:center;transition:background-color .15s ease,color .15s ease}.btn:hover{background:var(--ink);color:var(--paper)}.btn--sm{min-height:40px;padding:.5rem 1rem;font-size:.95rem}.btn--light{background:var(--dark-ink);color:var(--dark)}.btn--light:hover{background:var(--brand);color:var(--on-brand)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2rem}.icon-btn{width:42px;height:42px;padding:0;border-radius:6px;border:1px solid var(--rule);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.icon-btn:hover{border-color:var(--ink-2)}.icon-btn svg{width:20px;height:20px}.icon-sun{display:none}:root[data-theme=dark] .icon-moon{display:none}:root[data-theme=dark] .icon-sun{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .icon-moon{display:none}:root:not([data-theme=light]) .icon-sun{display:block}}.site-header{position:sticky;top:0;z-index:50;background:var(--paper-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}.header__row{display:flex;align-items:center;gap:1rem;min-height:4.25rem}.brand{display:inline-flex;align-items:center;text-decoration:none;color:var(--ink)}.brand__logo{display:block;height:2.5rem;width:auto}.dark-zone .brand{--brand: #3DDC97;--them: #FF9E80;color:var(--dark-ink)}.header__actions{margin-left:auto;display:flex;gap:.5rem;align-items:center}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.25rem;padding:1rem clamp(1.25rem,4.5vw,5rem) 1.5rem;background:var(--paper);border-bottom:1px solid var(--rule)}.nav.is-open{display:flex}.nav a:not(.btn){padding:.75rem .25rem;text-decoration:none;font-family:var(--font-ui);font-weight:500}.nav a:not(.btn):hover{color:var(--brand)}.nav a[aria-current=page]:not(.btn){text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:8px}.nav-toggle .i-close,.nav-toggle[aria-expanded=true] .i-menu{display:none}.nav-toggle[aria-expanded=true] .i-close{display:block}@media (min-width: 821px){.nav{display:flex;position:static;flex-direction:row;align-items:center;margin-left:auto;padding:0;background:none;border:0;gap:.5rem}.nav a:not(.btn){padding:.5rem .8rem}.header__actions{margin-left:.5rem}.nav-toggle{display:none}}.hero{padding-block:clamp(2.5rem,5vw,4.5rem) clamp(3.5rem,7vw,6rem)}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(3rem,6vw,4rem);align-items:start}.hero__copy .lead{margin-top:1.75rem}@media (min-width: 980px){.hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}}.demo{width:100%;max-width:23.5rem;margin-inline:auto}@media (min-width: 980px){.demo{margin-inline:auto 1.5rem}}.phone{width:100%;aspect-ratio:9 / 18.4;padding:.6rem;border-radius:2.9rem;background:var(--dark);border:1px solid var(--dark-rule);box-shadow:0 2.75rem 5rem -2rem #0c1f1961}.phone__screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:2.35rem;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:.8125rem;line-height:1.42}.phone__screen:after{content:"";position:absolute;top:.45rem;left:50%;width:4.6rem;height:1.15rem;transform:translate(-50%);border-radius:999px;background:var(--dark);z-index:60}.ph-status{position:relative;z-index:50;display:flex;justify-content:space-between;align-items:center;height:2rem;padding:.25rem 1.5rem 0;font-size:.72rem;font-weight:700;flex:none}.ph-status.is-dark{color:var(--dark-ink)}.ph-status__icons{display:inline-flex;align-items:center;gap:.35rem}.ph-bars{display:inline-flex;align-items:flex-end;gap:1.5px;height:.6rem}.ph-bars b{width:2.5px;background:currentColor;border-radius:1px}.ph-bars b:nth-child(1){height:30%}.ph-bars b:nth-child(2){height:55%}.ph-bars b:nth-child(3){height:78%}.ph-bars b:nth-child(4){height:100%}.ph-batt{width:1.15rem;height:.55rem;border:1.5px solid currentColor;border-radius:3px;position:relative}.ph-batt:after{content:"";position:absolute;inset:1px 30% 1px 1px;background:currentColor;border-radius:1px}.ph-splash{--brand: #3DDC97;--them: #FF9E80;position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;background:var(--dark);color:var(--dark-ink)}.ph-splash__mark{width:4.2rem;height:4.2rem;animation:splash-pop .7s var(--ease-spring) both}@keyframes splash-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.ph-splash__name{font-weight:800;font-size:1.7rem;letter-spacing:-.04em;opacity:0;transform:translateY(4px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.ph-splash__name.is-on{opacity:1;transform:none}.ph-app{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.ph-screen-swap{flex:1;min-height:0;display:flex;flex-direction:column;animation:screen-in .42s var(--ease-out) both}@keyframes screen-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.ph-icon{width:2rem;height:2rem;display:grid;place-items:center;color:var(--ink-2);border-radius:50%;flex:none;transition:transform .12s var(--ease-out),background-color .12s var(--ease-out)}.ph-icon svg{width:1.15rem;height:1.15rem}.ph-add{flex:1;display:flex;flex-direction:column;padding:1.4rem 1.1rem 1.1rem}.ph-add h3{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;margin:.6rem 0 .3rem}.ph-add p{color:var(--ink-2);font-size:.82rem;margin:0 0 1.4rem}.ph-label{font-size:.72rem;font-weight:600;color:var(--ink-2);margin-bottom:.3rem}.ph-field{min-height:2.6rem;display:flex;align-items:center;padding:0 .8rem;border:2px solid var(--brand);border-radius:.7rem;background:var(--card);font-size:1.05rem;font-weight:700;letter-spacing:.06em}.ph-btn{margin-top:.9rem;display:grid;place-items:center;min-height:2.6rem;border-radius:.7rem;background:var(--brand);color:var(--on-brand);font-weight:700;transition:transform .12s var(--ease-out),filter .12s var(--ease-out)}.ph-mycode{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:.7rem .8rem;border:1px dashed var(--ink-2);border-radius:.7rem}.ph-mycode small{color:var(--ink-2)}.ph-mycode b{letter-spacing:.08em}.ph-placeholder{color:var(--ink-2);opacity:.65;font-weight:500;letter-spacing:0}.ph-caret{display:inline-block;width:2px;height:1.05em;margin-left:1px;background:var(--brand);animation:caret 1.1s steps(1) infinite;vertical-align:text-bottom}.ph-head{flex:none;display:flex;align-items:center;gap:.55rem;padding:.35rem .7rem .55rem;background:var(--card);border-bottom:1px solid var(--rule)}.ph-avatar{width:2.1rem;height:2.1rem;border-radius:50%;background:var(--them);color:var(--on-them);display:grid;place-items:center;font-weight:800;flex:none}.ph-who{flex:1;min-width:0;display:grid;line-height:1.2}.ph-who b{font-size:.92rem}.ph-who small{font-size:.7rem;color:var(--ink-2)}.ph-who small.is-online:before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-right:.3rem;border-radius:50%;background:var(--brand);vertical-align:1px}.ph-who small.is-typing{color:var(--brand);font-weight:600}.ph-searchbox{flex:1;min-height:2rem;display:flex;align-items:center;padding:0 .8rem;border-radius:999px;background:var(--paper-2);font-size:.85rem;overflow:hidden;white-space:nowrap}.ph-pinbar{flex:none;display:flex;gap:.5rem;align-items:center;padding:.35rem .8rem;background:var(--brand-soft);border-bottom:1px solid var(--rule);font-size:.75rem}.ph-pinbar b{color:var(--brand);flex:none}.ph-pinbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ph-msgs{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:.85rem .8rem .7rem;overflow:hidden}.ph-note{align-self:center;text-align:center;max-width:85%;padding:.3rem .7rem;border-radius:999px;background:var(--paper-2);color:var(--ink-2);font-size:.7rem;margin-bottom:.3rem}.ph-msg{position:relative;max-width:78%;padding:.5rem .75rem .32rem;border-radius:1.1rem;transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.ph-msg p{margin:0}.ph-msg--me{align-self:flex-end;background:var(--brand-soft);color:var(--ink);border-bottom-right-radius:.3rem}.ph-msg--them{align-self:flex-start;background:var(--them-soft);color:var(--ink);border-bottom-left-radius:.3rem}.ph-msg.has-react{margin-bottom:.65rem}.ph-msg.is-deleted{background:transparent;border:1px dashed var(--ink-2);color:var(--ink-2);font-style:italic}.is-pressed{transform:scale(.975);filter:brightness(.95);transition-duration:.1s}.ph-meta{display:flex;justify-content:flex-end;align-items:center;gap:.3rem;margin-top:.1rem;font-size:.625rem;opacity:.65}.ph-meta em{font-style:normal}.ph-ticks{width:.85rem;height:.6rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--dur-mid) var(--ease-out)}.ph-ticks.is-read{stroke:var(--them)}.ph-react{position:absolute;bottom:-.7rem;left:.45rem;min-width:1.5rem;height:1.4rem;padding:0 .3rem;display:grid;place-items:center;background:var(--paper);border:1px solid var(--rule);border-radius:999px;font-size:.8rem;color:var(--heart)}.ph-pinmark{display:block;font-size:.62rem;font-weight:700;opacity:.7;color:var(--brand);margin-bottom:.12rem}.ph-quote{display:grid;gap:.05rem;margin-bottom:.35rem;padding:.25rem .5rem;border-left:3px solid var(--brand);border-radius:.4rem;background:#0000000e;font-size:.7rem}.ph-quote span{opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-file{display:flex;align-items:center;gap:.5rem;padding:.15rem 0;min-width:9.5rem}.ph-file__icon{width:2rem;height:2.3rem;display:grid;place-items:center;border-radius:.4rem;background:#00000012;font-size:.6rem;font-weight:800;flex:none;color:var(--ink-2)}.ph-file__info{display:grid;min-width:0}.ph-file__info b{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-file__info small{font-size:.66rem;opacity:.75}.ph-file__state{display:inline-flex;align-items:center;gap:.2rem}.ph-file__state svg{width:.75rem;height:.75rem;stroke-width:3}.ph-file__state.is-ok{font-weight:700}.ph-spin{width:.6rem;height:.6rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.ph-typing{align-self:flex-start;display:flex;gap:4px;padding:.65rem .9rem;border-radius:1.1rem 1.1rem 1.1rem .3rem;background:var(--them-soft);color:var(--ink-2)}.ph-typing i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;animation:blink 1s infinite}.ph-typing i:nth-child(2){animation-delay:.15s}.ph-typing i:nth-child(3){animation-delay:.3s}.ph-composer{flex:none;background:var(--card);border-top:1px solid var(--rule);padding:.45rem .6rem .9rem}.ph-cbar{margin-bottom:.4rem;padding:.3rem .55rem;border-left:3px solid var(--brand);border-radius:.35rem;background:var(--brand-soft);font-size:.72rem}.ph-cbar div{display:grid}.ph-cbar b{color:var(--brand)}.ph-cbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-row{display:flex;align-items:flex-end;gap:.35rem}.ph-input{flex:1;min-width:0;min-height:2.1rem;max-height:3.6rem;overflow:hidden;display:block;padding:.42rem .8rem;border-radius:1.05rem;background:var(--paper-2);font-size:.82rem;word-break:break-word}.ph-send{width:2.1rem;height:2.1rem;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--paper-2);color:var(--ink-2);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform .12s var(--ease-out)}.ph-send svg{width:1.05rem;height:1.05rem}.ph-send.is-ready{background:var(--brand);color:var(--on-brand)}.ph-ctx{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:.9rem;background:#06100c94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ctx-in .28s var(--ease-out) both}@keyframes ctx-in{0%{opacity:0}to{opacity:1}}.ph-ctx__stack{width:100%;display:flex;flex-direction:column;gap:.5rem}.ph-ctx__stack--me{align-items:flex-end}.ph-ctx__stack--them{align-items:flex-start}.ph-ctx .ph-msg{max-width:92%}.ph-bar{display:flex;gap:.1rem;padding:.25rem .4rem;border-radius:999px;background:var(--card);border:1px solid var(--rule)}.ph-bar span{padding:.15rem .3rem;font-size:1rem;border-radius:999px;transition:transform .15s var(--ease-spring),background-color .15s var(--ease-out);color:var(--heart)}.ph-bar span.is-active{background:var(--brand-soft);transform:scale(1.3)}.ph-menu{min-width:9.2rem;overflow:hidden;border-radius:.85rem;background:var(--card);border:1px solid var(--rule);font-size:.82rem;font-weight:500}.ph-menu li{padding:.55rem .85rem;border-top:1px solid var(--rule);transition:background-color var(--dur-fast) var(--ease-out),padding-left var(--dur-fast) var(--ease-out)}.ph-menu li.is-active{padding-left:1.05rem}.ph-menu li:first-child{border-top:0}.ph-menu li.is-active{background:var(--brand-soft)}.ph-menu li.is-danger{color:var(--bad)}.ph-sheetwrap{position:absolute;inset:0;z-index:15;display:flex;align-items:flex-end;background:#06100c59}.ph-sheet{width:100%;padding:.9rem 1rem 1rem;border-radius:1.2rem 1.2rem 0 0;background:var(--card);border-top:1px solid var(--rule);animation:sheet-in .34s var(--ease-out) both}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ph-sheet b{display:block;margin-bottom:.5rem}.ph-sheet li{padding:.6rem .7rem;border-radius:.6rem;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.ph-sheet li.is-active{transform:translate(3px)}.ph-sheet li.is-active{background:var(--brand-soft);font-weight:600}.ph-drop{position:absolute;top:.3rem;right:.6rem;z-index:18;min-width:7rem;overflow:hidden;border-radius:.8rem;background:var(--card);border:1px solid var(--rule);font-weight:500;transform-origin:top right;animation:drop-in .24s var(--ease-out) both}@keyframes drop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.ph-drop li{padding:.55rem .85rem;border-top:1px solid var(--rule);transition:background-color var(--dur-fast) var(--ease-out)}.ph-drop li:first-child{border-top:0}.ph-drop li.is-active{background:var(--brand-soft)}.ph-toast{position:absolute;top:.2rem;left:.6rem;right:.6rem;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .75rem;border-radius:.95rem;background:var(--dark);color:var(--dark-ink);border:1px solid var(--dark-rule);font-size:.74rem;animation:toast-in .38s var(--ease-out) both}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}.ph-toast__text{display:grid}.ph-toast small{color:var(--dark-2)}.ph-toast__btn{flex:none;padding:.35rem .55rem;border-radius:.5rem;background:var(--dark-ink);color:var(--dark);font-weight:700;font-size:.68rem;text-align:center;transition:transform .12s var(--ease-out)}.ph-toast__done{display:inline-flex;align-items:center;gap:.4rem}.ph-toast__done svg{width:1rem;height:1rem;color:#3ddc97;stroke-width:3}.ph-results{flex:1;padding:.7rem .8rem;overflow:hidden}.ph-results__count{font-size:.72rem;color:var(--ink-2);margin:0 0 .5rem}.ph-hit{padding:.55rem .7rem;margin-bottom:.45rem;border:1px solid var(--rule);border-radius:.75rem;background:var(--card)}.ph-hit__top{display:flex;justify-content:space-between;font-size:.72rem}.ph-hit__top small{color:var(--ink-2)}.ph-hit p{margin:.15rem 0 0;font-size:.82rem}.ph-hit mark{background:var(--them);color:var(--on-them);border-radius:2px;padding:0 .1em}@keyframes blink{0%,85%,to{opacity:.3}42%{opacity:.95}}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.pop{animation:pop .36s var(--ease-out) both}.fade-in{animation:fade .35s var(--ease-out) both}@media (prefers-reduced-motion: reduce){.pop,.fade-in,.ph-caret,.ph-typing i,.ph-spin{animation:none}.btn,.ph-splash__name,.ph-msg,.ph-send,.ph-icon{transition:none}}.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem}@media (min-width: 900px){.cols{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:3rem}.cols__sticky{position:sticky;top:6rem;align-self:start}}.ruled{border-top:1px solid var(--rule)}.tint{background:var(--paper-2)}.wall{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.25rem}.wall__pane{border:1px solid var(--rule);border-radius:6px;padding:1.25rem}.wall__title{font-family:var(--font-ui);font-weight:600;font-size:.95rem;color:var(--ink-2);margin-bottom:1rem}.crowd{display:flex;flex-wrap:wrap;gap:.5rem}.crowd i{position:relative;width:26px;height:26px;border-radius:50%;background:var(--rule)}.crowd i:nth-child(3n):after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--bad);border:2px solid var(--paper)}.wall__one{display:grid;place-items:center;min-height:120px}.bigdot{width:84px;height:84px;border-radius:50%;background:var(--them);color:var(--on-them);display:grid;place-items:center;font-family:var(--font-ui);font-weight:800;font-size:2rem;border:2px solid var(--ink)}.features{border-bottom:1px solid var(--rule)}.feature{padding-block:1.75rem;border-top:1px solid var(--rule)}.feature .h3{margin-bottom:.5rem}.feature p{color:var(--ink-2);max-width:34em}.snip{margin-top:1.1rem;max-width:26rem;border:1px solid var(--rule);border-radius:6px;background:var(--card);font-family:var(--font-ui);font-size:.95rem}.snip__q{padding:.55rem .9rem;border-bottom:1px solid var(--rule);color:var(--ink-2)}.snip__hit{padding:.65rem .9rem}.snip__hit small{display:block;color:var(--ink-2)}mark{background:var(--them-soft);color:var(--ink);padding:0 .15em;border-radius:2px}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.tags li{padding:.25rem .7rem;border:1px solid var(--ink-2);border-radius:3px;font-family:var(--font-ui);font-size:.9rem;font-weight:500}.log{margin-top:1.1rem;max-width:26rem;border:1px solid var(--rule);border-radius:6px;background:var(--card);font-family:var(--font-ui);font-size:.95rem}.log li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .9rem;border-top:1px solid var(--rule)}.log li:first-child{border-top:0}.log li em{font-style:normal;color:var(--ink-2);font-size:.85rem}.log .is-bad span{color:var(--bad);font-weight:600}.log-btn{display:inline-block;margin-top:.75rem;padding:.4rem .85rem;border:1px solid var(--ink-2);border-radius:4px;font-family:var(--font-ui);font-weight:600;font-size:.9rem}.statement{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.4;font-weight:500;max-width:26em}.pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;max-width:30rem}.pair figure{border:1px solid var(--rule);border-radius:6px;background:var(--paper);padding:1.25rem .75rem .9rem;text-align:center}.pair figcaption{margin-top:.6rem;font-family:var(--font-ui);font-size:.85rem;color:var(--ink-2);line-height:1.35}.pair svg{display:block;margin-inline:auto;width:100%;max-width:110px;height:auto}.dot-muted{fill:var(--ink-2)}.dot-you{fill:var(--brand)}.dot-them{fill:var(--them);stroke:var(--ink);stroke-width:2}.ln-muted{stroke:var(--rule);stroke-width:3;stroke-dasharray:4 6;stroke-linecap:round}.ln-solid{stroke:var(--ink);stroke-width:3;stroke-linecap:round}.dark-zone{background:var(--dark);color:var(--dark-ink)}.dark-zone p{color:var(--dark-2)}.band-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;margin-top:2.5rem}@media (min-width: 800px){.band-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.band-item{border-top:2px solid var(--dark-rule);padding-top:1rem}.band-item .h3{color:var(--dark-ink);margin-bottom:.4rem}.dark-zone .actions{margin-top:2.25rem}.closer{background:var(--paper-2);border-top:1px solid var(--rule);padding-block:clamp(3.5rem,8vw,6.5rem)}.closer__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:end}@media (min-width: 900px){.closer__grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:3rem}}.closer .actions{margin-top:0}.closer__side .fine{margin-top:.9rem}.page-hero{padding-block:clamp(3rem,7vw,5.5rem) clamp(2rem,4vw,3rem)}.page-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.page-hero .lead{margin-top:0}.page-hero .actions{margin-top:.5rem}@media (min-width: 980px){.page-hero .wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4rem;align-items:end}.page-hero .actions{grid-column:1 / -1}}.steps{border-bottom:1px solid var(--rule)}.step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:1rem;padding-block:2rem;border-top:1px solid var(--rule)}@media (min-width: 700px){.step{grid-template-columns:150px minmax(0,1fr)}}.step__num{font-family:var(--font-ui);font-weight:800;letter-spacing:-.05em;line-height:.9;font-size:clamp(2.75rem,7vw,5rem);color:var(--brand)}.step .h3{font-size:clamp(1.4rem,2.4vw,1.85rem)}.step p{color:var(--ink-2);max-width:32em;margin-top:.35rem}.table-wrap{overflow-x:auto;margin-top:1.5rem;border-top:2px solid var(--ink)}table{width:100%;border-collapse:collapse;min-width:520px;font-size:1.05rem}caption{text-align:left;padding:.9rem 0;font-family:var(--font-ui);font-weight:600;color:var(--ink-2)}th,td{padding:.9rem 1rem .9rem 0;text-align:left;border-top:1px solid var(--rule);vertical-align:top}thead th{font-family:var(--font-ui);font-weight:700}tbody th{font-weight:500}.col-us{color:var(--brand);font-weight:600;font-family:var(--font-ui)}.qa{display:grid;gap:.75rem;padding-block:1.75rem;border-top:1px solid var(--rule)}.qa:last-child{border-bottom:1px solid var(--rule)}.qa__q{font-family:var(--font-ui);font-weight:700;letter-spacing:-.02em;line-height:1.2;font-size:1.4rem}.qa__a{color:var(--ink-2);max-width:34em}@media (min-width: 900px){.qa{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem}}.doc{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:2rem clamp(3rem,6vw,5rem)}.toc{min-width:0;align-self:start}.toc__title{font-family:var(--font-ui);font-weight:600;font-size:.95rem;margin-bottom:.5rem}.toc ul{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.toc a{display:block;white-space:nowrap;padding:.4rem .85rem;border:1px solid var(--rule);border-radius:4px;color:var(--ink-2);text-decoration:none;font-family:var(--font-ui);font-size:.95rem}.toc a:hover{color:var(--ink);border-color:var(--ink-2)}.toc a[aria-current=true]{color:var(--on-brand);background:var(--brand);border-color:var(--brand)}@media (min-width: 960px){.doc{grid-template-columns:14.4rem minmax(0,1fr);gap:4rem;padding-top:3rem}.toc{position:sticky;top:6rem}.toc ul{display:grid;gap:0;overflow:visible;padding-bottom:0;border-left:1px solid var(--rule)}.toc a{border:0;border-left:3px solid transparent;margin-left:-2px;border-radius:0;white-space:normal;padding:.4rem .9rem}.toc a:hover{border-left-color:var(--rule)}.toc a[aria-current=true]{background:none;color:var(--brand);border-left-color:var(--brand);font-weight:600}}.sec{scroll-margin-top:6.5rem;padding-block:2.25rem;border-top:1px solid var(--rule)}.sec:first-child{border-top:0;padding-top:0}.sec>*+*,.sec__intro>*+*,.sec__more>*+*{margin-top:1rem}.sec__more{margin-top:1rem}@media (min-width: 1200px){.sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:4rem;align-items:start}.sec__more{margin-top:0}.sec__more>*:first-child{margin-top:0}.sec>.note{grid-column:1 / -1}}.sec p{color:var(--ink-2);max-width:36em}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.5rem;font-family:var(--font-ui)}.chip{padding:.4rem .85rem;border:1px solid var(--ink-2);border-radius:4px;font-size:.95rem;font-weight:500;background:var(--card)}.chip--brand{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.chip--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.flow__line{flex:0 0 26px;height:2px;background:var(--ink-2)}.attempts{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2rem;margin-top:1.5rem;padding:1.25rem;border:1px solid var(--rule);border-radius:6px;background:var(--card)}.attempts .cap{margin-top:.6rem;font-family:var(--font-ui);font-size:.9rem;color:var(--ink-2)}.pips{display:flex;align-items:center;gap:.4rem;height:44px}.pips i{width:14px;height:14px;border-radius:50%;background:var(--bad)}.cool{display:flex;align-items:flex-end;gap:5px;height:44px}.cool i{width:14px;background:var(--brand);border-radius:2px 2px 0 0}.cool i:nth-child(1){height:30%}.cool i:nth-child(2){height:50%}.cool i:nth-child(3){height:75%}.cool i:nth-child(4){height:100%}.details{display:grid;gap:1.5rem;margin-top:1.25rem}.details li{padding-left:1.1rem;border-left:3px solid var(--brand)}.details strong{display:block;font-family:var(--font-ui);font-size:1.1rem;margin-bottom:.25rem}.details p{margin:0}.codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1.5rem;max-width:420px}.codes span{padding:.55rem .4rem;text-align:center;border:1px dashed var(--ink-2);border-radius:3px;background:var(--card);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;color:var(--ink-2);letter-spacing:.08em}@media (min-width: 560px){.codes{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}}.life{display:grid;gap:.75rem;margin-top:1rem}@media (min-width: 720px){.life{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.life li{padding-top:.75rem;border-top:2px solid var(--ink)}.life strong{display:block;font-family:var(--font-ui);font-size:1rem}.life span{color:var(--ink-2);font-size:1rem}.probe{margin-top:1.25rem;border-top:2px solid var(--ink);font-family:var(--font-ui)}.probe li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.75rem 0;border-bottom:1px solid var(--rule)}.probe .ok{color:var(--brand);font-weight:600}.probe .no{color:var(--bad);font-weight:600}.note{background:var(--note-bg);color:var(--note-ink);border:1px solid var(--ink);border-radius:6px;padding:clamp(1.25rem,3vw,2rem)}.note p,.sec .note p{color:var(--note-ink);max-width:36em}.note .cols2{display:grid;gap:1rem;margin-top:1.25rem}@media (min-width: 640px){.note .cols2{grid-template-columns:1fr 1fr;gap:2rem}}.note .cols2>div{border-top:2px solid var(--note-ink);padding-top:.6rem}.note .cols2 strong{display:block;font-family:var(--font-ui);margin-bottom:.25rem}.note .cols2 p{margin:0}.note--sm{padding:1rem 1.25rem;margin-top:1.25rem}.start{max-width:640px}.checks{display:grid;gap:.5rem;margin-top:.9rem}.checks li{position:relative;padding-left:1.5rem;color:var(--ink-2)}.checks li:before{content:"";position:absolute;left:0;top:.65em;width:.6rem;height:.6rem;border-radius:50%;background:var(--them)}.start__card{border:1px solid var(--rule);border-radius:6px;padding:clamp(1.25rem,3vw,2rem);background:var(--card)}.start__card .btn{margin-top:1.5rem}.start__card .fine{margin-top:.75rem}.site-footer{padding-block:3.5rem 2rem}.footer__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}@media (min-width: 720px){.footer__grid{grid-template-columns:1.4fr 1fr}}.footer__tag{margin-top:.75rem;max-width:30ch}.footer__links{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;align-content:flex-start;font-family:var(--font-ui)}.footer__links a{text-decoration:none;color:var(--dark-2);padding:.25rem 0}.footer__links a:hover{color:var(--dark-ink);text-decoration:underline}.footer__links a[aria-current=page]{color:var(--dark-ink);font-weight:600}.footer__legal{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--dark-rule);font-size:.95rem}.noscript{padding:2rem;text-align:center}.section--flush-top{padding-top:1rem}.sec .lead-in{color:var(--ink);font-weight:500}.page-transition{animation:page-in .5s var(--ease-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.btn{transition:background-color var(--dur-mid) var(--ease-out),color var(--dur-mid) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-mid) var(--ease-out)}.btn:hover{transform:translateY(-2px);box-shadow:0 .6rem 1.4rem -.7rem #0c1f1959}.btn:active{transform:translateY(0);box-shadow:none;transition-duration:.08s}.btn--light:hover{box-shadow:0 .6rem 1.4rem -.7rem #00000073}.textlink,.link{position:relative;transition:color var(--dur-fast) var(--ease-out)}.textlink{background-image:linear-gradient(var(--blue, var(--brand)),var(--brand));background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;padding-bottom:2px;text-decoration:none!important}.textlink:hover{background-size:100% 2px}.icon-btn{transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.icon-btn:hover{transform:translateY(-1px)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{transition:transform var(--dur-mid) var(--ease-spring),opacity var(--dur-mid) var(--ease-out)}#theme-toggle .icon-moon,#theme-toggle .icon-sun{transition:transform .45s var(--ease-spring),opacity .25s var(--ease-out)}#theme-toggle:hover .icon-moon{transform:rotate(-18deg)}#theme-toggle:hover .icon-sun{transform:rotate(35deg)}.nav a:not(.btn){position:relative}.nav a:not(.btn):after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.3rem;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-mid) var(--ease-out)}.nav a:not(.btn):hover:after{transform:scaleX(1)}.nav a[aria-current=page]:not(.btn){text-decoration:none}.nav a[aria-current=page]:not(.btn):after{transform:scaleX(1);background:var(--brand)}@media (min-width: 821px){.nav a:not(.btn):after{left:.8rem;right:.8rem}}.brand__logo circle{transition:transform var(--dur-mid) var(--ease-spring);transform-box:fill-box;transform-origin:center}.brand:hover .brand__logo circle:first-of-type{transform:translateY(-1.5px)}.brand:hover .brand__logo circle:last-of-type{transform:translateY(1.5px)}.feature{position:relative;transition:padding-left var(--dur-mid) var(--ease-out)}.feature:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:3px;background:var(--brand);transform:scaleY(0);transform-origin:top;transition:transform var(--dur-mid) var(--ease-out)}.feature:hover:before{transform:scaleY(1)}.feature:hover{padding-left:.9rem}tbody tr{transition:background-color var(--dur-fast) var(--ease-out)}tbody tr:hover{background:var(--paper-2)}.qa{transition:transform var(--dur-mid) var(--ease-out)}.qa:hover{transform:translate(4px)}.band-item{transition:transform var(--dur-mid) var(--ease-out),border-color var(--dur-mid) var(--ease-out)}.band-item:hover{transform:translateY(-3px);border-color:var(--brand)}.pair figure{transition:transform var(--dur-mid) var(--ease-out),border-color var(--dur-mid) var(--ease-out)}.pair figure:hover{transform:translateY(-3px);border-color:var(--ink-2)}.step{transition:padding-left var(--dur-mid) var(--ease-out)}.step:hover .step__num{transform:translate(3px)}.step__num{display:inline-block;transition:transform var(--dur-mid) var(--ease-out)}.toc a{transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.crowd i{transition:transform var(--dur-fast) var(--ease-out)}.wall__pane:hover .crowd i{transform:translateY(-1px)}.bigdot{transition:transform var(--dur-mid) var(--ease-spring)}.wall__pane:hover .bigdot{transform:scale(1.05)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.page-transition{animation:none}.btn:hover,.icon-btn:hover,.band-item:hover,.pair figure:hover,.bigdot,.step:hover .step__num{transform:none}}