@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url("./fonts/schibsted-grotesk-latin-ext-wght-normal-BGULE5YG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url("./fonts/schibsted-grotesk-latin-wght-normal-3LQMT5AL.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url("./fonts/figtree-latin-ext-wght-normal-O22BDGD7.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url("./fonts/figtree-latin-wght-normal-SOXVSX3R.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--mist: #f3f5f4;--surface: #ffffff;--surface-2: #f8faf9;--ink: #15212b;--ink-2: #4d5b66;--ink-3: #5f6b75;--line: #dde3e1;--line-2: #eaeeec;--accent: #1f5d73;--accent-ink: #ffffff;--accent-soft: color-mix(in oklab, var(--accent) 12%, var(--surface));--accent-text: var(--accent);--good: #1e7a4c;--good-soft: #e3f3ea;--warn: #9a5b00;--warn-soft: #fbefd9;--bad: #b3261e;--bad-soft: #fbe5e3;--info: #2b5aa8;--info-soft: #e5edfa;--shadow: 0 1px 2px rgb(21 33 43 / 6%), 0 4px 16px rgb(21 33 43 / 5%);--shadow-lg: 0 10px 40px rgb(21 33 43 / 16%);--c1: var(--accent);--c2: #c08a2b;--c3: #4f8a72;--c4: #7a6fae;--c5: #b5546a;--c6: #4b8bb0;--radius: 14px;--radius-sm: 10px;--font: "Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Schibsted Grotesk Variable", var(--font);--tabbar-h: 64px;--topbar-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-x: max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--gutter: max(16px, var(--safe-x));color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--mist: #0d141a;--surface: #151f27;--surface-2: #1a2630;--ink: #e8eef1;--ink-2: #a9b6bf;--ink-3: #8a97a1;--line: #26343f;--line-2: #1f2c36;--accent-soft: color-mix(in oklab, var(--accent) 22%, var(--surface));--accent-text: color-mix(in oklab, var(--accent) 55%, white);--good: #5cc48d;--good-soft: #15302a;--warn: #f0b252;--warn-soft: #33270f;--bad: #ff8a80;--bad-soft: #3a1c1b;--info: #8db4ff;--info-soft: #18243a;--shadow: 0 1px 2px rgb(0 0 0 / 30%);--shadow-lg: 0 10px 40px rgb(0 0 0 / 50%);color-scheme:dark}}:root[data-theme=dark]{--mist: #0d141a;--surface: #151f27;--surface-2: #1a2630;--ink: #e8eef1;--ink-2: #a9b6bf;--ink-3: #8a97a1;--line: #26343f;--line-2: #1f2c36;--accent-soft: color-mix(in oklab, var(--accent) 22%, var(--surface));--accent-text: color-mix(in oklab, var(--accent) 55%, white);--good: #5cc48d;--good-soft: #15302a;--warn: #f0b252;--warn-soft: #33270f;--bad: #ff8a80;--bad-soft: #3a1c1b;--info: #8db4ff;--info-soft: #18243a;--shadow: 0 1px 2px rgb(0 0 0 / 30%);--shadow-lg: 0 10px 40px rgb(0 0 0 / 50%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--mist);color:var(--ink);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--display);line-height:1.15;margin:0;letter-spacing:-.01em}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.15rem;font-weight:650}h3{font-size:1rem;font-weight:650}p{margin:0}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:.85rem}.tiny{font-size:.75rem}.eyebrow{font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}table.sr-only{display:block}.row{display:flex;align-items:center;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.stack{display:grid;gap:12px}.stack-lg{display:grid;gap:20px}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{min-height:100dvh}.topbar{position:sticky;top:0;z-index:20;padding-top:var(--safe-top);background:color-mix(in oklab,var(--mist) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line-2)}.topbar-inner{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 var(--gutter);max-width:1180px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none}.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:700 .95rem/1 var(--display);flex:none}.brand-logo{background:#fff;box-shadow:inset 0 0 0 1px #15212b1a;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:contain;padding:3px}.brand-name{font:650 1rem/1.1 var(--display)}.brand-sub{font-size:.75rem;color:var(--ink-3)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.page{max-width:1180px;margin:0 auto;padding:16px var(--gutter) calc(var(--tabbar-h) + var(--safe-bottom) + 28px)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 16px}.page-head p{color:var(--ink-2);margin-top:4px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:0 var(--safe-x) var(--safe-bottom);background:color-mix(in oklab,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line)}.tab{height:var(--tabbar-h);display:grid;place-items:center;align-content:center;gap:3px;border:0;background:none;color:var(--ink-3);text-decoration:none;font-size:.7rem;font-weight:600;cursor:pointer;position:relative}.tab svg{width:22px;height:22px}.tab[aria-current=page]{color:var(--accent-text)}.tab[aria-current=page]:before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}.tab-dot{position:absolute;top:9px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--bad);color:#fff;font-size:.65rem;line-height:17px;text-align:center}.rail{display:none}@media(min-width:1024px){.tabbar{display:none}.shell{display:grid;grid-template-columns:236px 1fr}.rail{display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100dvh;padding:18px 12px;border-right:1px solid var(--line);background:var(--surface)}.rail .brand{padding:4px 8px 18px}.rail .brand .truncate{white-space:normal;overflow:visible}.rail-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink-2);text-decoration:none;font-weight:600;border:0;background:none;cursor:pointer;text-align:left}.rail-link svg{width:20px;height:20px}.rail-link:hover{background:var(--surface-2);color:var(--ink)}.rail-link[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.rail-foot{margin-top:auto;display:grid;gap:6px}.topbar .brand{display:none}.page{padding:24px 32px 48px}.page-head h1{font-size:1.9rem}}.banner{display:flex;align-items:center;gap:10px;padding:10px var(--gutter);font-size:.875rem;border-bottom:1px solid var(--line)}.banner-info{background:var(--info-soft);color:var(--info)}.banner-warn{background:var(--warn-soft);color:var(--warn)}.banner-accent{background:var(--accent-soft);color:var(--ink)}.banner .btn{margin-left:auto}.card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;min-width:0}.card-flush{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-head h2,.card-head h3{font-size:1rem}.card-link{display:block;text-decoration:none;color:inherit}.grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid{gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:1024px){.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.stat{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;display:grid;gap:4px;min-width:0}.stat-label{font-size:.78rem;color:var(--ink-2);font-weight:600}.stat-value{font:700 1.45rem/1.1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-note{font-size:.75rem;color:var(--ink-3)}.delta-up{color:var(--good)}.delta-down{color:var(--bad)}.list{display:grid}.list-row{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:56px;border-top:1px solid var(--line-2);text-decoration:none;color:inherit;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;cursor:pointer}.list-row:first-child{border-top:0}a.list-row:hover,button.list-row:hover{background:var(--surface-2)}.list-row-main{flex:1;min-width:0;display:grid;gap:2px}.list-row-title{font-weight:600}.list-row-sub{font-size:.82rem;color:var(--ink-2)}.list-row-end{text-align:right;flex:none;display:grid;gap:2px;justify-items:end}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:650 .8rem/1 var(--display);background:var(--accent-soft);color:var(--accent-text);flex:none}.empty{text-align:center;padding:32px 16px;color:var(--ink-2);display:grid;gap:10px;justify-items:center}.empty svg{width:36px;height:36px;color:var(--ink-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);border-color:var(--accent-text);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in oklab,var(--accent) 88%,black)}.btn-ink{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn-ghost{border-color:transparent;background:transparent}.btn-danger{color:var(--bad)}.btn-sm{min-height:32px;padding:0 10px;font-size:.82rem}.btn-lg{min-height:50px;padding:0 22px;font-size:1rem}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.icon-btn{width:40px;height:40px;padding:0;border-radius:50%}@media(pointer:coarse){.btn,.icon-btn{min-height:44px}.icon-btn{width:44px}.btn-sm{min-height:36px}}.field{display:grid;gap:6px}.field-label{font-size:.82rem;font-weight:600;color:var(--ink-2)}.field-hint{font-size:.78rem;color:var(--ink-3)}.field-error{font-size:.8rem;color:var(--bad)}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);font-size:1rem}.textarea{min-height:96px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:2px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:0;border-color:var(--accent-text)}.input-code{font:600 1.6rem/1 var(--display);letter-spacing:.4em;text-align:center}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--line-2);border-radius:12px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{border:0;background:none;padding:7px 12px;border-radius:9px;font-weight:600;font-size:.82rem;color:var(--ink-2);cursor:pointer;white-space:nowrap;min-height:34px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.segmented .count{margin-left:6px;color:var(--ink-3);font-variant-numeric:tabular-nums}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;cursor:pointer}.switch{appearance:none;width:46px;height:28px;border-radius:14px;background:var(--line);position:relative;cursor:pointer;flex:none;transition:background .15s;margin:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(18px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:650;background:var(--line-2);color:var(--ink-2);white-space:nowrap}.badge svg{width:12px;height:12px}.badge-good{background:var(--good-soft);color:var(--good)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-bad{background:var(--bad-soft);color:var(--bad)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--accent-soft);color:var(--accent-text)}.stages{--bead: 10px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:start;position:relative}.stage{display:grid;justify-items:center;gap:6px;position:relative;font-size:.7rem;color:var(--ink-3);text-align:center}.stage:before{content:"";position:absolute;top:calc(var(--bead) / 2 - 1px);right:50%;width:100%;height:2px;background:var(--line)}.stage:first-child:before{display:none}.stage-bead{width:var(--bead);height:var(--bead);border-radius:50%;background:var(--surface);border:2px solid var(--line);position:relative;z-index:1}.stage-done .stage-bead{background:var(--accent);border-color:var(--accent-text)}.stage-done:before,.stage-now:before{background:var(--accent)}.stage-now .stage-bead{background:var(--surface);border-color:var(--accent-text);box-shadow:0 0 0 4px var(--accent-soft)}.stage-now{color:var(--ink);font-weight:650}.stages-lost .stage-bead{border-color:var(--line);background:var(--surface);box-shadow:none}.stages-lost .stage:before{background:var(--line)}.stages-mini{--bead: 7px;width:92px}.stages-mini .stage-label{display:none}.stages-lg{--bead: 14px;font-size:.78rem}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:#0a101673;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease-out}.sheet{width:100%;max-height:92dvh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:8px var(--gutter) calc(var(--safe-bottom) + 20px);box-shadow:var(--shadow-lg);animation:rise .2s ease-out}.sheet-grip{width:40px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 12px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}@media(min-width:720px){.sheet-backdrop{align-items:center}.sheet{max-width:560px;border-radius:20px;padding:20px 24px 24px}.sheet-grip{display:none}}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 14px);z-index:80;display:grid;gap:8px;width:min(440px,calc(100% - 32px));pointer-events:none}@media(min-width:1024px){.toasts{bottom:24px}}.toast{background:var(--ink);color:var(--surface);padding:12px 14px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:.9rem;display:flex;align-items:center;gap:10px;pointer-events:auto;animation:rise .2s ease-out}.toast-bad{background:var(--bad);color:#fff}@keyframes rise{0%{transform:translateY(16px);opacity:0}}@keyframes fade{0%{opacity:0}}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-size:.74rem;font-weight:650;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;border-bottom:1px solid var(--line)}.table td{padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}.table .r{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:719px){.table-stack thead{display:none}.table-stack tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 14px;border-bottom:1px solid var(--line-2)}.table-stack td{padding:0;border:0}.table-stack td:first-child{font-weight:600}.table-stack td[data-label]:not(:first-child):before{content:attr(data-label) " ";color:var(--ink-3);font-size:.75rem}}.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{fill:var(--ink-3);font:500 11px var(--font)}.chart .grid-line{stroke:var(--line-2)}.chart .axis{stroke:var(--line)}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:var(--ink-2);margin-top:8px}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.hbars{display:grid;gap:10px}.hbar{display:grid;gap:4px}.hbar-top{display:flex;justify-content:space-between;gap:10px;font-size:.85rem}.hbar-track{height:8px;border-radius:4px;background:var(--line-2);overflow:hidden}.hbar-fill{height:100%;border-radius:4px;background:var(--accent)}.heat{display:grid;gap:3px}.heat-cell{aspect-ratio:1;border-radius:4px;min-width:0}.heat-label{font-size:.68rem;color:var(--ink-3);display:grid;place-items:center}.signin{min-height:100dvh;display:grid;place-items:center;padding:calc(var(--safe-top) + 24px) var(--gutter) calc(var(--safe-bottom) + 24px)}.signin-card{width:min(400px,100%);display:grid;gap:18px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ph-compare,.ph-frame{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);isolation:isolate}.ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.ph-loading{background:linear-gradient(90deg,var(--surface-2),var(--line-2),var(--surface-2))}.ph-missing{background:var(--surface-2);color:var(--ink-2)}.ph-missing-note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;flex-direction:column;align-items:center;gap:6px;width:44%;font-size:.82rem;font-weight:600;line-height:1.25;text-align:center}.ph-missing-before .ph-missing-note{left:25%}.ph-missing-after .ph-missing-note{left:75%}.ph-tag{position:absolute;top:10px;z-index:3;padding:3px 10px;border-radius:999px;background:#11171cbd;color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.02em;pointer-events:none;transition:opacity .15s}.ph-tag-before{left:10px}.ph-tag-after{right:10px;background:var(--accent);color:var(--accent-ink)}.ph-tag-hide{opacity:0}.ph-compare{cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ph-compare-before{position:absolute;inset:0;z-index:1;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ph-compare-range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.ph-compare-handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:2;width:0;pointer-events:none}.ph-compare-handle:before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:#fff;box-shadow:0 0 6px #00000059}.ph-compare-knob{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#15212b;box-shadow:0 2px 10px #0000004d;transform:translate(-50%,-50%)}.ph-compare-knob svg{margin:0 -4px}.ph-compare:has(.ph-compare-range:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.ph-compare-range:focus-visible~.ph-compare-handle .ph-compare-knob{outline:3px solid var(--accent);outline-offset:2px}.ph-pair{display:grid;gap:12px}.ph-pair-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ph-pair-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ph-pair-actions .btn{flex-direction:column;gap:4px;min-height:62px;padding:6px 4px;font-size:.82rem;line-height:1.15;white-space:normal;text-align:center}.ph-pair-retake{display:flex;flex-wrap:wrap;gap:4px;margin-top:-4px}.ph-pair-retake .btn{color:var(--ink-2)}.ph-frame-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;border:1.5px dashed var(--line);color:var(--ink-3);text-align:center}.ph-frame-note{max-width:32ch;font-size:.8rem;line-height:1.35;color:var(--ink-2)}.ph-frame-cta{position:absolute;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 12px 12px;background:linear-gradient(transparent,#0a1016cc);text-align:center}.ph-frame-cta .ph-frame-note{color:#fff}.ph-made{display:flex;justify-content:center}.ph-made-media{display:block;max-width:100%;max-height:58dvh;border-radius:var(--radius-sm);background:#11171c}.ph-made-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0;padding:16px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);text-align:center}.ph-made-post .ph-made-wait{width:min(100%,360px);aspect-ratio:1}.ph-made-story .ph-made-wait,.ph-made-video .ph-made-wait{height:min(58dvh,520px);aspect-ratio:9 / 16;max-width:100%}.ph-progress{width:70%;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.ph-progress>span{display:block;height:100%;background:var(--accent);transition:width .2s linear}.ph-cam{position:fixed;inset:0;z-index:80;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:var(--safe-top) 0 var(--safe-bottom);background:#000;color:#fff;outline:none}.ph-cam :focus-visible{outline-color:#fff}.ph-cam-top{display:flex;align-items:center;gap:8px;padding:8px 10px}.ph-cam-top .btn-ghost{color:#fff}.ph-cam-top .btn-ghost:hover{background:#ffffff1f}.ph-cam-title{display:flex;flex:1;align-items:center;gap:8px;min-width:0;line-height:1.2}.ph-cam-mode{flex:none;padding:3px 10px;border-radius:999px;background:#ffffff2e;font-size:.75rem;font-weight:700;letter-spacing:.03em}.ph-cam-mode-after{background:var(--accent);color:var(--accent-ink)}.ph-cam-label{font-weight:600}.ph-cam-chip{min-height:40px;padding:0 14px;border:1px solid rgb(255 255 255 / 40%);border-radius:999px;background:transparent;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer}.ph-cam-chip[aria-pressed=true]{border-color:#fff;background:#fff;color:#11171c}.ph-cam-chip:disabled{opacity:.5;cursor:default}.ph-cam-stage{position:relative;overflow:hidden}.ph-cam-frame{position:absolute;overflow:hidden;background:#111}.ph-cam-video,.ph-cam-ghost,.ph-cam-review{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ph-cam-ghost{pointer-events:none}.ph-cam-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;animation:ph-flash .35s ease-out}@keyframes ph-flash{0%{opacity:.85}to{opacity:0}}.ph-cam-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;color:#fffc}.ph-level{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.ph-level:before{content:"";position:absolute;width:72%;height:2px;background:linear-gradient(90deg,#fff 0 7%,transparent 7% 93%,#fff 93%);opacity:.75}.ph-level-line{width:58%;height:2px;background:#fff;box-shadow:0 0 4px #0009;transform:rotate(var(--roll))}.ph-level-ok .ph-level-line{background:#4ade80}.ph-level-text{position:absolute;bottom:12px;left:50%;margin:0;padding:6px 14px;border-radius:999px;background:#000000a6;font-size:.85rem;font-weight:600;text-align:center;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px)}.ph-level-text.ph-level-ok{background:#166534}.ph-cam-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#000000d9;text-align:center}.ph-cam-msg p{max-width:36ch;margin:0 0 8px}.ph-cam-msg-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.ph-cam-controls{display:grid;gap:12px;padding:12px 16px 16px}.ph-cam-hint{margin:0;color:#ffffffdb;font-size:.9rem;text-align:center}.ph-cam-see{display:grid;grid-template-columns:auto minmax(0,1fr) 4ch;align-items:center;gap:10px;max-width:480px;width:100%;margin:0 auto;font-size:.85rem}.ph-cam-see input{width:100%;min-height:32px;accent-color:var(--accent-text)}.ph-cam-see output{font-variant-numeric:tabular-nums;text-align:right}.ph-cam-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.ph-cam-row-review{display:flex;justify-content:center}.ph-cam-row-review .btn{flex:1;max-width:220px}.ph-cam-side{display:flex}.ph-shutter{width:76px;height:76px;padding:5px;border:4px solid #fff;border-radius:50%;background:transparent;cursor:pointer}.ph-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff;transition:transform .1s}.ph-shutter:active span{transform:scale(.9)}.ph-shutter:disabled{opacity:.4;cursor:default}.hide-sm{display:none}@media(min-width:640px){.hide-sm{display:inline}}.mt-8{margin-top:8px}.day-head{display:grid;gap:4px;padding:4px 0 2px}.day-built{display:inline-flex;align-items:center;gap:6px}.day-head h1{font-size:clamp(1.7rem,6vw,2.4rem);font-weight:750;letter-spacing:-.025em}.tile{text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.tile svg{color:var(--ink-3)}.tile-hot{background:var(--accent);border-color:var(--accent-text);color:var(--accent-ink)}.tile-hot .stat-label,.tile-hot .stat-note,.tile-hot svg{color:var(--accent-ink)}.run{display:grid;gap:18px}.run-group{display:grid;gap:10px}.run-job{display:flex;gap:12px;align-items:flex-start;padding:14px 14px 14px 18px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface-2);position:relative}.run-job:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.run-main{flex:1;min-width:0;display:grid;gap:2px;text-decoration:none;color:inherit}.run-title{font:650 1.02rem/1.25 var(--display)}.run-actions{display:grid;gap:6px;flex:none}@media(max-width:480px){.run-job{flex-direction:column}.run-actions{grid-auto-flow:column;width:100%;grid-template-columns:1fr 1fr}}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.week-day{display:grid;justify-items:center;gap:4px;padding:10px 2px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line-2)}.week-today{border-color:var(--accent-text);background:var(--accent-soft)}.week-name{font-size:.7rem;font-weight:650;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.week-date{font-size:1.1rem;font-weight:700}.week-dots{display:flex;gap:3px;min-height:14px;align-items:center}.week-dots i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.feed{list-style:none;margin:0;padding:0;display:grid;gap:12px}.feed li{display:flex;gap:10px;align-items:flex-start}.feed-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);flex:none}.feed-text{text-decoration:none;color:var(--ink-2);font-size:.86rem;line-height:1.4}.feed-text strong{color:var(--ink)}.try-it{border:1px dashed color-mix(in oklab,var(--accent) 45%,var(--line));background:linear-gradient(180deg,var(--accent-soft),var(--surface) 70%)}.try-it .list-row{padding-left:0;padding-right:0;background:none}.lead-card{display:grid;gap:2px;transition:transform .15s,box-shadow .15s}.lead-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.lead-message{margin-top:10px;color:var(--ink-2);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lead-cta{margin-top:12px;color:var(--accent-text);font-weight:650}.job-row .list-row-end{gap:6px}.board{display:grid;grid-template-columns:repeat(6,minmax(158px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.board-col{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius);padding:10px;min-height:240px;scroll-snap-align:start}.board-head{display:flex;justify-content:space-between;font:650 .85rem var(--display);padding:2px 2px 10px}.board-card{display:grid;gap:2px;padding:10px 12px;margin-bottom:8px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:border-color .15s}.board-card:hover{border-color:var(--accent-text)}.job-hero{display:grid;gap:18px;padding:20px 16px}@media(min-width:720px){.job-hero{padding:22px 24px}}.job-side{align-content:start}.next-step{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding-top:16px;border-top:1px solid var(--line-2)}.next-step h2{font-size:1.2rem}.next-actions{gap:8px}@media(max-width:560px){.next-actions,.next-actions .btn{width:100%}}.enquiry{margin:0;padding:2px 0 2px 14px;border-left:3px solid var(--accent);font-size:1rem;line-height:1.55;color:var(--ink)}.photo-empty{display:grid;justify-items:start;gap:12px;color:var(--ink-2)}.photo-empty svg{width:30px;height:30px;color:var(--accent-text)}.customer-name{font:650 1.05rem var(--display);text-decoration:none}.note-chip{margin-top:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn)}.contact-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}.contact{display:grid;justify-items:center;gap:4px;padding:10px 4px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line-2);text-decoration:none;color:var(--ink);font-size:.75rem;font-weight:600}.contact svg{color:var(--accent-text)}.contact:hover{border-color:var(--accent-text)}.booking-when{font:700 1.2rem/1.2 var(--display)}.sent-item{display:grid;gap:2px;padding-bottom:10px;border-bottom:1px solid var(--line-2);overflow-wrap:anywhere}.sent-item:last-child{border-bottom:0;padding-bottom:0}.lines td{padding:9px 0}.lines td.r{padding-left:12px;white-space:nowrap;vertical-align:top}.line-scope{display:block;margin-top:3px;line-height:1.45}.quote-terms{white-space:pre-line}.lines-sub td{color:var(--ink-2);border-bottom:0;padding:4px 0}.lines-total td{font:700 1.1rem var(--display);border-bottom:0;border-top:2px solid var(--ink);padding-top:10px}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}.timeline:before{content:"";position:absolute;left:12px;top:6px;bottom:6px;width:2px;background:var(--line-2)}.timeline li{display:flex;gap:12px;position:relative}.timeline li>div{min-width:0;overflow-wrap:anywhere}.tl-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);color:var(--ink-3);flex:none;z-index:1}.tl-paid .tl-dot,.tl-quote-accepted .tl-dot,.tl-done .tl-dot{border-color:var(--good);color:var(--good)}.tl-lead .tl-dot{border-color:var(--accent-text);color:var(--accent-text)}.tl-note{padding:8px 10px;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--line-2)}.mail-preview{border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;display:grid;gap:10px;background:var(--surface-2);font-size:.92rem}.mail-head{font-size:.82rem;padding-bottom:10px;border-bottom:1px solid var(--line-2)}.mail-subject{font:650 1rem var(--display)}.mail-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mail-photo{aspect-ratio:4 / 3;border-radius:8px;background:url(/samples/house-wall-after.webp) center / cover;display:flex;align-items:flex-end;padding:6px 8px;color:#fff;font-size:.72rem;font-weight:650;text-shadow:0 1px 2px rgb(0 0 0 / 60%)}.build-mini{display:grid;justify-items:end;gap:4px;min-width:0;max-width:120px;text-align:right}.build-mini-bar{display:block;width:92px;height:6px;border-radius:999px;background:var(--line-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.build-mini-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-text)}.build-stages{list-style:none;margin:0;padding:0;display:grid}.build-stages li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;position:relative;padding-bottom:16px}.build-stages li:last-child{padding-bottom:0}.build-stages li:not(:last-child):before{content:"";position:absolute;left:12px;top:30px;bottom:4px;width:2px;border-radius:1px;background:var(--line)}.build-stages li.is-done:before{background:var(--accent)}.build-dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--surface);display:grid;place-items:center;font:650 .75rem var(--display);color:var(--ink-3)}.is-done .build-dot{background:var(--accent);border-color:var(--accent-text);color:var(--accent-ink)}.is-now .build-dot{border-color:var(--accent-text);color:var(--ink);box-shadow:0 0 0 4px var(--accent-soft)}.build-stage-main{display:grid;gap:3px;min-width:0;padding-top:3px}.build-stages li:not(.is-done,.is-now) strong{color:var(--ink-2)}.build-paid{margin:-4px 0 14px}.build-claim{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px}.progress-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}@media(min-width:720px){.progress-photos{grid-template-columns:repeat(3,minmax(0,1fr))}}.progress-shot{margin:0;display:grid;gap:5px;min-width:0}.progress-shot img,.progress-shot-wait{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2)}.progress-shot-wait{background:linear-gradient(90deg,var(--surface-2),var(--line-2),var(--surface-2))}.progress-shot figcaption{color:var(--ink-2)}.quote-line{display:grid;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line-2)}.quote-line-nums{display:grid;grid-template-columns:60px minmax(0,1fr) auto auto;gap:8px;align-items:end}.quote-line-total{display:grid;gap:6px;min-height:44px;align-content:end;padding-bottom:10px;text-align:right;font-weight:650}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.82rem;font-weight:600;cursor:pointer;min-height:38px}.chip:hover{border-color:var(--accent-text);color:var(--accent-text)}.quote-total-card .row-between{padding:6px 0}.quote-grand{font:750 clamp(1.25rem,5.6vw,1.6rem) var(--display);border-top:2px solid var(--ink);margin-top:6px;padding-top:12px!important}@media(min-width:1024px){.quote-total-card{position:sticky;top:16px}}.owed-row{flex-wrap:wrap}.owed-actions{display:flex;gap:6px;width:100%;justify-content:flex-end}@media(min-width:720px){.owed-row{flex-wrap:nowrap}.owed-actions{width:auto}}.details{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0;font-size:.9rem}.details dt{color:var(--ink-3)}.details dd{margin:0;min-width:0;overflow-wrap:anywhere}.message-toggle{border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;font-weight:600}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;padding:10px 12px;background:var(--surface-2);border-radius:var(--radius-sm);font-size:.88rem;color:var(--ink-2)}.photo-caption{text-decoration:none;padding:0 4px}.flow{display:flex;gap:12px;align-items:flex-start}.flow p,.list-row-sub,.toggle .grow{overflow-wrap:anywhere}.file-pick{cursor:pointer}.file-pick:focus-within{outline:2px solid var(--accent);outline-offset:2px}.signin-preview{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--mist)}.demo-code{padding:10px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);font-size:.9rem}.ins-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 16px;min-width:0}.ins-when{white-space:nowrap}.ins-story{display:grid;gap:4px;padding:12px 14px;margin-bottom:6px;border-radius:var(--radius-sm);background:var(--accent-soft);border-left:3px solid var(--accent)}.ins-story p{margin:0;font-size:.92rem;line-height:1.4}.ins-story p:first-child{font-weight:650}.ins-srcs{display:grid}.ins-src{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--line-2)}.ins-src-top{display:flex;align-items:center;gap:10px;min-width:0}.ins-src-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent-text)}.ins-src-name{font-weight:600;min-width:0}.ins-src-value{margin-left:auto;font-weight:650}.ins-track{height:10px}.ins-bar{display:flex;gap:2px;height:100%;min-width:4px;border-radius:5px;overflow:hidden}.ins-bar i{height:100%}.ins-seg-won{background:var(--accent)}.ins-seg-open{background:color-mix(in oklab,var(--accent) 38%,var(--surface))}.ins-seg-lost{background:var(--line)}.ins-src-sub{display:flex;justify-content:space-between;gap:10px}.ins-total{display:grid;gap:2px;margin-bottom:14px}.ins-journey{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden;margin-bottom:14px}.ins-steps{display:grid;gap:10px;margin:0}.ins-steps>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line-2)}.ins-steps>div:last-child{border-bottom:0;padding-bottom:0}.ins-steps dt{font-size:.88rem;color:var(--ink-2)}.ins-steps dt i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:-1px}.ins-steps dd{margin:0;text-align:right}.ins-side{display:grid;gap:inherit;align-content:start;min-width:0}@media(min-width:1024px){.ins-services .hbars{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:12px}}.ins-rank{width:18px;flex:none;color:var(--ink-3);font-size:.85rem;text-align:center}.book-review{margin-bottom:14px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:.9rem}.book-time{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.text-body{font-size:1rem;line-height:1.5}.link-btn{margin-left:6px;padding:2px 8px;min-height:0;vertical-align:baseline;color:var(--accent-text)}.follow-fields .chip[aria-pressed=true],.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.follow-due strong,.follow-row.is-due .list-row-sub strong{color:var(--warn)}.due-row{flex-wrap:wrap}.due-row a.list-row-title{color:inherit;text-decoration:none}.due-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:560px){.due-actions{width:100%}}.sheet-rule{border:0;border-top:1px solid var(--line-2);margin:16px 0}.cal-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.cal-range{font:650 1.05rem/1.2 var(--display);min-width:9.5em;text-align:center}.cal-book-link{margin-left:auto}.cal-hint{margin-top:-4px}.cal-moving{position:sticky;top:calc(var(--topbar-h) + var(--safe-top) + 8px);z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);box-shadow:var(--shadow)}.cal-moving>svg{color:var(--accent-text);flex:none}.cal-tray{display:grid;gap:8px;padding:12px;border-radius:var(--radius);border:1px dashed var(--line);background:var(--surface-2);min-width:0}.cal-tray-jobs{display:flex;gap:8px;overflow-x:auto;padding:2px}.cal-tray .cal-job{width:210px;flex:none}.cal-milestones{display:grid;gap:8px;min-width:0}.cal-milestone-list{display:flex;flex-wrap:wrap;gap:6px}.cal-milestone{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:36px;padding:6px 12px 6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:.82rem;line-height:1.3;text-decoration:none;transition:border-color .15s}.cal-milestone:hover{border-color:var(--accent-text)}.cal-milestone>svg{flex:none;color:var(--ink-3)}.cal-milestone.is-done>svg{color:var(--good)}.cal-milestone.is-today{border-color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft)}.cal-week{display:none}@media(min-width:900px){.cal-week{display:grid;gap:6px;padding:14px;user-select:none}}.cal-dayhead{display:grid;justify-items:center;gap:3px;padding:8px 0;border-radius:var(--radius-sm)}.cal-dayhead span{font-size:.7rem;font-weight:650;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.cal-dayhead strong{font:700 1.15rem/1 var(--display)}.cal-dayhead.is-today{background:var(--accent);color:var(--accent-ink)}.cal-dayhead.is-today span{color:inherit}.cal-dayhead.is-closed:not(.is-today) strong{color:var(--ink-3)}.cal-person{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin-top:6px;padding:12px 2px 2px;border-top:1px solid var(--line-2)}.cal-person .avatar,.cal-row-who .avatar{width:28px;height:28px;font-size:.7rem}.cal-slotlabel{display:grid;align-content:center;gap:2px;padding-left:2px;font-size:.78rem;font-weight:650;color:var(--ink-2)}.cal-slotlabel span{font-size:.68rem;font-weight:500;color:var(--ink-3)}.cal-cell{min-width:0;min-height:78px;display:grid;gap:6px;align-content:start;padding:4px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line-2);transition:background-color .15s,border-color .15s}.cal-cell.is-past{background:transparent}.cal-cell.is-closed{background:repeating-linear-gradient(135deg,transparent 0 7px,var(--line-2) 7px 8px)}.cal-cell.is-target{border:1.5px dashed var(--accent-text);background:var(--accent-soft)}.cal-cell.is-over{border-style:solid;background:color-mix(in oklab,var(--accent) 24%,var(--surface))}.cal-free{display:grid;place-items:center;min-height:66px;font-size:.72rem;color:var(--ink-3)}.cal-job,.cal-drop,.cal-strip-day{font:inherit;color:inherit;margin:0;-webkit-tap-highlight-color:transparent}.cal-job{position:relative;display:grid;gap:1px;width:100%;min-width:0;padding:7px 8px 7px 12px;border-radius:9px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;cursor:pointer;transition:transform .12s,box-shadow .12s}.cal-job:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.cal-job[draggable=true]{cursor:grab}@media(hover:hover){.cal-job[draggable=true]:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}}.cal-job-name,.cal-job-sub{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.cal-job-name{font:650 .84rem/1.25 var(--display)}.cal-job-sub{font-size:.74rem;line-height:1.3;color:var(--ink-2)}.cal-job-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;margin-top:2px;font-size:.68rem;color:var(--ink-3)}.cal-online{display:inline-flex;align-items:center;gap:3px;flex:none;font-weight:650;color:var(--accent-text)}.cal-job.is-done{background:transparent;box-shadow:none;border-style:dashed;color:var(--ink-2)}.cal-job.is-done:before{background:var(--good)}.cal-job.is-done .cal-job-foot{justify-content:flex-start;color:var(--good)}.cal-job.is-selected{outline:2px solid var(--accent-text);outline-offset:1px;box-shadow:var(--shadow-lg)}.cal-job.is-new{animation:cal-pulse 1.4s ease-out 3}@keyframes cal-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--accent) 60%,transparent)}to{box-shadow:0 0 0 12px transparent}}@media(prefers-reduced-motion:reduce){.cal-job.is-new{animation:none;outline:2px solid var(--accent-text)}}.cal-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;width:100%;min-height:66px;border:0;border-radius:9px;background:transparent;font-size:.74rem;font-weight:650;color:var(--accent-text);cursor:pointer}.cal-job:focus-visible,.cal-drop:focus-visible,.cal-strip-day:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.cal-days{display:grid;gap:12px}@media(min-width:900px){.cal-days{display:none}}.cal-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.cal-strip-day{display:grid;justify-items:center;gap:3px;min-width:0;padding:8px 0 7px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-2);cursor:pointer}.cal-strip-day>span:first-child{font-size:.66rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.cal-strip-day strong{font:700 1.05rem/1 var(--display)}.cal-strip-day.is-today strong{color:var(--accent-text)}.cal-strip-day.is-closed{background:transparent;border-style:dashed}.cal-strip-day[aria-pressed=true]{background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink)}.cal-strip-day[aria-pressed=true]>span:first-child,.cal-strip-day[aria-pressed=true] strong{color:inherit}.cal-dots{display:flex;gap:2px;min-height:5px}.cal-dots i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.cal-strip-day[aria-pressed=true] .cal-dots i{background:var(--accent-ink)}.cal-day{display:grid;gap:14px}.cal-dayname{font-size:1.15rem}.cal-slot{display:grid;gap:8px}.cal-slot-times{margin-left:4px;text-transform:none;letter-spacing:0;font-weight:500}.cal-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:stretch}.cal-row-who{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:650}.cal-row .cal-cell{min-height:0}.cal-row .cal-free,.cal-row .cal-drop{min-height:48px}.cal-job-time{font-size:.72rem;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}.cal-job.is-done .cal-job-time{color:inherit}.cal-job-status{display:inline-flex;align-items:center;gap:3px}.cal-job-price{margin-left:auto;font-weight:700;color:var(--ink)}.cal-job-wrap{display:grid;gap:4px}.cal-job-links{display:flex;flex-wrap:wrap;gap:4px 14px;padding:2px 4px 4px;font-size:.82rem;font-weight:600}.cal-job-links a{display:inline-flex;align-items:center;gap:4px;min-height:32px;color:var(--accent-text)}.cust,.site{min-height:100dvh;display:flex;flex-direction:column}.cust-sample{display:block;padding:calc(var(--safe-top) + 7px) var(--gutter) 7px;font-size:.75rem;color:var(--ink-2);background:var(--line-2);text-align:center}.cust-sample svg{display:inline-block;vertical-align:-2px;margin-right:4px}.cust-head{display:flex;align-items:center;gap:12px;padding:16px var(--gutter);max-width:680px;width:100%;margin:0 auto}.cust-head>div{display:grid}.cust-head{flex-wrap:wrap}.cust-logo img{display:block;height:36px;width:auto}.cust-logo .on-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cust-logo .on-light{display:none}:root:not([data-theme=light]) .cust-logo .on-dark{display:block}}:root[data-theme=dark] .cust-logo .on-light{display:none}:root[data-theme=dark] .cust-logo .on-dark{display:block}.cust-main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:8px var(--gutter) 32px;display:grid;gap:14px;align-content:start}.cust-title{font-size:clamp(1.7rem,6.5vw,2.3rem);letter-spacing:-.025em}.cust-card{padding:18px}.cust-note{margin-top:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);font-size:.92rem}.cust-done,.cust-review{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.cust-done>svg,.cust-review>svg{width:34px;height:34px;color:var(--good);flex:none}.cust-review>svg{color:#d99a1e}.cust-review>.grow{flex-basis:12rem}.cust-keep{white-space:nowrap}.cust-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.cust-steps li{display:flex;align-items:center;gap:12px;color:var(--ink-3)}.cust-steps li.is-done{color:var(--ink)}.cust-steps li.is-next{color:var(--ink);font-weight:650}.cust-step-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex:none;background:var(--surface)}.is-done .cust-step-dot{background:var(--accent);border-color:var(--accent-text);color:var(--accent-ink)}.is-next .cust-step-dot{border-color:var(--accent-text);box-shadow:0 0 0 4px var(--accent-soft)}.cust-link{display:grid;gap:4px}.cust-link strong{font-size:1.3rem}.cust-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:18px var(--gutter) calc(var(--safe-bottom) + 18px);border-top:1px solid var(--line-2)}.cust-foot a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.cust-progress{display:grid;gap:10px}.cust-progress-bar{width:100%;height:10px}.cust-build-stages{margin:14px 0 4px}.cust-shot-latest img{border-radius:var(--radius)}.cust-shot-latest figcaption{font-weight:650;color:var(--ink)}.cust-claim-list{margin:10px -18px -18px}.cust-claim-list .list-row{padding:12px 18px}.cust-claim-list .list-row:last-child{border-radius:0 0 var(--radius) var(--radius)}.cust-claims{list-style:none;margin:12px 0 0;padding:0;display:grid}.cust-claims li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line-2)}.cust-claims li:first-child{border-top:0}.cust-claim-name{display:grid;gap:1px;min-width:0}.cust-claim-n{width:22px;height:22px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;flex:none;font-size:.72rem;font-weight:650;color:var(--ink-2)}.site-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px var(--gutter);max-width:1120px;width:100%;margin:0 auto}.site-hero{display:grid;gap:24px;max-width:1120px;width:100%;margin:0 auto;padding:16px var(--gutter) 28px;align-items:center}@media(min-width:900px){.site-hero{grid-template-columns:1.05fr 1fr;padding-top:40px}}.site-hero-copy{display:grid;gap:14px;justify-items:start}.site-hero h1{font-size:clamp(2rem,7vw,3.2rem);letter-spacing:-.03em;line-height:1.04}.site-hero-photo img{width:100%;height:auto;border-radius:20px;box-shadow:var(--shadow-lg)}.site-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1120px;width:100%;margin:0 auto;padding:8px var(--gutter)}@media(min-width:900px){.site-services{grid-template-columns:repeat(6,minmax(0,1fr))}}.site-service{display:grid;gap:8px;padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-2);font-size:.88rem}.site-service svg{color:var(--accent-text)}.site-quote{display:grid;gap:20px;max-width:1120px;width:100%;margin:0 auto;padding:40px var(--gutter) 48px}@media(min-width:900px){.site-quote{grid-template-columns:.8fr 1.2fr;gap:40px}}.site-quote h2{font-size:1.8rem}.site-sent{display:grid;gap:10px;justify-items:start}.site-sent>svg{width:36px;height:36px;color:var(--good)}.site-sent hr{width:100%;border:0;border-top:1px solid var(--line-2)}.site-logo{--size: 34px}.site-hero-logo{width:42%;height:auto;aspect-ratio:1;border-radius:24%;box-shadow:0 20px 50px #00000038}.site-buzz{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:color-mix(in oklab,var(--good) 10%,var(--surface));font-size:.92rem;text-align:left;animation:arrive .6s .3s var(--ease-out) both}.site-buzz-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--good);color:#fff;animation:nudge .45s .9s ease-in-out 2}@media(prefers-reduced-motion:reduce){.site-buzz,.site-buzz-icon{animation:none}}.site-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.site-hero-panel{aspect-ratio:4 / 3;border-radius:20px;background:radial-gradient(120% 90% at 20% 10%,color-mix(in oklab,var(--accent) 55%,white) 0%,transparent 60%),linear-gradient(150deg,var(--accent),color-mix(in oklab,var(--accent) 55%,black));display:grid;place-items:center;box-shadow:var(--shadow-lg)}.site-hero-panel span{font:760 clamp(3rem,12vw,6rem) / 1 var(--display);color:var(--accent-ink);letter-spacing:-.04em}.myo{display:grid;gap:16px}.myo-kinds{display:flex;flex-wrap:wrap;gap:8px}.myo-kind{padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.85rem;font-weight:600;cursor:pointer;min-height:40px}.myo-kind.is-on{background:var(--ink);border-color:var(--ink);color:var(--surface)}.myo-swatches{display:flex;flex-wrap:wrap;gap:10px}.myo-swatch{width:38px;height:38px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;color:#fff;cursor:pointer;padding:0}.myo-swatch.is-on{box-shadow:0 0 0 2px var(--ink)}.myo-custom{position:relative;background:conic-gradient(#e11d48,#f59e0b,#16a34a,#0ea5e9,#6366f1,#e11d48);overflow:hidden}.myo-custom input{position:absolute;inset:0;opacity:0;cursor:pointer}.myo-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);min-width:0}.myo-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--p);color:var(--pi);font:700 .95rem var(--display);flex:none}.myo-button{padding:7px 11px;border-radius:9px;background:var(--p);color:var(--pi);font-size:.78rem;font-weight:650;flex:none}.link-gone{width:100%;max-width:520px;margin:0 auto}.book-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:8px var(--gutter) 44px;display:grid;gap:20px;align-content:start}.book-brand{gap:10px;min-width:0;color:inherit;text-decoration:none}.book-intro{display:grid;gap:8px;max-width:640px;padding-top:8px}.book-intro h1{font-size:clamp(1.9rem,6.5vw,2.8rem);letter-spacing:-.03em;line-height:1.05}.book-layout{display:grid;gap:16px;align-items:start}@media(min-width:900px){.book-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px}.book-summary{position:sticky;top:20px}}.book-steps{display:grid;gap:16px;min-width:0}.book-step,.book-summary{display:grid;gap:14px;padding:20px}.book-step-title{display:flex;align-items:center;gap:10px;font-size:1.12rem}.book-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--accent);color:var(--accent-ink);font:700 .8rem/1 var(--display)}.book fieldset{border:0;padding:0;margin:0;min-width:0}.book-option{position:relative;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .15s,background-color .15s,box-shadow .15s}.book-option input{position:absolute;width:1px;height:1px;opacity:0;margin:0}@media(hover:hover){.book-option:not(.is-full):hover{border-color:color-mix(in oklab,var(--accent) 50%,var(--line))}}.book-option.is-on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.book-option:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px}.book-option.is-full{cursor:not-allowed;background:transparent;border-style:dashed;color:var(--ink-3)}.book-services{display:grid;gap:8px}@media(min-width:560px){.book-services{grid-template-columns:1fr 1fr}}.book-quote-only{margin-top:10px}.book-service{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:12px 14px}.book-service-name{font-weight:650}.book-service-price{flex:none;font-size:.85rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.book-service.is-on .book-service-price{color:var(--ink);font-weight:650}.book-days{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 8px;scroll-snap-type:x proximity}@media(min-width:640px){.book-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));overflow:visible}}.book-day{flex:none;width:66px;display:grid;justify-items:center;gap:2px;padding:10px 0 9px;scroll-snap-align:start}@media(min-width:640px){.book-day{width:auto}}.book-day-name,.book-day-month{font-size:.68rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.book-day strong{font:700 1.3rem/1.1 var(--display)}.book-day.is-on .book-day-name,.book-day.is-on .book-day-month{color:var(--accent-text)}.book-day.is-full strong{color:var(--ink-3)}.book-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.book-slot{display:grid;gap:2px;padding:12px 14px}.book-slot span{font-size:.8rem;color:var(--ink-2)}.book-slot.is-full span{color:var(--ink-3)}.book-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0}.book-dl dt{font-size:.8rem;font-weight:600;color:var(--ink-3)}.book-dl dd{margin:0;font-weight:600}.book-demo-note{padding-top:12px;border-top:1px solid var(--line-2)}.book-demo-note svg{display:inline-block;vertical-align:-2px;margin-right:3px}.book-done-wrap{display:grid;gap:14px;width:100%;max-width:560px;margin:16px auto 0}.book-done{display:grid;gap:14px;justify-items:start;padding:24px}.book-done h1{font-size:clamp(1.6rem,6vw,2.1rem);letter-spacing:-.025em}.book-done-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--good-soft);color:var(--good)}.book-done-next{display:grid;gap:12px;justify-items:start}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.5, .64, 1)}.logo-mark{--size: 40px;width:var(--size);height:var(--size);border-radius:calc(var(--size) * .28);display:grid;place-items:center;flex:none;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #15212b1a}.logo-mark img{width:100%;height:100%;object-fit:contain;padding:12%}.logo-mark.is-square img{object-fit:cover;padding:0}.logo-letters{background:var(--accent);color:var(--accent-ink);box-shadow:none;font:700 calc(var(--size) * .36) / 1 var(--display);letter-spacing:-.02em}.is-arriving{animation:arrive .62s var(--ease-out) both,arrive-glow 2.6s .2s ease-out both}@keyframes arrive{0%{opacity:0;transform:translateY(-14px) scale(.985)}}@keyframes arrive-glow{0%{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent),var(--shadow)}}.rail-advance .stage-now:before{background:linear-gradient(var(--accent),var(--accent)) no-repeat left / 100% 100%,var(--line);animation:rail-fill .7s .1s var(--ease-out) both}.rail-advance .stage-now .stage-bead{animation:bead-land .55s .7s var(--ease-spring) both}.rail-advance .stage-now .stage-bead:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:bead-ripple 1s .8s ease-out both}.rail-advance .stage-now .stage-label{animation:label-up .5s .75s var(--ease-out) both}@keyframes rail-fill{0%{background-size:0% 100%,auto}}@keyframes bead-land{0%{transform:scale(.4);border-color:var(--line);box-shadow:none}}@keyframes bead-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes label-up{0%{opacity:.3;transform:translateY(4px)}}.job-hero{position:relative}.paid-moment{position:absolute;inset:0;z-index:3;display:grid;place-items:center;border-radius:inherit;background:radial-gradient(120% 140% at 50% 40%,color-mix(in oklab,var(--good) 14%,var(--surface)),var(--surface) 70%);animation:fade .3s ease-out both,paid-leave .5s 2.9s ease-in both;pointer-events:none}.paid-moment-inner{display:grid;justify-items:center;gap:4px;text-align:center}.paid-check{width:56px;height:56px;color:var(--good);position:relative}.paid-check circle{stroke-dasharray:160;stroke-dashoffset:160;animation:draw .65s .1s var(--ease-out) forwards}.paid-check path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .4s .6s var(--ease-out) forwards}.paid-check:after{content:"";position:absolute;inset:2px;border-radius:50%;border:2px solid var(--good);opacity:0;animation:bead-ripple 1.1s .75s ease-out both}.paid-amount{font:760 clamp(2rem,7vw,2.6rem) / 1.05 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ink)}.paid-label{font-size:.82rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--good)}@keyframes draw{to{stroke-dashoffset:0}}@keyframes paid-leave{to{opacity:0;transform:scale(1.02)}}@media(prefers-reduced-motion:reduce){.rail-advance .stage-now:before,.rail-advance .stage-now .stage-bead,.rail-advance .stage-now .stage-bead:after,.rail-advance .stage-now .stage-label,.paid-check circle,.paid-check path,.paid-check:after,.is-arriving{animation:none}.paid-check circle,.paid-check path{stroke-dashoffset:0}}.ticked{animation:ticked .9s var(--ease-out)}@keyframes ticked{30%{color:var(--accent-text);transform:translateY(-2px)}}.incoming{position:fixed;z-index:70;top:calc(var(--safe-top) + 8px);left:max(8px,var(--safe-x));right:max(8px,var(--safe-x));display:grid;gap:8px;pointer-events:none}@media(min-width:900px){.incoming{left:auto;right:20px;top:16px;width:380px}}.incoming-card{pointer-events:auto;display:flex;align-items:stretch;border-radius:18px;background:color-mix(in oklab,var(--surface) 90%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border:1px solid color-mix(in oklab,var(--line) 70%,transparent);box-shadow:0 18px 50px #0a101638,0 2px 6px #0a101614;animation:drop-in .6s var(--ease-spring) both,nudge .42s .6s ease-in-out}.incoming-main{flex:1;min-width:0;display:flex;gap:12px;align-items:center;padding:12px 4px 12px 12px;text-align:left;color:inherit;background:none;border:0;font:inherit;cursor:pointer}.incoming-icon{position:relative;flex:none}.incoming-icon .logo-mark{--size: 42px}.incoming-kind{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 2px var(--surface)}.incoming-paid .incoming-kind{background:var(--good);color:#fff}.incoming-text{display:grid;gap:1px;min-width:0;font-size:.86rem;line-height:1.3}.incoming-app{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--ink-3);font-weight:600}.incoming-text strong{font-weight:700}.incoming-body{color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.incoming-x{flex:none;width:44px;display:grid;place-items:center;border:0;background:none;color:var(--ink-3);border-radius:0 18px 18px 0;cursor:pointer}.incoming-x:hover{color:var(--ink)}@keyframes drop-in{0%{opacity:0;transform:translateY(-110%) scale(.96)}}@keyframes nudge{20%,60%{transform:translate(-3px) rotate(-.4deg)}40%,80%{transform:translate(3px) rotate(.4deg)}}.phone-card{container-type:inline-size;display:grid;gap:14px;padding:18px;position:relative;overflow:hidden;background:radial-gradient(140% 90% at 100% 0%,var(--accent-soft),transparent 60%),var(--surface)}.phone-card h2{font-size:1.15rem;letter-spacing:-.01em}.phone-card-head{display:flex;align-items:center;gap:12px}.phone-card-body{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center}.phone-card-copy{display:grid;gap:8px;justify-items:start;min-width:0}@container (max-width: 330px){.phone-card-body{grid-template-columns:1fr;justify-items:center;text-align:center}.phone-card-copy{justify-items:center}.phone-qr{width:min(180px,100%)}}.phone-qr{width:132px;aspect-ratio:1;border-radius:14px;box-shadow:0 0 0 1px var(--line-2),0 8px 24px #15212b1a;overflow:hidden;background:#fff;animation:qr-in .5s var(--ease-out) both}.qr{display:block;width:100%;height:100%}.phone-qr-wait{display:block;width:100%;height:100%;background:linear-gradient(100deg,#f1f4f3 30%,#fff,#f1f4f3 70%) 0 0 / 250% 100%;animation:shimmer 1.2s linear infinite}.phone-copy{padding-left:0;gap:6px}@keyframes qr-in{0%{opacity:0;transform:scale(.94)}}@keyframes shimmer{to{background-position:-150% 0}}.phone-card.is-connected{animation:arrive .6s var(--ease-out) both}.phone-live{position:relative;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--accent);color:var(--accent-ink)}.phone-live:after{content:"";position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--good);box-shadow:0 0 0 2px var(--surface);animation:live-pulse 2.2s ease-out infinite}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);animation:live-pulse 2.2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--good) 55%,transparent)}70%,to{box-shadow:0 0 0 8px transparent}}.live-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;background:color-mix(in oklab,var(--good) 12%,var(--surface));color:var(--good);font-size:.75rem;font-weight:650;white-space:nowrap}.pair{min-height:100dvh;display:grid;place-items:center;padding:calc(var(--safe-top) + 24px) var(--gutter) calc(var(--safe-bottom) + 24px);background:radial-gradient(90% 60% at 50% 0%,var(--accent-soft),transparent 70%),var(--mist)}.pair-card{width:min(420px,100%);display:grid;justify-items:center;text-align:center;gap:14px}.pair-card h1{font-size:clamp(1.7rem,7vw,2.2rem);letter-spacing:-.03em;line-height:1.08}.pair-card .btn{width:100%;justify-content:center}.pair-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--good)}.pair-note{font-size:.88rem;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:10px 12px;display:flex;gap:8px;align-items:flex-start;text-align:left}.pair-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center}.pair-icon-ask{background:var(--accent-soft);color:var(--accent-text)}.pair-icon-bad{background:var(--bad-soft);color:var(--bad)}.pair-join{width:44px;height:44px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pair-rings{position:relative;display:grid;place-items:center;margin:18px 0 22px}.pair-rings:before,.pair-rings:after{content:"";position:absolute;inset:-14px;border-radius:34px;border:2px solid var(--accent);opacity:0;animation:ring-out 2.4s .4s ease-out infinite}.pair-rings:after{animation-delay:1.6s}.pair-logo{--size: 84px;box-shadow:0 0 0 1px #15212b14,0 14px 40px #15212b2e;animation:logo-land .7s var(--ease-spring) both}@keyframes ring-out{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.32)}}@keyframes logo-land{0%{opacity:0;transform:scale(.6) translateY(8px)}}@media(prefers-reduced-motion:reduce){.pair-rings:before,.pair-rings:after,.live-dot,.phone-live:after,.phone-qr-wait,.pair-join{animation:none}}:root{--accent: #0069f3;--accent-ink: #ffffff;--accent-text: var(--accent-deep, var(--accent))}.signin .brand-mark{background:#fff url(/brand/peak-mark.png) center / 78% auto no-repeat;box-shadow:inset 0 0 0 1px #15212b1a}
