[data-theme=midnight]{--yq-bg:#1f232f;--yq-surface:#353946;--yq-surface-strong:#4a4f5e;--yq-text:#fff;--yq-text-muted:#8f94a3;--yq-button-bg:#fff;--yq-button-text:#1f232f;--yq-logo-bg:#dad5cd;--yq-logo-text:#1f232f}[data-theme=charcoal]{--yq-bg:#3a3a3c;--yq-surface:#4d4d50;--yq-surface-strong:#626266;--yq-text:#fff;--yq-text-muted:#a3a3a8;--yq-button-bg:#fff;--yq-button-text:#2a2a2c;--yq-logo-bg:#dad5cd;--yq-logo-text:#2a2a2c}[data-theme=paper]{--yq-bg:#fff;--yq-surface:#f1eeea;--yq-surface-strong:#e2ddd5;--yq-text:#1f232f;--yq-text-muted:#8c919e;--yq-button-bg:#1f232f;--yq-button-text:#fff;--yq-logo-bg:#1f232f;--yq-logo-text:#fff}.yq,.yq *,.yq :before,.yq :after{box-sizing:border-box}.yq{background:var(--yq-bg);height:100%;color:var(--yq-text);flex-direction:column;gap:10px;padding:22px 22px 16px;font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.yq-header{align-items:center;gap:10px;min-height:30px;display:flex}.yq-logo{background:var(--yq-logo-bg);width:30px;height:30px;color:var(--yq-logo-text);border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:600;display:grid}.yq-site{letter-spacing:.08em;text-transform:uppercase;color:var(--yq-text-muted);flex:1;font-size:10px}.yq-faded{background:var(--yq-surface);opacity:.4;min-width:0;color:var(--yq-text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;flex:1;padding:8px 12px;font-size:12px;overflow:hidden}.yq-close{width:28px;height:28px;color:var(--yq-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;margin-left:auto;font-size:20px;line-height:1}.yq-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.yq-spacer{flex:1}.yq-bubble{background:var(--yq-surface);overflow-wrap:anywhere;border-radius:14px;align-self:flex-start;max-width:85%;padding:11px 14px;font-size:14px;line-height:1.35}.yq-mine-wrap{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.yq-mine{background:var(--yq-button-bg);color:var(--yq-button-text);overflow-wrap:anywhere;border-radius:14px;padding:10px 14px;font-size:14px}.yq-caption{color:var(--yq-text-muted);font-size:10px}.yq-display{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0 0 8px;font-size:30px;font-weight:500;line-height:1.08}.yq-center{text-align:center}.yq-muted{color:var(--yq-text-muted);text-align:center;margin:0;font-size:14px}.yq-btn{background:var(--yq-button-bg);width:100%;color:var(--yq-button-text);cursor:pointer;border:0;border-radius:999px;padding:15px;font:600 15px/1 inherit}.yq-btn:disabled{opacity:.4;cursor:default}.yq-btn:focus-visible,.yq-option:focus-visible,.yq-send:focus-visible,.yq-link:focus-visible{outline:2px solid var(--yq-text);outline-offset:2px}.yq-choice{flex-direction:column;gap:10px;display:flex}.yq-options{background:var(--yq-surface);border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex}.yq-option{color:var(--yq-text);text-align:left;cursor:pointer;opacity:.85;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font:13px/1.2 inherit;display:flex}.yq-option.is-on{background:var(--yq-surface-strong);opacity:1}.yq-dot{background:var(--yq-surface-strong);border-radius:50%;flex:none;width:16px;height:16px}.yq-option.is-on .yq-dot{background:var(--yq-bg);box-shadow:inset 0 0 0 4px var(--yq-text)}.yq-entry{flex-direction:column;gap:6px;display:flex}.yq-field{background:var(--yq-surface);border-radius:14px;align-items:flex-start;gap:8px;min-height:72px;padding:14px 12px 14px 14px;display:flex}.yq-field input,.yq-field textarea{min-width:0;color:var(--yq-text);resize:none;background:0 0;border:0;outline:0;flex:1;font:14px/1.35 inherit}.yq-field input::placeholder,.yq-field textarea::placeholder{color:var(--yq-text-muted)}.yq-send{width:28px;height:28px;color:var(--yq-text);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.yq-send svg{width:18px;height:18px}.yq-error{color:#ffb4a8;font-size:12px}[data-theme=paper] .yq-error{color:#8a2b22}.yq-estimate{background:var(--yq-surface-strong);border-radius:16px;padding:16px}.yq-label{letter-spacing:.08em;color:var(--yq-text-muted);font-size:10px}.yq-amount{letter-spacing:-.03em;margin-top:6px;font-size:28px;font-weight:500}.yq-progress{justify-content:space-between;align-items:center;display:flex}.yq-track{background:var(--yq-surface-strong);border-radius:2px;width:96px;height:3px;overflow:hidden}.yq-fill{background:var(--yq-text);height:100%;transition:width .2s}.yq-link{color:var(--yq-text-muted);cursor:pointer;background:0 0;border:0;padding:4px 0;font:11px/1 inherit}.yq-sent{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.yq-sent .yq-link{color:var(--yq-text);font-size:13px;font-weight:600}.yq-powered{color:var(--yq-text-muted);align-self:center;font-size:10px;text-decoration:none}@media (prefers-reduced-motion:reduce){.yq-fill{transition:none}}:root{--page:#f3f1ee;--card:#fff;--navy:#1f232f;--grey-1:#dad5cd;--grey-2:#ece9e4;--grey-3:#e7e3dd;--line:#e8e3dc;--muted:#8c919e;--brick:#8a2b22;--brick-bg:#f2e6e3;--sage:#3f6b4a;--sage-bg:#e5ece6;--radius:20px}*{box-sizing:border-box}html,body{background:var(--page);color:var(--navy);-webkit-font-smoothing:antialiased;margin:0;font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:30px;font-weight:600}h2{margin:0;font-size:18px;font-weight:600}h3{margin:8px 0 0;font-size:14px}p{margin:0}a{color:inherit}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--brick)}.label{letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:500}.center{text-align:center;place-content:center;gap:12px;min-height:100vh;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--card);border-radius:var(--radius);padding:22px}.card.soft{background:var(--page)}.btn{border:1px solid var(--line);background:var(--card);color:var(--navy);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font:600 14px/1 inherit;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-ghost{background:0 0;border-color:#0000}.btn-outline{background:0 0}.btn.wide{justify-content:center;width:100%;padding:14px}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.tab:focus-visible{outline:2px solid var(--navy);outline-offset:2px}input,select,textarea{color:var(--navy);background:var(--page);border:1px solid #0000;border-radius:12px;padding:11px 12px;font:14px/1.3 inherit}.field{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.check{align-items:center;gap:8px;font-size:13px;display:flex}fieldset{border:0;margin:0;padding:0}legend{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:11px}.chip{background:var(--grey-2);letter-spacing:.06em;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-block}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{background:var(--page);cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font:500 13px inherit}.chip-btn.is-on{background:var(--navy);color:#fff}.pill{letter-spacing:.08em;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:600}.pill-new{background:var(--brick-bg);color:var(--brick)}.pill-replied{background:var(--grey-2)}.pill-booked{background:var(--sage-bg);color:var(--sage)}.pill-archived{background:var(--grey-3);color:var(--muted)}.banner{background:var(--brick-bg);color:var(--brick);border-radius:14px;padding:12px 16px;font-size:14px;font-weight:500}.banner-ok{background:var(--sage-bg);color:var(--sage)}.note{background:var(--grey-2);border-radius:14px;padding:12px 16px;font-size:13px}.error-list{background:var(--brick-bg);color:var(--brick);border-radius:14px;margin:0;padding:12px 16px 12px 32px;font-size:13px}.auth{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{flex-direction:column;gap:14px;width:min(420px,100%);display:flex}.or{text-align:center;color:var(--muted);font-size:12px}.brand-mark{background:var(--navy);border-radius:8px;width:26px;height:26px;display:inline-block;position:relative}.brand-mark:after{content:"";background:#e23d24;border-radius:50%;position:absolute;inset:6px}.brand-mark.big{border-radius:13px;width:44px;height:44px}.shell{min-height:100vh}.topbar{z-index:5;background:var(--card);border-radius:22px;flex-wrap:wrap;align-items:center;gap:18px;margin:8px;padding:10px 12px 10px 18px;display:flex;position:sticky;top:8px}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.tab.is-active{background:var(--grey-2);color:var(--navy);font-weight:600}.badge{background:var(--brick);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex;position:relative}.publish{align-items:center;gap:10px;display:flex}.toast{background:var(--navy);color:#fff;border-radius:12px;margin:0;padding:10px 14px;font-size:13px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.toast-error{background:var(--brick)}.page{padding:24px 40px 48px}.page-head{margin-bottom:4px}.tiles{grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0;display:grid}.tile{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:8px;padding:18px;display:flex}.tile strong{letter-spacing:-.02em;font-size:28px;font-weight:600}.tile-dark{background:var(--navy);color:#fff}.tile-dark .label{color:#ffffffb3}.home-body{grid-template-columns:minmax(300px,420px) 1fr;align-items:start;gap:16px;display:grid}.list{padding:10px}.list .chips{padding:6px 6px 10px}.quote-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.quote-row{border-radius:14px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.quote-row:hover,.quote-row.is-on{background:var(--grey-2)}.avatar{background:var(--grey-3);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:600;display:grid}.q-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.q-name{font-size:14px;font-weight:600}.q-side{flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;display:flex}.num{font-variant-numeric:tabular-nums}.empty{padding:16px}.detail{flex-direction:column;gap:18px;display:flex}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.estimate-block{background:var(--navy);color:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.estimate-block strong{font-size:26px;font-weight:600}.estimate-block .label{color:#ffffffb3}.cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.answers{flex-direction:column;gap:10px;margin:8px 0 0;display:flex}.answers dt{color:var(--muted);font-size:12px}.answers dd{margin:2px 0 0;font-size:14px;font-weight:500}.lines{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.lines td{padding:6px 0}.lines .num{text-align:right}.lines .total td{border-top:1px solid var(--line);padding-top:10px;font-weight:700}.empty-detail{place-items:center;min-height:240px;display:grid}.split{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.builder{flex-direction:column;gap:10px;display:flex}.q-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.q-card{align-items:center;gap:12px;padding:16px 18px;display:flex}.q-num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.q-prompt{overflow-wrap:anywhere;font-weight:600}.q-actions{gap:4px;display:flex}.q-editor{border:2px solid var(--navy)}.opt-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.opt-row>input{flex:1;min-width:140px}.add-q{border-style:dashed;border-radius:18px;justify-content:center;padding:16px}.money{background:var(--page);border-radius:12px;align-items:center;gap:4px;padding-left:12px;display:inline-flex}.money input{background:0 0;width:110px}.preview{background:var(--grey-2);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:20px 24px 28px;display:flex;position:sticky;top:92px}.preview-head{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.preview-frame{border-radius:30px;width:380px;max-width:100%;height:560px;overflow:hidden;box-shadow:0 24px 60px #0d0f1e38}.pricing-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-top:16px;display:grid}.segmented{background:var(--page);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.seg{text-align:center;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500}.seg.is-on{background:var(--navy);color:#fff}.seg input{opacity:0;pointer-events:none;position:absolute}.priced{flex-direction:column;gap:10px;display:flex}.priced-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.locked{border:1px dashed var(--grey-1);background:0 0;flex-direction:column;gap:8px;display:flex}.locked-head{align-items:center;gap:10px;display:flex}.themes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-card{border:1px solid var(--line);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex;position:relative}.theme-card.is-on{border:2px solid var(--navy)}.theme-card input{opacity:0;position:absolute}.swatch{border-radius:10px;width:100%;height:56px}.swatch-midnight{background:#1f232f}.swatch-charcoal{background:#3a3a3c}.swatch-paper{border:1px solid var(--line);background:#fff}.code{background:var(--navy);color:#fff;border-radius:14px;margin:0;padding:18px;font-size:13px;overflow-x:auto}.steps{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14px;display:flex}.domains{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.domains li{background:var(--page);border-radius:999px;align-items:center;gap:4px;padding:4px 4px 4px 12px;font-size:13px;display:flex}@media (width<=900px){.page{padding:16px}.tiles{grid-template-columns:repeat(2,1fr)}.home-body,.split,.pricing-grid,.cols{grid-template-columns:1fr}.preview{position:static}}
