@font-face{font-family:Google Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/google-sans-latin-400-normal-gBg6aEjr.woff2) format("woff2"),url(/assets/google-sans-latin-400-normal-DqTfqlHm.woff) format("woff")}@font-face{font-family:Google Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/google-sans-vietnamese-400-normal-Ch3wqHMA.woff2) format("woff2"),url(/assets/google-sans-vietnamese-400-normal-D8rVHuUJ.woff) format("woff")}@font-face{font-family:Google Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/google-sans-latin-500-normal-C94wcUG3.woff2) format("woff2"),url(/assets/google-sans-latin-500-normal-D5I8YECE.woff) format("woff")}@font-face{font-family:Google Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/google-sans-vietnamese-500-normal-BQTDaUKt.woff2) format("woff2"),url(/assets/google-sans-vietnamese-500-normal-B_Bu2OKv.woff) format("woff")}@font-face{font-family:Google Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/google-sans-latin-600-normal-opt7x0vn.woff2) format("woff2"),url(/assets/google-sans-latin-600-normal-DP24O2H-.woff) format("woff")}@font-face{font-family:Google Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/google-sans-vietnamese-600-normal-rdFqP7CR.woff2) format("woff2"),url(/assets/google-sans-vietnamese-600-normal-nTMhb-Pc.woff) format("woff")}@font-face{font-family:Google Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/google-sans-latin-700-normal-B3LHozD6.woff2) format("woff2"),url(/assets/google-sans-latin-700-normal-CV7aHjQV.woff) format("woff")}@font-face{font-family:Google Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/google-sans-vietnamese-700-normal-D2MO9UIJ.woff2) format("woff2"),url(/assets/google-sans-vietnamese-700-normal-CQM2AJb1.woff) format("woff")}:root{color-scheme:light;--background: #ffffff;--foreground: #333333;--card: #f4f4f4;--card-foreground: #333333;--popover: #ffffff;--popover-foreground: #333333;--primary: #1a1a1a;--primary-foreground: #ffffff;--secondary: #f4f4f4;--secondary-foreground: #333333;--muted: #f4f4f4;--muted-foreground: #666666;--accent: #eeeeee;--accent-foreground: #1a1a1a;--brand: #d44c00;--brand-strong: #c74600;--brand-foreground: #ffffff;--gold: var(--brand);--success: #217a42;--info: #1769aa;--warning: #946000;--destructive: #c12c22;--border: #e2e2e2;--input: #cccccc;--ring: #1a1a1a;--chart-1: var(--brand);--chart-2: #1a1a1a;--chart-3: #666666;--chart-4: #999999;--chart-5: #cccccc;--radius: .75rem;--control-height-xs: 2rem;--control-height-sm: 2.25rem;--control-height: 2.75rem;--control-height-lg: 3rem;--sidebar: #f4f4f4;--sidebar-foreground: #333333;--sidebar-primary: #1a1a1a;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #eeeeee;--sidebar-accent-foreground: #1a1a1a;--sidebar-border: #e2e2e2;--sidebar-ring: #1a1a1a;--container-width: 81.25rem;--heading-size: 2.5rem;--hw-type-section: 2.5rem;--hw-type-panel: 2rem;--hw-type-dialog: 2rem;--hw-type-body: 1rem;--hw-type-label: .875rem;--hw-type-small: .75rem;--hw-radius-media: .5rem;--hw-radius-card: .75rem;--hw-radius-feature: 1rem;--hw-radius-dialog: 1.25rem;--hw-radius-pill: 3.75rem;--hw-control-height: 3.25rem;--hw-action-height: 3rem;--hw-section-space: 4rem;--heading-line-height: 1.1;--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}@theme inline{ --font-heading: "Google Sans", sans-serif; --font-sans: "Google Sans", sans-serif; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-brand: var(--brand); --color-brand-strong: var(--brand-strong); --color-brand-foreground: var(--brand-foreground); --color-gold: var(--gold); --color-success: var(--success); --color-info: var(--info); --color-warning: var(--warning); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --radius-sm: calc(var(--radius) * .6); --radius-md: calc(var(--radius) * .8); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) * 1.4); --radius-2xl: calc(var(--radius) * 1.8); --radius-3xl: calc(var(--radius) * 2.2); --radius-4xl: calc(var(--radius) * 2.6); --radius-control: 9999px; --radius-input: .5rem; --radius-overlay: .75rem; --radius-surface: .75rem; --spacing-control-xs: var(--control-height-xs); --spacing-control-sm: var(--control-height-sm); --spacing-control: var(--control-height); --spacing-control-lg: var(--control-height-lg); --spacing-section: 6rem; }.site-header{border-bottom:1px solid var(--border)}.header-inner{display:flex;height:88px;align-items:center;justify-content:space-between;gap:24px}.header-inner nav{display:flex;gap:32px;font-size:.875rem}.header-inner nav a:hover{color:var(--brand)}.header-dashboard{display:inline-flex;align-items:center;gap:12px;font-size:.875rem}.header-dashboard:hover svg{transform:translate(2px,-2px)}.hero{min-height:620px;padding-block:80px 64px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:64px}.eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.1em;margin-bottom:24px;color:var(--brand)}.hero h1{font-size:clamp(3.5rem,5.8vw,5.5rem);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin-bottom:24px}.hero-copy>p:not(.eyebrow){color:var(--muted-foreground);font-size:1.125rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;min-height:44px}.text-link:hover{color:var(--brand)}.hero-product{min-width:0}.product-stage{padding:56px 40px 48px;min-height:400px;background:#eeedeb;border-radius:var(--hw-radius-feature);display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:900px}.product-stage .device{width:94%;transform:rotate(-5deg) rotateY(-8deg);box-shadow:12px 20px 24px #34343426,2px 3px #363838;z-index:1}.device-stand{width:32%;height:32px;background:linear-gradient(90deg,#b2b2b1,#d8d7d4);border-radius:0 0 8px 8px;transform:skew(-10deg) translate(24px,-4px)}.product-caption{display:flex;justify-content:space-between;gap:16px;font-size:.6875rem;color:var(--muted-foreground);margin-top:16px}.product-caption span:last-child{display:inline-flex;gap:8px;align-items:center}.spec-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0;border-block:1px solid var(--border)}.spec-strip span{display:inline-flex;gap:12px;align-items:center;font-size:.875rem}.spec-strip svg{width:20px;height:20px}.section{padding-block:96px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}.section-heading p{color:var(--muted-foreground);font-size:.875rem;line-height:1.8}.showcase-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.screen-feature{background:#f1f1ef;border-radius:12px;padding:56px 64px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.subtle-label{font-size:.6875rem;letter-spacing:.08em;color:var(--muted-foreground)}.screen-feature h3{font-size:2rem;margin-block:16px;font-weight:500}.screen-feature p{color:var(--muted-foreground);margin-bottom:24px;max-width:30ch}.screen-feature .button{background:var(--background)}.screen-feature .device{max-width:340px;justify-self:end}.background-section{padding-block:64px;background:var(--secondary)}.background-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.background-item{border:0;padding:0;text-align:left;background:transparent}.background-item .scene{aspect-ratio:4/3;height:auto;border-radius:8px;transition:transform .2s var(--ease-out-quart)}.background-item:hover .scene{transform:translateY(-4px)}.background-item>span{display:flex;justify-content:space-between;font-size:.875rem;margin-top:12px}.background-item.selected>span svg{color:var(--brand)}.setup-section{display:grid;grid-template-columns:1fr 1fr;gap:96px}.setup-section>div>p{color:var(--muted-foreground);margin-block:24px}.setup-steps{margin:0;padding:0;list-style:none}.setup-steps li{display:flex;gap:24px;padding-block:24px;border-bottom:1px solid var(--border)}.setup-steps li:first-child{padding-top:0}.setup-steps li>span{color:var(--brand);font-size:.875rem;padding-top:2px}.setup-steps h3{font-size:1.25rem;font-weight:500;margin-bottom:8px}.setup-steps p{color:var(--muted-foreground);font-size:.875rem}.faq-section{border-top:1px solid var(--border);padding-top:64px;display:grid;grid-template-columns:.9fr 1.1fr;gap:96px}.faq-section h2{max-width:12ch}details{border-bottom:1px solid var(--border)}summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px;font-weight:500;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:1.5rem;font-weight:400}details[open] summary>span{transform:rotate(45deg)}details p{font-size:.875rem;color:var(--muted-foreground);line-height:1.8;padding:0 32px 24px 0}.closing{background:var(--secondary);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:48px;margin-bottom:64px}.closing h2{font-size:2rem}.closing p{color:var(--muted-foreground);margin-top:12px}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-8);padding-block:var(--space-12);border-top:1px solid var(--border)}.footer-identity p{margin-top:var(--space-2);font-size:var(--hw-type-label);color:var(--muted-foreground)}.footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6)}.site-footer .footer-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--hw-type-label);color:var(--muted-foreground)}.site-footer .footer-nav a:hover{color:var(--foreground)}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--muted-foreground);margin-bottom:32px;min-height:44px}.back-link:hover{color:var(--foreground)}.order-page{padding-block:32px 96px}.page-title{margin-bottom:48px}.page-title h1{font-size:2.75rem;font-weight:600;letter-spacing:-.03em}.page-title p{color:var(--muted-foreground);margin-top:16px}.order-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:64px;align-items:start}.order-fields{min-width:0}.order-product{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--border)}.order-product h2{font-size:1.5rem;margin-bottom:8px}.order-product p{font-size:.875rem;color:var(--muted-foreground)}.order-product-image{background:var(--secondary);border-radius:12px;padding:24px;display:flex;align-items:center}.order-product-image .device{padding:8px 8px 0}.order-product-image .device-chin{height:20px;font-size:6px}.product-price{display:block;font-size:1.25rem;margin-top:16px}.order-product small{color:var(--muted-foreground);display:block}.color-options{border:0;padding:0;margin:16px 0}.color-options legend{font-size:.875rem;margin-bottom:8px}.swatch{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;border:4px solid var(--background);margin-right:8px}.swatch.dark{background:#303234;color:#f4f4f4}.swatch.light{background:#dededb}.swatch.chosen{outline:1px solid var(--foreground)}.quantity{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.875rem}.quantity>div{display:flex;border-radius:32px;background:var(--secondary);align-items:center}.quantity button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;border-radius:50%}.quantity output{min-width:24px;text-align:center}.form-section{padding-top:32px}.form-section h2{font-size:1.5rem;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.full-width{grid-column:1/-1}.delivery-info{display:flex;gap:16px;margin-top:32px}.delivery-info h3{font-size:1rem;margin-bottom:8px}.delivery-info p{color:var(--muted-foreground);font-size:.875rem}.order-summary{background:var(--secondary);border-radius:12px;padding:32px;position:sticky;top:32px}.order-summary h2{font-size:1.5rem}.summary-product{display:flex;align-items:center;gap:16px;margin-block:32px}.summary-product p{font-size:.75rem;color:var(--muted-foreground);margin-top:4px}.order-summary dl{margin:0}.order-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.875rem;padding-block:8px}.order-summary dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.order-summary .summary-total{font-size:1.25rem;font-weight:600;border-top:1px solid var(--border);margin-top:16px;padding-top:24px}.payment-method{padding:24px 0}.payment-method strong{font-size:.875rem}.payment-method p,.summary-note{font-size:.75rem;color:var(--muted-foreground)}.order-summary .checkbox-label{margin-bottom:24px}.summary-note{text-align:center;margin-top:16px}.order-complete{max-width:760px;padding-block:80px;min-height:70vh}.completion-icon{display:inline-flex;border-radius:50%;padding:16px;background:#e5f0e7;color:var(--success);margin-bottom:32px}.order-complete h1{font-size:2.75rem;margin-bottom:24px}.order-complete>p:not(.eyebrow){color:var(--muted-foreground)}.receipt-row{display:flex;justify-content:space-between;padding-block:24px;border-block:1px solid var(--border);margin-top:32px}@media(min-width:1500px){.hero{min-height:700px}}@media(max-width:1100px){.hero{gap:32px;min-height:560px}.product-stage{padding:40px 24px;min-height:320px}.hero-actions{gap:16px}.screen-feature{padding:40px;gap:32px}.order-layout{gap:32px}.order-product{grid-template-columns:1fr}.order-product-image{padding:32px 64px}}@media(max-width:800px){.header-inner{height:72px}.header-inner nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-block:48px}.hero h1{font-size:4rem}.hero-product{width:100%;max-width:600px}.product-stage{padding:48px 40px}.spec-strip{flex-wrap:wrap;gap:24px 16px}.spec-strip span{flex:1 0 42%;font-size:.75rem}.section{padding-block:64px}.section-heading{align-items:flex-start}.section-heading p{max-width:28ch}.setup-section,.faq-section{grid-template-columns:1fr;gap:40px}.faq-section h2{max-width:none}.background-gallery{gap:12px;grid-template-columns:repeat(3,1fr)}.closing{padding:32px}.closing h2{font-size:1.5rem}.order-layout{grid-template-columns:1fr}.order-product{grid-template-columns:1fr 1fr}.order-product-image{padding:24px}.order-summary{position:static}}@media(max-width:550px){.brand{font-size:1.25rem}.header-dashboard{font-size:.75rem;gap:4px}.hero h1{font-size:3.5rem}.hero .eyebrow{font-size:.625rem}.hero-copy>p:not(.eyebrow){font-size:1rem}.hero-actions{gap:12px}.hero-actions .button{padding-inline:20px}.product-stage{min-height:auto;padding:40px 24px 32px}.product-caption{font-size:.625rem}.section-heading{flex-direction:column;gap:16px}.showcase-tabs .button{padding-inline:16px;font-size:.75rem}.screen-feature{grid-template-columns:1fr;padding:32px 24px;gap:32px}.screen-feature .device{justify-self:center}.background-gallery{grid-template-columns:repeat(2,1fr)}.background-item>span{font-size:.75rem}.closing{align-items:flex-start;flex-direction:column;padding:32px 24px}.site-footer{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding-block:var(--space-8)}.footer-nav{gap:var(--space-6)}.page-title h1,.order-complete h1{font-size:2rem}.order-product{grid-template-columns:1fr}.order-product-image{padding:32px 40px}.form-grid{grid-template-columns:1fr}.order-summary{padding:24px}.order-complete{padding-block:48px}}.db-shell{min-height:100dvh;background:var(--background)}.db-topbar{min-height:80px;width:min(1100px,calc(100% - 64px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.db-topbar .brand{font-size:1.375rem}.db-preview-label{font-size:.75rem;color:var(--muted-foreground)}.db-content{max-width:1164px;padding:36px 32px;margin-inline:auto}.db-page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.db-page-heading h1{font-size:2rem;font-weight:600;line-height:1.2;letter-spacing:-.035em}.db-page-heading p{font-size:.875rem;color:var(--muted-foreground);margin-top:10px}.db-simple-tabs{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--border);margin-bottom:32px}.db-simple-tabs button{min-height:48px;padding:8px 0 12px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:.875rem;color:var(--muted-foreground)}.db-simple-tabs button[aria-current=page]{border-bottom-color:var(--brand);color:var(--foreground);font-weight:600}.db-simple-tabs button:hover{color:var(--foreground)}.db-work-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:48px}.db-work-grid>*{min-width:0}.db-section+.db-section{margin-top:32px}.db-section>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.db-section h2,.db-preview h2{font-size:1rem;font-weight:600;letter-spacing:-.015em;line-height:1.4}.db-section>header button:not(.button){min-height:44px;border:0;background:transparent;padding:8px 0 8px 12px;font-size:.8125rem;color:var(--muted-foreground)}.db-section>header button:hover{color:var(--foreground)}.db-screen-list{list-style:none;margin:0;padding:0}.db-screen-row{display:flex;align-items:center;gap:8px;min-height:72px;padding:8px 0}.db-row-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;border:0;padding:4px 8px;min-height:48px;border-radius:8px;background:transparent;text-align:left}.db-row-main:hover,.db-screen-row.is-selected .db-row-main{background:var(--secondary)}.db-screen-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;color:var(--foreground)}.db-screen-row.is-selected .db-screen-icon{color:var(--brand)}.db-screen-info{min-width:0}.db-screen-info strong{display:block;font-size:.875rem;font-weight:500}.db-screen-actions{display:flex;align-items:center;flex-shrink:0}.db-screen-actions button:not(.db-toggle),.db-reorder button{width:44px;height:44px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:transparent;padding:0}.db-screen-actions button:hover:enabled,.db-reorder button:hover:enabled{background:var(--secondary)}.db-reorder{display:flex;flex-shrink:0}.db-toggle{width:44px;height:44px;border:0;background:transparent;position:relative;padding:0;flex-shrink:0}.db-toggle:before{content:"";position:absolute;top:11px;left:4px;width:36px;height:22px;border-radius:99px;background:var(--input)}.db-toggle:after{content:"";position:absolute;top:14px;left:7px;width:16px;height:16px;border-radius:50%;background:var(--background);transition:transform .16s var(--ease-out-quart)}.db-toggle[aria-checked=true]:before{background:var(--primary)}.db-toggle[aria-checked=true]:after{transform:translate(14px)}.db-toggle>span{display:none}.db-preview{position:sticky;top:24px;padding:24px;background:var(--secondary);border-radius:12px}.db-preview>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.db-preview>header>span,.db-preview>header>p{font-size:.75rem;color:var(--muted-foreground)}.db-preview-stage{padding:24px 0 16px}.db-preview-stage .device{padding:10px 10px 0;border-radius:12px}.db-preview-stage .device-chin{height:26px;font-size:7px}.db-preview-caption{font-size:.75rem;color:var(--muted-foreground);text-align:center;line-height:1.6}.db-background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:4px}.db-background-option{border:0;background:transparent;text-align:left;border-radius:8px;padding:0}.db-background-option>.scene{aspect-ratio:4/3;height:auto;border-radius:8px;outline:2px solid transparent;outline-offset:4px}.db-background-option.is-selected>.scene{outline-color:var(--brand)}.db-background-option>span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.8125rem;min-height:44px;padding-top:8px}.db-background-option>span svg{color:var(--brand)}.db-fields{display:grid;gap:24px}.db-fields .field{min-width:0}.db-fields input[type=range]{min-height:44px;width:100%}.db-footer{max-width:1164px;padding:0 32px 32px;margin-inline:auto;font-size:.75rem;color:var(--muted-foreground)}.db-savebar{position:sticky;bottom:0;z-index:10;border-top:1px solid var(--border);background:var(--background)}.db-savebar-inner{max-width:1164px;margin-inline:auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.db-savebar-inner>span{font-size:.8125rem;color:var(--muted-foreground)}.db-save-actions{display:flex;gap:8px}.db-dialog{width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:28px;border:0;border-radius:20px;background:var(--background);color:var(--foreground)}.db-dialog::backdrop{background:#1a1a1a66}.db-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.db-dialog h2{font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.db-dialog p{font-size:.875rem;color:var(--muted-foreground);margin-block:12px 20px}.db-dialog .field{margin-top:20px}.db-dialog footer,.db-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:28px}.db-dialog .db-error,.db-field-error{color:var(--destructive);font-size:.75rem}.db-dialog .db-notice{padding:14px;background:var(--secondary);border-radius:8px;margin-block:20px;font-size:.8125rem;color:var(--muted-foreground)}.db-toast{position:fixed;bottom:100px;right:24px;z-index:70;display:flex;align-items:flex-start;gap:10px;max-width:min(440px,calc(100% - 40px));background:var(--primary);color:var(--primary-foreground);padding:16px 20px;border-radius:12px;font-size:.875rem}@media(max-width:1050px){.db-work-grid{gap:32px;grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:850px){.db-work-grid{grid-template-columns:minmax(0,1fr);gap:32px}.db-preview{position:static;max-width:440px;width:100%}.db-background-grid{max-width:620px}}@media(max-width:550px){.db-topbar{width:calc(100% - 40px);min-height:72px}.db-topbar .brand{font-size:1.25rem}.db-preview-label{font-size:.6875rem}.db-content{padding:28px 20px}.db-page-heading{margin-bottom:20px}.db-page-heading h1{font-size:1.75rem}.db-simple-tabs{gap:24px;margin-bottom:24px}.db-simple-tabs button{font-size:.8125rem}.db-screen-row{gap:4px;min-height:64px}.db-row-main{padding-inline:4px;gap:6px}.db-screen-icon{flex-basis:32px;width:32px}.db-screen-icon svg{width:20px}.db-screen-info strong{font-size:.8125rem}.db-screen-row:has(.db-reorder){flex-wrap:wrap}.db-screen-row:has(.db-reorder) .db-row-main{flex-basis:calc(100% - 96px)}.db-screen-row:has(.db-reorder) .db-reorder{margin-left:auto}.db-background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.db-preview{padding:20px}.db-footer{padding:0 20px 28px}.db-savebar-inner{padding:12px 20px;flex-wrap:wrap;gap:8px}.db-savebar-inner>span{width:100%}.db-save-actions{width:100%;justify-content:flex-end}.db-save-actions .button{flex:1}.db-dialog{padding:24px}.db-dialog footer,.db-dialog-actions{flex-wrap:wrap}.db-toast{bottom:136px;right:20px}}@media(prefers-reduced-motion:reduce){.db-toggle:after{transition:none}}.db-drag-handle{width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted-foreground);display:grid;place-items:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.db-drag-handle:hover,.db-drag-handle[aria-pressed=true]{background:var(--accent);color:var(--foreground)}.db-drag-handle:active{cursor:grabbing}.db-list-hint{font-size:var(--hw-type-small);color:var(--muted-foreground);margin-bottom:var(--space-3)}.db-screen-row{min-height:72px;gap:var(--space-2)}.db-screen-row.is-dragging,.db-background-row.is-dragging{outline:1px solid var(--brand);outline-offset:-1px}.db-row-main{min-height:44px}.db-screen-info strong{font-size:var(--hw-type-label)}.db-background-list{list-style:none;margin:0;padding:0}.db-background-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0}.db-background-row.is-selected .db-row-main{background:var(--secondary)}.db-background-row .scene{width:80px;height:60px;aspect-ratio:4/3;flex:0 0 80px;border-radius:4px;overflow:hidden}.db-background-row strong{font-size:var(--hw-type-label);font-weight:500}.db-background-row>.db-toggle{flex-shrink:0}.db-welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-16);padding-block:var(--space-16)}.db-welcome h1{font-size:2rem}.db-welcome p{color:var(--muted-foreground);margin-top:var(--space-4)}.db-welcome-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.db-welcome .device{max-width:400px}@media(max-width:850px){.db-welcome{grid-template-columns:1fr;gap:var(--space-8);padding-block:var(--space-6)}.db-welcome .device{max-width:320px;margin-inline:auto}}@media(max-width:500px){.db-screen-row{flex-wrap:nowrap}.db-screen-actions{flex-shrink:0}.db-screen-icon{display:none}.db-row-main{gap:var(--space-2)}.db-background-row .scene{width:56px;height:42px;flex-basis:56px}}.db-shell .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}.db-zone-options{border:0;padding:0;margin:0;display:grid;gap:var(--space-3)}.db-zone-options legend{margin-bottom:var(--space-4);font-size:var(--hw-type-label)}.db-zone-options label{min-height:44px;align-items:center}.db-world-clock{height:100%;background:var(--device-panel);border:2px solid var(--background);border-radius:3px;padding:5%;display:flex;flex-direction:column;justify-content:space-around;box-shadow:0 3px 0 var(--device-ink)}.db-world-clock>div{display:flex;align-items:center;justify-content:space-between;gap:4%}.db-world-clock span{font-size:3.3cqw}.db-world-clock strong{font-family:Kenney Future,sans-serif;font-size:6cqw}.db-preview .pixel-centered .db-clock-digits{font-size:15cqw}.db-preview .pixel-centered .db-clock-digits.is-twelve{font-size:10cqw}.db-pixel-actions{display:flex;gap:var(--space-3);width:100%;justify-content:center}.db-pixel-actions button{min-height:44px;flex:1;max-width:42%;font-size:3.5cqw;color:var(--device-ink);border:2px solid color-mix(in srgb,var(--device-blue) 65%,var(--background));background:var(--device-blue);border-radius:3px;box-shadow:0 3px 0 var(--device-ink);font-weight:600}.db-preview .pixel-footer button,.db-preview .ambient-actions button{width:44px;height:44px}.db-preview .pixel-footer{gap:4px;font-size:3cqw}.db-preview-heading>span{font-size:var(--hw-type-small);color:var(--muted-foreground)}.db-shell .db-preview-jump,.db-shell .db-preview-back{display:none}#pip-preview,#dashboard-editor{scroll-margin-top:var(--space-6)}@media(max-width:850px){.db-shell .db-preview-jump{display:inline-flex}.db-shell .db-preview-back{display:inline-flex;min-height:44px;align-items:center;justify-content:center;width:100%;margin-top:var(--space-4);font-size:var(--hw-type-label)}}.db-shell{display:flex}.db-layout-main{flex:1;min-width:0}.db-sidebar{width:240px;flex:0 0 240px;height:100dvh;position:sticky;top:0;padding:16px 20px 24px;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border)}.db-sidebar>.brand,.db-mobile-menu>.brand{font-size:1.375rem;margin:0 12px 48px}.db-sidebar>.brand{min-height:48px;margin-bottom:64px}.db-sidebar-device{margin-bottom:24px}.db-sidebar-device>small{display:block;color:var(--muted-foreground);font-size:.75rem;margin:0 12px 12px}.db-sidebar-device>button{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);text-align:left}.db-sidebar-device strong{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-side-nav{display:grid;gap:4px}.db-side-nav button,.db-sidebar-bottom button,.db-sidebar-bottom a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;width:100%;border:0;border-radius:8px;background:transparent;text-align:left;font-size:.875rem}.db-side-nav button:hover:enabled,.db-sidebar-bottom button:hover,.db-sidebar-bottom a:hover{background:var(--accent)}.db-side-nav [aria-current=page]{color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--background));font-weight:600}.db-sidebar-bottom{margin-top:auto;padding-top:32px;color:var(--muted-foreground)}.db-topbar{width:100%;min-height:80px;padding:16px 40px;justify-content:flex-start}.db-current-device{min-width:0;flex:1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-content{max-width:1440px;padding:36px 40px}.db-footer{max-width:1440px;padding-inline:40px}.db-savebar-inner{max-width:none;padding-inline:40px}.db-shell .db-menu-trigger{display:none}.db-mobile-menu{margin:0;border:0;padding:36px 20px 24px;width:300px;max-width:calc(100vw - 40px);height:100dvh;max-height:100dvh;background:var(--sidebar);color:var(--foreground)}.db-mobile-menu[open]{display:flex;flex-direction:column}.db-mobile-menu::backdrop{background:#1a1a1a66}.db-menu-close{position:absolute;right:12px;top:24px}@media(min-width:901px)and (max-width:1200px){.db-work-grid{grid-template-columns:minmax(0,1fr)}.db-preview{position:static;max-width:440px}.db-shell .db-preview-jump{display:inline-flex}.db-shell .db-preview-back{display:inline-flex;min-height:44px;align-items:center;justify-content:center;width:100%;margin-top:16px;font-size:.875rem}}@media(max-width:900px){.db-sidebar{display:none}.db-shell .db-menu-trigger{display:inline-flex}.db-topbar{min-height:72px;padding:12px 24px;gap:12px}.db-content{padding:28px 24px}.db-footer,.db-savebar-inner{padding-inline:24px}}@media(max-width:550px){.db-topbar{width:100%;padding-inline:16px}.db-content,.db-footer,.db-savebar-inner{padding-inline:20px}}.db-header-title{flex:1;min-width:0;font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:-.025em}.db-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.db-toggle:disabled{opacity:1}.db-preview-shortcut{display:none}@media(max-width:1200px){.db-preview-shortcut:has(.db-preview-jump){display:flex;justify-content:flex-end;margin-bottom:20px}}@media(max-width:900px)and (min-width:851px){.db-preview-shortcut{display:none}}@media(max-width:550px){.db-topbar{flex-wrap:wrap;gap:12px}.db-header-actions{width:100%;justify-content:flex-end}.db-header-actions .button{flex:none}}@font-face{font-family:Kenney Future;src:url(/fonts/kenney-future.ttf) format("truetype");font-display:swap}:root{font-family:Google Sans,sans-serif;color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--site-header-height: 80px;--page-gutter: 48px;--type-sm: .875rem;--type-body: 1rem;--type-title: 1.25rem;--type-panel: 1.5rem;--device-ink: #43485e;--device-panel: #d9dde7;--device-blue: #539acf;--device-green: #51ad7d;--device-surface: #16191b;--device-edge: #383c3e}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--site-header-height) + var(--space-4))}body{margin:0;min-width:320px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a{transition:background-color .18s var(--ease-out-quart),color .18s var(--ease-out-quart),transform .15s var(--ease-out-quart)}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button:active:not(:disabled),.button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--ring);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;text-wrap:balance}p{text-wrap:pretty}h2{font-size:var(--heading-size);font-weight:600;letter-spacing:-.025em}small{font-size:.75rem}svg{flex-shrink:0;stroke-width:1.75;vertical-align:middle}.container{width:min(calc(100% - var(--page-gutter) * 2),var(--container-width));margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--hw-radius-pill);min-height:var(--hw-action-height);padding:var(--space-3) var(--space-6);font-size:var(--hw-type-label);font-weight:700;line-height:1.4;white-space:nowrap}.button.compact{min-height:var(--control-height);padding:var(--space-2) var(--space-4)}.button.primary{background:var(--primary);color:var(--primary-foreground)}.button.primary:hover:not(:disabled){background:var(--foreground)}.button.secondary{background:var(--secondary);color:var(--secondary-foreground)}.button.secondary:hover:not(:disabled){background:var(--accent)}.button.outline{background:var(--background);color:var(--foreground);border-color:var(--border)}.button.outline:hover:not(:disabled){background:var(--accent)}.button.ghost{background:transparent}.button.ghost:hover:not(:disabled){background:var(--accent)}.button.inverse{background:var(--background);color:var(--foreground)}.button.inverse:hover:not(:disabled){background:var(--accent)}.button.accent{background:var(--brand-strong);color:var(--brand-foreground)}.button.accent:hover:not(:disabled){background:color-mix(in srgb,var(--brand-strong),var(--foreground) 12%)}.wide{width:100%}.brand{display:inline-flex;align-items:center;min-height:var(--control-height);gap:8px;font-size:1.5rem;line-height:1;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.brand-period{color:var(--brand);margin-left:-8px}.brand-mark{display:block;width:32px;height:32px;flex-shrink:0;object-fit:contain}.field{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500}.field small{font-weight:400;color:var(--muted-foreground)}input:not([type=checkbox]):not([type=range]),select,textarea{width:100%;background:var(--secondary);border:1px solid transparent;border-radius:var(--hw-radius-media);padding:12px 16px;min-height:52px;font-size:1rem;color:var(--foreground)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted-foreground)}input:hover,select:hover,textarea:hover{border-color:var(--border)}input[aria-invalid=true]{border-color:var(--destructive)!important}.field .field-error{color:var(--destructive)}.field-error:empty{display:none}input[type=checkbox],input[type=range]{accent-color:var(--primary)}.checkbox-label{display:flex;gap:12px;align-items:flex-start;font-size:.875rem;cursor:pointer}.checkbox-label input{width:20px;height:20px;margin:2px 0;flex-shrink:0}.caption-note{font-size:.75rem;color:var(--muted-foreground);line-height:1.6;margin-top:16px}.inline-notice{background:var(--secondary);padding:16px;border-radius:8px;font-size:.875rem;color:var(--muted-foreground);line-height:1.6}.device{width:100%;max-width:480px;padding:16px 16px 0;background:var(--device-surface);border-radius:16px;border:2px solid var(--device-edge);position:relative;color:var(--device-ink)}.device.light{background:#e2e1de;border-color:#cececb}.device-display{aspect-ratio:4/3;width:100%;overflow:hidden;position:relative;background:#5097c9;container-type:inline-size;font-size:1rem}.pixel-content{height:78%;padding:3.5%;display:flex;flex-direction:column;gap:6%;font-size:4cqw}.pixel-quota{background:var(--device-panel);border:2px solid #f4f5f6;border-radius:3px;padding:1.5% 3% 2%;height:48%;box-shadow:0 3px #9296a4;line-height:1}.pixel-quota>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:3.1cqw;line-height:1.2;font-weight:600}.pixel-quota small{font-size:2.7cqw;font-weight:400}.pixel-quota strong{font-family:Kenney Future,Google Sans,sans-serif;font-size:9cqw;font-weight:400;line-height:1.2;letter-spacing:-.03em}.pixel-quota strong span{font-size:.6em}.pixel-bar{height:10%;min-height:5px;background:#c3c8d2;margin-top:2%}.pixel-bar i{display:block;height:100%;background:var(--device-blue)}.pixel-bar.green i{background:var(--device-green)}.pixel-footer{display:flex;align-items:center;justify-content:space-between;padding:1% 4% 3%;height:22%;font-size:3.6cqw;color:#f4f4f4}.pixel-footer>div,.ambient-actions{display:flex;gap:6px}.pixel-footer button,.ambient-actions button{display:flex;align-items:center;justify-content:center;width:10cqw;height:10cqw;padding:3px;background:#5aafdc;border:2px solid #81c5e7;box-shadow:0 3px #397fa7;border-radius:3px;color:#194b65;opacity:1}.pixel-footer button svg,.ambient-actions button svg{width:75%;height:75%;stroke-width:3}.pixel-footer button.pixel-bg{background:#58c48a;border-color:#7cd9a6;color:#1a5135;box-shadow:0 3px #348c60}.device-display:has(.pixel-footer button:enabled){overflow:visible}.pixel-footer:has(button:enabled){padding:0 var(--space-1);gap:2px;font-size:max(3.6cqw,10px)}.pixel-footer:has(button:enabled)>div{flex-shrink:0;gap:0}.pixel-footer button:enabled,.ambient-actions button:enabled{position:relative;isolation:isolate;width:44px;height:44px;flex-shrink:0;border:0;background:transparent;box-shadow:none}.pixel-footer button:enabled:before,.ambient-actions button:enabled:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:-1;pointer-events:none;background:var(--preview-control-bg, #5aafdc);border:2px solid var(--preview-control-border, #81c5e7);box-shadow:var(--preview-control-shadow, 0 3px 0 #397fa7);border-radius:3px}.pixel-footer button.pixel-bg:enabled{--preview-control-bg: #58c48a;--preview-control-border: #7cd9a6;--preview-control-shadow: 0 3px 0 #348c60}.pixel-footer button:enabled svg,.ambient-actions button:enabled svg{width:20px;height:20px}@container (max-width: 190px){.pixel-footer:has(button:enabled)>span{display:none}.pixel-footer:has(button:enabled){justify-content:center}}.device-chin{height:32px;display:flex;align-items:center;justify-content:space-between;color:#a3a4a4;font-size:9px;letter-spacing:.08em;padding:0 4px}.device-chin i{width:4px;height:4px;background:#86a792;border-radius:50%}.pixel-centered{background:var(--device-panel);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8%;border-radius:4px;font-size:3.3cqw}.pixel-centered strong{font-family:Kenney Future,Google Sans,sans-serif;font-size:14cqw;font-weight:400;line-height:1;letter-spacing:-.04em}.pixel-centered small{font-size:3.5cqw}.pixel-list{background:var(--device-panel);height:100%;padding:5%;font-size:4cqw}.pixel-list p{margin-top:7%}.weather-screen{background:#daeaf0}.scene{position:relative;width:100%;height:100%;overflow:hidden;background:#101a26}.scene img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}.scene-aurora{background:radial-gradient(ellipse at 20% 60%,#178e8d 0%,transparent 55%),radial-gradient(ellipse at 75% 20%,#657bab 0%,transparent 60%),#10252e}.scene-aurora span{position:absolute;top:25%;right:-20%;bottom:25%;left:-20%;transform:rotate(-22deg);background:linear-gradient(transparent,#58c8a580,transparent);filter:blur(16px)}.scene-stars{background:radial-gradient(1px 1px at 12% 24%,#e4e8ef 98%,transparent),radial-gradient(2px 2px at 72% 32%,#c6dbe8 98%,transparent),radial-gradient(1px 1px at 40% 76%,#e4e8ef 98%,transparent),radial-gradient(1px 1px at 88% 84%,#e4e8ef 98%,transparent),radial-gradient(1px 1px at 24% 68%,#e4e8ef 98%,transparent),radial-gradient(1px 1px at 56% 12%,#e4e8ef 98%,transparent),#111c2c;background-size:100% 100%}.ambient-actions{position:absolute;bottom:5%;right:4%}.ambient-actions button{background:#15202bd9;color:#d4dce2;border-color:#536777;box-shadow:none}.ambient-actions button:enabled{--preview-control-bg: #15202bd9;--preview-control-border: #536777;--preview-control-shadow: none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);min-width:var(--control-height);flex-shrink:0;padding:0;border:1px solid transparent;background:transparent;border-radius:var(--hw-radius-pill)}.icon-button:hover:not(:disabled){background:var(--accent)}.empty-page{padding-block:96px;min-height:60vh}@media(max-width:700px){:root{--page-gutter: 20px}h2{font-size:1.75rem}.device{padding:12px 12px 0}.device-chin{height:28px}}@media(max-width:550px){:root{--site-header-height: 72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.pip-companion{display:inline-block;width:var(--pip-companion-size,64px);height:var(--pip-companion-size,64px);flex-shrink:0;vertical-align:middle}.pip-companion>svg{display:block;width:100%;height:100%;overflow:visible}.pip-companion .pip-fill{fill:var(--brand)}.pip-companion .pip-features{fill:var(--brand-foreground)}.pip-companion .pip-notice-halo{fill:var(--pip-companion-surface,var(--background))}.pip-companion .pip-notice-dot{fill:var(--foreground)}.pip-companion [data-pip-shadow]{display:none}.brand .pip-companion{width:32px;height:32px}.sg-step-heading{display:flex;align-items:center;gap:16px;margin:24px 0 16px}.sg-main .sg-step-heading h2{margin:0}@media(max-width:550px){.site-header .brand .pip-companion{width:28px;height:28px}.sg-step-heading{gap:12px}}.site-header{position:sticky;top:0;z-index:30;background:var(--background);border-bottom:1px solid var(--border);transition:transform .24s var(--ease-out-quart)}.site-header.is-hidden{transform:translateY(-100%)}.site-header:has(:focus-visible),.site-header[data-open=true]{transform:translateY(0)}.site-header .header-inner{height:80px;gap:24px}.site-header .header-desktop-nav{display:flex;align-items:center;gap:8px}.header-desktop-nav a{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.875rem;font-weight:500}.header-desktop-nav a:hover{color:var(--brand);background:var(--secondary)}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .button{padding-inline:20px}.header-menu-toggle,.header-mobile-nav{display:none}@media(max-width:1100px){.site-header .header-inner{gap:16px}.site-header .header-desktop-nav{gap:0}.header-desktop-nav a{padding-inline:8px;font-size:var(--hw-type-label)}.header-actions .button{padding-inline:16px;font-size:var(--hw-type-label)}}@media(max-width:900px){.site-header .header-desktop-nav{display:none}.header-menu-toggle{display:inline-flex}.header-mobile-nav{display:grid;padding:8px 24px 16px;border-top:1px solid var(--border);background:var(--background);position:absolute;top:100%;left:0;right:0}.header-mobile-nav a{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:48px;font-size:.875rem;border-radius:8px}.header-mobile-nav a:hover{background:var(--secondary)}}@media(max-width:550px){.site-header .header-inner{height:var(--site-header-height);gap:8px}.site-header .brand{font-size:1.125rem;gap:6px}.site-header .brand-mark{width:28px;height:28px}.header-actions{gap:6px}.header-actions .header-configure{display:none}.header-actions .header-order{padding-inline:12px;font-size:var(--hw-type-label);gap:6px}.header-menu-toggle{width:var(--control-height);min-width:var(--control-height)}.header-mobile-nav{padding-inline:16px}}.header-mobile-nav{max-height:calc(100dvh - var(--site-header-height));overflow-y:auto}@media(max-width:360px){.header-actions .header-configure{display:none}}.pip-verification{margin-block:var(--space-3)}.pip-verification-error{margin-block:var(--space-4);display:grid;gap:var(--space-3);justify-items:start;font-size:var(--hw-type-label)}.pip-waitlist{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--space-12);padding-block:var(--space-12) var(--space-16);border-top:1px solid var(--border)}.pip-waitlist h2{font-size:var(--hw-type-section);font-weight:700;line-height:1.15}.pip-waitlist>div>p{margin-top:var(--space-4);color:var(--muted-foreground);max-width:42ch}.pip-waitlist-fields{display:flex;gap:var(--space-3)}.pip-waitlist-fields label{flex:1;min-width:0}.pip-waitlist-fields input{width:100%;min-height:var(--hw-action-height);border-radius:var(--hw-radius-pill);padding-inline:var(--space-6)}.pip-waitlist-note,.pip-waitlist form>p{font-size:var(--hw-type-small);color:var(--muted-foreground);margin-top:var(--space-3)}.pip-waitlist-note a,.pip-waitlist-retry{text-decoration:underline;text-underline-offset:3px}.pip-waitlist-retry{border:0;background:none;padding:0;font:inherit}.pip-waitlist .pip-verification{min-height:0;margin-block:var(--space-3)}.pip-waitlist-success{padding:var(--space-6);border-radius:var(--hw-radius-card);background:var(--secondary)}@media(max-width:900px){.pip-waitlist{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:550px){.pip-waitlist{padding-block:var(--space-8) var(--space-12)}.pip-waitlist-fields{flex-direction:column}.pip-waitlist-fields .button{width:100%}}.pip-waitlist .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}.story-pip{position:absolute;z-index:2;left:0;top:0;width:160px;height:160px;padding:0;border:0;border-radius:24px;background:transparent;color:var(--foreground);cursor:pointer;transform-origin:center;touch-action:pan-y;visibility:hidden;transition:none}.story-pip[data-ready=true]{visibility:visible}.story-pip>svg{width:100%;height:100%;display:block;overflow:visible}.story-pip .pip-fill{fill:var(--brand)}.story-pip .pip-features{fill:var(--brand-foreground)}.story-pip .pip-notice-halo{fill:var(--story-paper,var(--background))}.story-pip .pip-notice-dot{fill:var(--foreground)}.story-pip:focus-visible{outline:3px solid var(--brand);outline-offset:6px}.home-story-track{position:relative;isolation:isolate}.home-story-track .pip-playground{position:relative}.home-pip-hello,.home-pip-work,.home-pip-entry,[data-pip-waypoint]{position:absolute;pointer-events:none}.home-pip-hello{left:68%;top:max(96px,14%);width:144px;height:144px}.home-pip-work{left:112px;top:32px;width:128px;height:128px}.home-pip-entry{left:112px;top:24px;width:72px;height:72px}.home-pip-day{right:6%;bottom:12%;width:72px;height:72px}.home-pip-night{left:6%;bottom:12%;width:72px;height:72px}.home-pip-night-entry{display:none}@media(max-width:1200px){.home-pip-work{left:16px;width:88px;height:88px}.home-pip-entry{left:16px;width:64px;height:64px}}@media(max-width:900px){.home-pip-hello{left:auto;right:24px;top:auto;bottom:200px;width:96px;height:96px}.home-story-track .pip-promos{grid-template-columns:1fr}.home-story-track .pip-playground-stage{padding-top:128px}.home-story-track .pip-centered-heading,.home-story-track .pip-mode-tabs{padding-left:104px}.home-pip-work{left:16px;top:16px;width:88px;height:88px}.home-pip-entry{left:16px;top:16px;width:64px;height:64px}.home-pip-day,.home-pip-night{width:64px;height:64px}.home-pip-night-entry{display:block;left:6%;top:24px;width:64px;height:64px}}.pip-retro-wrapper{width:min(100%,400px);padding-top:48px;position:relative}.pip-retro-shell{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:16px;padding:24px 24px 32px;border-radius:16px;border:2px solid #b9441a;background:var(--pip-shell);box-shadow:inset 0 3px 0 var(--pip-shell-light),8px 8px #b94a21;position:relative}.pip-retro-screen .device{max-width:none;padding:8px;border-radius:12px;border:0;background:var(--pip-dark);height:100%;display:flex;align-items:center}.pip-retro-screen .device-chin{display:none}.pip-retro-screen .device-display{border-radius:4px}.pip-retro-controls{background:var(--pip-cream);display:flex;align-items:center;flex-direction:column;gap:16px;padding:12px 8px;border-radius:12px}.pip-dial{min-height:44px;width:44px;height:44px;border-radius:50%;border:3px solid #52514e;background:#292a29;position:relative;box-shadow:2px 2px #a39b8f}.pip-dial:after{content:"";position:absolute;top:50%;left:4px;right:4px;height:5px;background:#91908a;transform:translateY(-50%) rotate(-35deg);border-radius:4px}.pip-dial.second:after{transform:translateY(-50%) rotate(35deg)}.pip-dial:hover{transform:rotate(15deg)}.pip-speaker{display:block;flex:1;width:40px;min-height:24px;background:#333634;border-radius:4px}.pip-retro-wordmark{position:absolute;left:28px;bottom:8px;color:#f6dbcd;font-size:.625rem;letter-spacing:.08em}.pip-antenna{height:48px;position:absolute;top:0;left:50%;width:40px;transform:translate(-50%);border-bottom:8px solid #b64b26}.pip-antenna i{position:absolute;bottom:0;left:18px;width:4px;height:64px;border-radius:4px;background:#999b99;transform:rotate(-35deg);transform-origin:bottom}.pip-antenna i:last-child{transform:rotate(35deg)}.pip-retro-feet{display:flex;justify-content:space-between;padding:0 48px}.pip-retro-feet i{width:36px;height:20px;background:#333634;transform:skew(-16deg);border-radius:0 0 4px 4px}.pip-retro-feet i:last-child{transform:skew(16deg)}.pip-home{--pip-photo-gray: #eeedeb;--pip-shell: #cf5122;--pip-shell-light: #e66a36;--pip-cream: #d6cbbc;--pip-dark: #222426}.pip-home section{scroll-margin-top:0}.pip-home :is(.pip-centered-heading,.pip-rail-heading,.pip-web-copy,.pip-faq,.pip-last-call) h2{font-size:var(--hw-type-section);font-weight:700;line-height:1.15}.pip-hero{position:relative;min-height:600px;height:min(52vw,760px);overflow:hidden;background:var(--pip-photo-gray)}.pip-hero-photo{position:absolute;right:0;top:50%;transform:translateY(-50%);width:60%;height:95%;object-fit:contain;object-position:right center;display:block;filter:drop-shadow(0 24px 24px #29292918)}.pip-hero-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;pointer-events:none}.pip-hero-copy{width:43%;color:var(--foreground);padding-bottom:var(--space-6)}.pip-hero-copy>p:first-child{font-size:var(--hw-type-label);color:var(--muted-foreground);margin-bottom:var(--space-6)}.pip-hero-copy>p:first-child strong{color:var(--brand-strong);font-weight:700}.pip-hero-copy h1{font-size:clamp(3rem,5.1vw,5rem);font-weight:600;line-height:1.07;letter-spacing:-.04em;margin-bottom:var(--space-6)}.pip-hero-copy h1 span{color:var(--brand)}.pip-hero-copy>p:not(:first-child){font-size:var(--hw-type-body);line-height:1.75;margin-bottom:var(--space-8)}.pip-hero-copy .button{pointer-events:auto}.pip-promos{margin-top:var(--space-2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.pip-promo{width:100%;min-width:0;position:relative;overflow:hidden;min-height:380px;aspect-ratio:1.6;display:block;color:var(--primary-foreground)}.pip-promo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-out-quart)}.pip-promo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#111111c7,#1111118f 55%,transparent 90%)}.pip-promo:is(:hover,:focus-visible) img{transform:scale(1.025)}.pip-promo:focus-visible{outline-offset:-6px;outline-color:var(--primary-foreground)}.pip-promo>div{position:absolute;z-index:1;top:var(--space-8);left:var(--space-12);right:var(--space-12)}.pip-promo h2{font-size:clamp(1.75rem,3vw,3rem);letter-spacing:-.025em;font-weight:600}.pip-promo p{font-size:var(--hw-type-label);margin-top:var(--space-4)}.pip-promo-button{margin-top:var(--space-6)}.pip-promo-day img{object-position:75% center}.pip-promo-night img{object-position:20% center}.pip-promo-night>div{text-align:right}.pip-playground{padding-block:var(--hw-section-space)}.pip-centered-heading{text-align:center}.pip-centered-heading p{margin-top:var(--space-4);font-size:var(--hw-type-body);color:var(--muted-foreground)}.pip-mode-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;padding:var(--space-2);margin:var(--space-6) calc(-1 * var(--space-2)) var(--space-2)}.pip-mode-tabs button{position:relative;overflow:hidden;border:0;background:transparent;color:var(--muted-foreground);padding:var(--space-3) var(--space-6);min-height:var(--control-height);border-radius:var(--hw-radius-pill);font-size:var(--hw-type-label);line-height:1.4;font-weight:500;white-space:nowrap;flex-shrink:0}.pip-mode-tabs button:hover{background:var(--secondary)}.pip-mode-tabs button[aria-pressed=true]{color:var(--primary-foreground);background:var(--primary);font-weight:700}.pip-playground-stage{position:relative;overflow:hidden;background:var(--secondary);min-height:400px;border-radius:var(--hw-radius-feature);display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);gap:var(--space-8)}.pip-detail-progress{position:absolute;inset:auto 0 0;height:var(--space-1);overflow:hidden;background:var(--border)}.pip-detail-progress span{display:block;height:100%;background:var(--brand);transform:scaleX(0);transform-origin:left}.pip-stage-arrow{background:var(--background);border-color:var(--border)}.pip-playground-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-6)}.pip-playground-bottom p{font-size:var(--hw-type-label);color:var(--muted-foreground)}.pip-backgrounds{padding-block:var(--hw-section-space);background:var(--secondary);overflow:hidden}.pip-rail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.pip-rail-heading>div:first-child{min-width:0}.pip-rail-heading p{font-size:var(--hw-type-body);color:var(--muted-foreground);margin-top:var(--space-3)}.pip-rail-controls{display:flex;gap:var(--space-2);flex-shrink:0}.pip-rail-controls .icon-button{background:var(--background)}.pip-rail-controls .icon-button:hover:not(:disabled){background:var(--accent)}.pip-background-rail{display:flex;gap:var(--space-6);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--page-gutter),calc((100vw - var(--container-width)) / 2));padding:var(--space-2) max(var(--page-gutter),calc((100vw - var(--container-width)) / 2)) var(--space-6)}.pip-background-tile{flex:0 0 min(28vw,360px);padding:0;background:none;border:0;text-align:left;scroll-snap-align:start}.pip-background-media{aspect-ratio:4/3;position:relative;border-radius:var(--hw-radius-feature);overflow:hidden}.pip-background-media .scene{transition:transform .4s var(--ease-out-quart)}.pip-background-tile:is(:hover,:focus-visible) .scene{transform:scale(1.04)}.pip-background-tile.selected .pip-background-media{box-shadow:0 0 0 2px var(--foreground)}.pip-background-play{display:grid;place-items:center;position:absolute;bottom:var(--space-4);right:var(--space-4);width:var(--control-height);height:var(--control-height);background:var(--background);color:var(--foreground);border-radius:var(--hw-radius-pill)}.pip-background-tile>span{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--hw-type-label);font-weight:600}.pip-background-tile.selected>span>svg{color:var(--brand)}.pip-lifestyle{position:relative;height:min(56.25vw,720px);min-height:480px;overflow:hidden}.pip-lifestyle>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pip-lifestyle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#111111ba,#11111173 44%,transparent 78%)}.pip-lifestyle-copy{position:absolute;z-index:1;left:max(var(--page-gutter),calc((100vw - var(--container-width)) / 2));top:var(--space-12);color:var(--primary-foreground)}.pip-lifestyle-copy h2{font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:600}.pip-lifestyle-copy .button:focus-visible{outline-color:var(--primary-foreground)}.pip-lifestyle-copy p{margin-block:var(--space-6);font-size:var(--hw-type-body)}.pip-web-section{padding-block:var(--hw-section-space);display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-16);align-items:center}.pip-web-copy>p{color:var(--muted-foreground);font-size:var(--hw-type-body);margin-block:var(--space-6);max-width:32ch}.pip-browser-preview{border:1px solid var(--border);border-radius:var(--hw-radius-media);overflow:hidden;background:var(--secondary)}.pip-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--secondary);border-bottom:1px solid var(--border);font-size:var(--hw-type-small);color:var(--muted-foreground)}.pip-browser-bar>span:first-child{display:flex;gap:var(--space-1)}.pip-browser-bar i{display:block;width:6px;height:6px;background:var(--input);border-radius:var(--hw-radius-pill)}.pip-browser-preview>a{display:block}.pip-browser-preview>a:focus-visible{outline-offset:-4px}.pip-browser-preview img{display:block;width:100%;height:auto}.pip-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-16);border-top:1px solid var(--border);padding-block:var(--hw-section-space)}.pip-faq summary{font-size:var(--hw-type-body);min-height:72px;padding-block:var(--space-4)}.pip-faq details p{font-size:var(--hw-type-body);padding:0 var(--space-8) var(--space-6) 0}.pip-faq details[open] summary>svg{transform:rotate(45deg)}.pip-last-call{padding-block:0 var(--hw-section-space);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.pip-last-call p{font-size:var(--hw-type-label);color:var(--muted-foreground);margin-bottom:var(--space-3)}.site-footer a:not(.brand){display:inline-flex;align-items:center;min-height:var(--control-height)}@media(min-width:700px)and (max-width:1399px){.pip-home{--hw-type-section: 1.75rem}}@media(max-width:1100px){.pip-hero{min-height:560px}.pip-hero-copy h1{font-size:3.25rem}.desktop-break{display:none}.pip-promo>div{left:var(--space-8);right:var(--space-8)}.pip-playground-stage{padding:var(--space-8)}.pip-web-section,.pip-faq{gap:var(--space-12)}}@media(max-width:900px){.pip-mode-tabs button{padding-inline:var(--space-4)}.pip-mode-tabs button{background:var(--secondary);color:var(--foreground)}.pip-mode-tabs button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.pip-mode-tabs button[aria-pressed=false]:hover{background:var(--accent)}.pip-hero{height:auto;min-height:0;display:flex;flex-direction:column}.pip-hero-inner{position:static;padding-top:var(--space-12)}.pip-hero-copy{width:100%;padding-bottom:0}.pip-hero-copy h1{font-size:clamp(2.5rem,6vw,3.5rem)}.pip-hero-copy>p:first-child{margin-bottom:var(--space-4)}.pip-hero-photo{position:static;order:1;transform:none;width:100%;height:clamp(300px,48vw,440px);align-self:flex-end;margin-top:var(--space-6)}.pip-web-section{grid-template-columns:1fr;gap:var(--space-8)}.pip-faq{grid-template-columns:1fr;gap:var(--space-6)}.pip-retro-shell{grid-template-columns:minmax(0,1fr) 52px;gap:var(--space-3);padding:var(--space-4) var(--space-4) 28px}.pip-retro-controls{padding:var(--space-2) var(--space-1);gap:var(--space-3)}.pip-speaker{width:32px;min-height:16px}.pip-retro-wordmark{left:20px;bottom:6px}.pip-background-tile{flex-basis:42vw}}@media(max-width:699px){.pip-home{--hw-type-section: 1.5rem;--hw-section-space: 2.5rem}.pip-rail-heading{align-items:flex-start;gap:var(--space-4)}.pip-rail-heading p{font-size:var(--hw-type-label)}.pip-background-rail{gap:var(--space-4)}.pip-background-tile{flex-basis:80vw}.pip-lifestyle-copy{left:var(--page-gutter);right:var(--page-gutter);top:var(--space-8)}.pip-lifestyle-copy h2{font-size:2.5rem}}@media(max-width:550px){.pip-hero-inner{padding-top:var(--space-8)}.pip-hero-copy h1{font-size:clamp(2.25rem,9vw,3rem);margin-bottom:var(--space-4)}.pip-hero-copy>p:not(:first-child){font-size:var(--hw-type-label);margin-bottom:var(--space-6)}.pip-hero-photo{height:260px;margin-top:var(--space-4)}.pip-promos{margin-top:var(--space-2);grid-template-columns:1fr}.pip-promo{min-height:360px;aspect-ratio:auto}.pip-promo>div{left:var(--page-gutter);right:var(--page-gutter);top:var(--space-6)}.pip-promo h2{font-size:2rem}.pip-centered-heading{text-align:left}.pip-mode-tabs button{font-size:var(--hw-type-label);padding-inline:var(--space-4)}.pip-playground-stage{min-height:320px;padding:var(--space-6) var(--space-3) 72px;gap:0;position:relative}.pip-stage-arrow{position:absolute;bottom:var(--space-4);z-index:1}.pip-stage-arrow:first-child{left:var(--space-4)}.pip-stage-arrow:last-of-type{right:var(--space-4)}.pip-retro-wrapper{padding-top:40px}.pip-retro-shell{grid-template-columns:minmax(0,1fr) 44px;padding:var(--space-3) var(--space-3) var(--space-6);gap:var(--space-2);border-radius:var(--hw-radius-card);box-shadow:inset 0 3px 0 var(--pip-shell-light),4px 4px #b94a21}.pip-retro-controls{padding:var(--space-1) 0;gap:var(--space-1);border-radius:var(--hw-radius-media)}.pip-retro-wordmark{left:var(--space-4);bottom:var(--space-1);font-size:.5rem}.pip-antenna{height:40px}.pip-antenna i{height:48px}.pip-retro-feet{padding-inline:var(--space-8)}.pip-retro-feet i{width:24px;height:12px}.pip-playground-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.pip-playground-bottom p{min-height:2.8em}.pip-lifestyle{height:520px;min-height:0}.pip-lifestyle>img{object-position:65% center}.pip-lifestyle:after{background:linear-gradient(180deg,#111111c7,#11111199 45%,transparent 85%)}.pip-last-call{align-items:flex-start;flex-direction:column;gap:var(--space-6)}}.pip-order-page{padding-block:var(--space-8) var(--space-24)}.pip-order-page .back-link{margin-bottom:var(--space-6)}.pip-order-heading{margin-bottom:var(--space-12)}.pip-order-heading h1,.pip-order-complete h1{font-size:var(--hw-type-section);font-weight:700;letter-spacing:-.03em;line-height:1.15}.pip-order-heading p{margin-top:var(--space-3);color:var(--muted-foreground)}.pip-order-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-16);align-items:start}.pip-order-layout>*{min-width:0}.pip-order-product{position:sticky;top:calc(var(--site-header-height) + var(--space-8))}.pip-order-photo{overflow:hidden;border-radius:var(--hw-radius-feature);background:var(--secondary)}.pip-order-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:60% center;display:block}.pip-order-product-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6)}.pip-order-product h2{font-size:var(--hw-type-panel);font-weight:600;line-height:1.2}.pip-order-product-heading p{color:var(--muted-foreground);margin-top:var(--space-2);font-size:var(--hw-type-label)}.pip-order-product-heading>strong{font-size:var(--type-title);white-space:nowrap;font-weight:600}.pip-order-quantity{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--hw-type-label)}.pip-order-quantity>div{display:flex;align-items:center;border-radius:var(--hw-radius-pill);background:var(--secondary)}.pip-order-quantity button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%}.pip-order-quantity button:hover:enabled{background:var(--accent)}.pip-order-quantity output{width:32px;text-align:center;font-variant-numeric:tabular-nums}.pip-order-details h2{font-size:var(--type-title);line-height:1.4;font-weight:600;margin-bottom:var(--space-6)}.pip-order-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6)}.pip-order-full{grid-column:1/-1}.pip-order-fields textarea{min-height:96px}.pip-order-fields .field-error{display:block;min-height:20px;margin-top:-4px;font-size:var(--hw-type-small);line-height:20px}.pip-order-payment{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border)}.pip-order-totals{margin:0}.pip-order-totals>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-2);font-size:var(--hw-type-label)}.pip-order-totals dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.pip-order-totals .summary-total{font-size:var(--type-title);font-weight:600;padding-top:var(--space-4)}.pip-order-cod{font-size:var(--hw-type-label);margin-block:var(--space-6) var(--space-4)}.pip-order-note{margin-top:var(--space-3);color:var(--muted-foreground);font-size:var(--hw-type-small);line-height:1.6}.pip-order-complete{max-width:720px;padding-block:var(--space-16);min-height:70dvh}.pip-order-check{width:56px;height:56px;border-radius:50%;background:var(--secondary);display:grid;place-items:center;margin-bottom:var(--space-6)}.pip-order-complete>p{color:var(--muted-foreground);margin-block:var(--space-4) var(--space-8)}.pip-order-complete-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}@media(max-width:1000px){.pip-order-layout{gap:var(--space-8)}.pip-order-fields{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.pip-order-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-12)}.pip-order-product{position:static}.pip-order-photo img{aspect-ratio:16/9}.pip-order-heading{margin-bottom:var(--space-8)}}@media(max-width:550px){.pip-order-page{padding-block:var(--space-6) var(--space-12)}.pip-order-heading h1,.pip-order-complete h1{font-size:var(--hw-type-panel)}.pip-order-product h2{font-size:var(--type-title)}.pip-order-product-heading>strong{font-size:var(--hw-type-body)}.pip-order-complete-actions .button{width:100%}}.db-sidebar-device .db-device-trigger{display:flex;align-items:center;width:100%;gap:10px;min-height:48px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--background);text-align:left}.db-device-trigger strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}.db-device-trigger>svg:last-child{color:var(--muted-foreground)}.dp-content{z-index:100;min-width:max(220px,var(--radix-dropdown-menu-trigger-width));max-width:calc(100vw - 32px);padding:6px;background:var(--popover);color:var(--popover-foreground);border-radius:8px;box-shadow:0 8px 30px #0000001a,0 0 0 1px var(--border);font-family:Google Sans,sans-serif}.dp-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:6px;font-size:.875rem;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}.dp-item[data-highlighted]{background:var(--accent);color:var(--accent-foreground)}.dp-item>span{min-width:0;overflow-wrap:anywhere}.dp-check{display:inline-flex;margin-left:auto}.dp-separator{height:1px;margin:5px 6px;background:var(--border)}.sg-guide{width:100%;max-width:760px;min-width:0;margin:0 auto;color:var(--foreground)}.sg-guide .sg-close{padding-left:0;margin-bottom:4px}.sg-preview{color:var(--muted-foreground);font-size:.8125rem;line-height:1.6;margin:0 0 28px}.sg-progress{list-style:none;display:flex;padding:0;margin:0 0 28px;border-bottom:1px solid var(--border);gap:24px}.sg-progress li{min-width:0}.sg-progress button{display:flex;align-items:center;gap:9px;min-height:52px;padding:0 0 16px;color:var(--muted-foreground);background:transparent;border:0;border-bottom:2px solid transparent;font-size:.875rem;text-align:left}.sg-progress [aria-current=step] button{color:var(--foreground);border-bottom-color:var(--brand);font-weight:600}.sg-step-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:var(--secondary);font-size:.75rem}.sg-progress [aria-current=step] .sg-step-number{background:var(--primary);color:var(--primary-foreground)}.sg-main{min-width:0}.sg-main h2{margin:22px 0 10px;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.025em;line-height:1.2}.sg-main h2:focus{outline:none}.sg-main>p{max-width:650px;line-height:1.7;margin:0;color:var(--muted-foreground)}.sg-figure{margin:0}.sg-figure figcaption{text-align:center;margin-top:9px;color:var(--muted-foreground);font-size:.75rem}.sg-illustration{display:flex;align-items:center;justify-content:center;min-height:310px;padding:30px;background:var(--secondary);border-radius:var(--radius)}.sg-visual-content{display:flex;align-items:center;justify-content:center;width:100%;color:var(--muted-foreground)}.sg-device{width:300px;flex-shrink:1;padding:12px 12px 8px;border-radius:17px;background:var(--primary);text-align:center}.sg-device>div{height:170px;background:var(--background);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.sg-device img{width:83px;height:76px;object-fit:contain}.sg-device span{font-size:.8125rem;color:var(--foreground)}.sg-device small{display:block;margin-top:7px;color:#bcbcbc;font-size:.5625rem;letter-spacing:.08em}.sg-device-code{color:var(--foreground);font-size:clamp(1.35rem,5vw,2rem);letter-spacing:.14em}.sg-cable-line{width:42px;height:3px;flex-shrink:0;background:var(--input)}.sg-visual-content>svg{flex-shrink:0}.sg-phone{width:238px;border:5px solid var(--primary);border-radius:29px;padding:13px 14px 11px;background:var(--background);color:var(--foreground)}.sg-phone-speaker{display:block;width:46px;height:5px;border-radius:9px;background:var(--primary);margin:0 auto 22px}.sg-phone-title{display:flex;gap:8px;align-items:center}.sg-phone-title strong{font-size:.9375rem}.sg-wifi-toggle{width:26px;height:15px;margin-left:auto;border-radius:20px;background:var(--primary)}.sg-wifi-toggle:after{content:"";display:block;background:var(--background);width:11px;height:11px;border-radius:50%;margin:2px 2px 2px auto}.sg-phone>p{font-size:.6875rem;color:var(--muted-foreground);margin:25px 0 9px}.sg-network{display:flex;align-items:center;gap:9px;padding:13px 8px;border-radius:7px;font-size:.75rem}.sg-network>:last-child{margin-left:auto}.sg-network.is-highlighted{background:var(--secondary);outline:2px solid var(--brand)}.sg-network.is-highlighted strong{font-weight:600}.sg-phone-home{width:60px;height:4px;border-radius:9px;background:var(--primary);margin:30px auto 0}.sg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.sg-guide .button{min-height:44px;white-space:normal;text-align:center}.sg-guide .sg-caption{font-size:.8125rem;line-height:1.6;color:var(--muted-foreground)}.sg-code-form{margin-top:22px;max-width:420px}.sg-code-input{min-height:52px;width:100%;letter-spacing:.16em;font-size:1.2rem}.sg-code-input::placeholder{letter-spacing:.07em;font-size:1rem}.sg-code-input[aria-invalid=true]{border-color:var(--destructive)}.sg-code-form .sg-caption{margin:8px 0 18px}.sg-error{font-size:.875rem;color:var(--destructive);line-height:1.6;margin:0 0 18px}.sg-pairing-result{margin-top:20px;font-size:.875rem;line-height:1.6}.sg-pairing-result strong{font-weight:500}.sg-pairing-result p{margin:5px 0 0;color:var(--muted-foreground)}@media(max-width:480px){.sg-guide .sg-close{font-size:.8125rem}.sg-preview{margin-bottom:20px}.sg-progress{gap:10px;margin-bottom:22px}.sg-progress li{flex:1}.sg-progress button{width:100%;flex-direction:column;align-items:flex-start;gap:8px;font-size:.75rem}.sg-illustration{min-height:265px;padding:24px 16px}.sg-device>div{height:135px}.sg-device img{width:67px;height:62px}.sg-cable-line{width:20px}.sg-visual-content>svg{width:28px}.sg-actions{flex-direction:column-reverse;align-items:stretch}.sg-actions .button{width:100%}}.db-sortable-row{position:relative}.db-sortable-row.is-dragging{z-index:2;background:var(--background);box-shadow:0 8px 24px #1a1a1a14}.db-sortable-row .db-drag-handle{touch-action:none;cursor:grab}.db-sortable-row.is-dragging .db-drag-handle{cursor:grabbing}.db-sortable-row .db-drag-handle:active{transform:none}@media(prefers-reduced-motion:reduce){.db-sortable-row{transition:none!important}}.ds-select-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid transparent;border-radius:8px;background:var(--secondary);color:var(--foreground);font-size:.875rem;text-align:left}.ds-select-trigger:hover{border-color:var(--border)}.ds-select-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ds-select-trigger>svg{color:var(--muted-foreground)}.ds-select-content{z-index:100;min-width:var(--radix-select-trigger-width);max-width:calc(100vw - 32px);max-height:var(--radix-select-content-available-height);padding:6px;overflow:hidden;border-radius:8px;background:var(--popover);color:var(--popover-foreground);box-shadow:0 8px 30px #0000001a,0 0 0 1px var(--border);font-family:Google Sans,sans-serif}.ds-select-item{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 36px 10px 12px;border-radius:6px;font-size:.875rem;line-height:1.5;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}.ds-select-item[data-highlighted]{background:var(--accent);color:var(--accent-foreground)}.ds-select-check{position:absolute;right:10px;display:inline-flex}.ds-select-scroll{display:flex;justify-content:center;align-items:center;height:28px;background:var(--popover)}.account-login{max-width:640px;min-height:65dvh;padding-block:var(--space-16)}.account-login h1{font-size:var(--hw-type-section);margin-bottom:var(--space-4)}.account-login p{margin-block:var(--space-4) var(--space-6);color:var(--muted-foreground)}.account-content{max-width:1100px}.account-empty{max-width:600px;padding-block:var(--space-12)}.account-empty h2{font-size:var(--hw-type-panel)}.account-empty p{margin-block:var(--space-4) var(--space-6);color:var(--muted-foreground)}.account-empty .button{margin:0 var(--space-2) var(--space-3) 0}.account-email{font-size:var(--hw-type-small);color:var(--muted-foreground);overflow-wrap:anywhere}.account-device{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--hw-radius-card);margin-bottom:var(--space-4)}.pip-privacy{max-width:800px;padding-block:var(--space-12) var(--space-16)}.pip-privacy h1{font-size:var(--hw-type-section);margin-bottom:var(--space-6)}.pip-privacy section{margin-top:var(--space-8)}.pip-privacy h2{font-size:var(--hw-type-panel);margin-bottom:var(--space-4)}.pip-privacy p{margin-top:var(--space-3);color:var(--muted-foreground)}.pip-privacy p a,.pip-order-note a,.account-login p a{text-decoration:underline;text-underline-offset:3px}