.verf{background:radial-gradient(circle at top right, #6ba36829, transparent 32%), radial-gradient(circle at bottom left, #f5b04124, transparent 28%), linear-gradient(180deg, #fff9f1 0%, var(--brand-cream) 42%, #fff3e6 100%);min-height:100dvh;color:var(--brand-espresso);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif}.verf-shell{max-width:1120px;padding:20px 20px 72px;padding-top:max(20px, env(safe-area-inset-top));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(72px, calc(40px + env(safe-area-inset-bottom)));padding-left:max(20px, env(safe-area-inset-left));margin:0 auto}.verf-header{margin:4px 0 24px}.verf-header .app-brand{margin-bottom:14px}.verf h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4.5vw,2.7rem);line-height:1.05}.verf-lede{max-width:38rem;color:var(--brand-taupe-text);margin:10px 0 0;font-size:1.05rem;line-height:1.55}.verf-grid{gap:18px;display:grid}@media (min-width:920px){.verf-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start}.verf-result{max-height:calc(100dvh - 32px);position:sticky;top:16px;overflow:auto}}.verf-card{border:1px solid color-mix(in srgb, var(--brand-line) 85%, #d8c4a8);background:linear-gradient(180deg, #ffffffb8, transparent 48%), color-mix(in srgb, var(--brand-card) 94%, white);border-radius:22px;padding:20px;box-shadow:inset 0 1px #ffffffb3,0 14px 36px #2b10170d}.verf-card h2{letter-spacing:-.03em;margin:0 0 4px;font-size:1.25rem}.verf-form{flex-direction:column;gap:4px;display:flex}.verf-row{gap:12px;display:grid}@media (min-width:560px){.verf-row{grid-template-columns:1fr 1fr}}.verf-field{flex-direction:column;gap:6px;min-width:0;display:flex}.verf-label,.verf-legend{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-taupe-text);font-size:.72rem;font-weight:700}.verf-fieldset{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.verf-field input,.verf-field select{border:1px solid var(--brand-line);width:100%;min-height:44px;font:inherit;color:inherit;background:#fff;border-radius:12px;padding:8px 12px;transition:border-color .14s,box-shadow .14s}.verf-field input:hover,.verf-field select:hover{border-color:color-mix(in srgb, var(--brand-espresso) 28%, var(--brand-line))}.verf-field input:focus-visible,.verf-field select:focus-visible{border-color:var(--brand-coral-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-coral) 35%, white);outline:none}.verf-hint{color:var(--brand-taupe-text);margin:0;font-size:.9rem;line-height:1.45}.verf-result-top{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:10px;display:flex}.verf-result-top h2{margin:0}.verf-summary{background:color-mix(in srgb, var(--brand-sage) 12%, white);color:var(--brand-espresso);border-radius:12px;margin:0 0 14px;padding:10px 12px;font-size:.95rem;line-height:1.45}.verf-copy{background:var(--brand-coral-text);min-height:42px;color:var(--brand-cream);font:inherit;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:.9rem;font-weight:700;transition:transform .14s,filter .14s}.verf-copy:hover{filter:brightness(1.06);transform:translateY(-1px)}.verf-copy:disabled{opacity:.45;cursor:not-allowed;transform:none}.verf-copy:focus-visible{outline:2px solid var(--brand-espresso);outline-offset:3px}.verf-warnings{background:color-mix(in srgb, var(--brand-amber) 28%, white);color:var(--brand-espresso);border-radius:14px;margin:0 0 14px;padding:12px 14px}.verf-warnings p{margin:0;font-size:.92rem;line-height:1.4}.verf-warnings p+p{margin-top:6px}.verf-group+.verf-group{margin-top:18px}.verf-group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-amber-text);margin:0 0 4px;font-size:.72rem;font-weight:700}.verf-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.verf-line{border-top:1px solid var(--brand-line);grid-template-columns:4.6rem 1fr;gap:2px 12px;padding:12px 0;display:grid}.verf-line:first-child{border-top:0}.verf-qty{font-variant-numeric:tabular-nums;letter-spacing:-.02em;grid-row:span 2;align-self:center;font-size:1.12rem;font-weight:700}.verf-line-label{font-weight:600;line-height:1.3}.verf-line-note{color:var(--brand-taupe-text);margin:0;font-size:.86rem;line-height:1.4}.verf-missing{color:var(--brand-taupe-text);margin:0}.verf-surfaces-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.verf-surfaces-head h2{margin:0}.verf-add,.verf-remove{min-height:36px;font:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:700;transition:transform .14s,filter .14s,background .14s}.verf-add{background:var(--brand-espresso);color:var(--brand-cream);border:0}.verf-add:hover{filter:brightness(1.08);transform:translateY(-1px)}.verf-remove:hover{background:color-mix(in srgb, var(--brand-coral) 12%, white);transform:translateY(-1px)}.verf-remove{border:1px solid color-mix(in srgb, var(--brand-coral-text) 35%, var(--brand-line));color:var(--brand-coral-text);background:#fff}.verf-add:focus-visible,.verf-remove:focus-visible,.verf-surface-tab:focus-visible{outline:2px solid var(--brand-coral-text);outline-offset:2px}.verf-surface-tabs{flex-wrap:wrap;gap:6px;display:flex}.verf-surface-tab{border:1px solid var(--brand-line);min-height:40px;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-weight:600;transition:background .14s,border-color .14s,color .14s}.verf-surface-tab:hover{border-color:color-mix(in srgb, var(--brand-espresso) 35%, var(--brand-line))}.verf-surface-tab.is-active{background:var(--brand-espresso);border-color:var(--brand-espresso);color:var(--brand-cream)}.verf-surface-panel{border:1px solid color-mix(in srgb, var(--brand-line) 80%, #d8c4a8);background:linear-gradient(180deg, #ffffff8c, transparent 40%), color-mix(in srgb, white 78%, var(--brand-cream));border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex}@media (prefers-reduced-motion:reduce){.verf-copy,.verf-add,.verf-remove,.verf-surface-tab,.verf-field input,.verf-field select{transition:none}}
