@font-face { font-family:'Ubuntu Light'; src:url('/assets/fonts/ubuntu-light-cyrillic.woff2') format('woff2'); font-weight:400; font-style:normal; unicode-range:U+0301,U+0400-052F,U+2116; font-display:swap; }
@font-face { font-family:'Ubuntu Light'; src:url('/assets/fonts/ubuntu-light-latin.woff2') format('woff2'); font-weight:400; font-style:normal; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+20AC; font-display:swap; }
@font-face { font-family:Forum; src:url('/assets/fonts/forum-cyrillic.woff2') format('woff2'); font-weight:400; font-style:normal; unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; font-display:swap; }
@font-face { font-family:Forum; src:url('/assets/fonts/forum-cyrillic-ext.woff2') format('woff2'); font-weight:400; font-style:normal; unicode-range:U+0460-052F; font-display:swap; }
@font-face { font-family:Forum; src:url('/assets/fonts/forum-latin.woff2') format('woff2'); font-weight:400; font-style:normal; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+20AC; font-display:swap; }
:root { --color-background:#fff; --color-surface:#f7f7f7; --color-text:#1e1e1e; --color-muted:#656565; --color-control:#1e1e1e; --color-control-hover:#f7f7f7; --color-border:#d0d0d0; font-family:'Ubuntu Light',Arial,sans-serif; color:var(--color-text); background:var(--color-background); font-size:16px; }
* { box-sizing:border-box; } html,body,#app { min-height:100%; margin:0; } body { background:var(--color-background); } button,input,textarea { font:inherit; } button,a { -webkit-tap-highlight-color:transparent; } button { cursor:pointer; } button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible { outline:2px solid var(--color-text); outline-offset:3px; }
.feedback-shell { min-height:100svh; padding:1.5rem clamp(1.25rem,4vw,4rem); display:flex; flex-direction:column; background:var(--color-background); } .feedback-top { width:100%; max-width:72rem; margin:0 auto; display:flex; align-items:center; justify-content:space-between; min-height:2rem; }
.language-switch { display:inline-flex; border:1px solid color-mix(in srgb,var(--color-text) 25%,transparent); border-radius:0; padding:2px; background:var(--color-background); } .language-switch button { border:0; border-radius:0; background:transparent; color:var(--color-muted); font-size:.72rem; letter-spacing:.04em; padding:.44rem .62rem; min-width:2.2rem; } .language-switch button.active { color:#fff; background:var(--color-control); }
.brand-wordmark,.eyebrow,.progress,.quiet-label { font-size:.73rem; line-height:1.2; letter-spacing:.06em; text-transform:uppercase; color:var(--color-muted); } .brand-wordmark { margin:0 0 1.25rem; color:var(--color-text); font-family:Forum,serif; font-size:1.2rem; font-weight:400; letter-spacing:.015em; text-transform:none; } .intro-screen,.thanks-screen { justify-content:space-between; } .intro-copy,.thanks-copy { max-width:38rem; width:100%; margin:auto; transform:translateY(-5%); }
h1,h2,h3 { font-family:Forum,Georgia,serif; font-weight:400; } h1 { font-size:clamp(3.3rem,10vw,7.5rem); line-height:.94; letter-spacing:-.025em; margin:.35rem 0 1.8rem; } .intro-text { max-width:29rem; font-size:clamp(1rem,2vw,1.16rem); line-height:1.65; margin:0 0 2.2rem; }
.primary-button,.secondary-button { border:1px solid var(--color-control); min-height:3.25rem; padding:.75rem 1.3rem; border-radius:0; background:var(--color-control); color:#fff; font-size:.85rem; letter-spacing:.025em; transition:background .2s,color .2s,transform .2s; } .primary-button:hover:not(:disabled) { background:var(--color-control-hover); color:var(--color-text); } .primary-button:active:not(:disabled),.choice:active,.star:active { transform:scale(.97); } .primary-button:disabled { opacity:.5; cursor:wait; }
.question-screen { justify-content:space-between; } .question-body { margin:auto; width:100%; max-width:52rem; transform:translateY(-4%); } .question-title { font-size:clamp(2.4rem,6.1vw,5.4rem); max-width:48rem; margin-bottom:2rem; } .quiet-label { margin:0 0 .8rem; } .field-note { max-width:30rem; color:var(--color-muted); font-size:.84rem; line-height:1.5; margin:-.2rem 0 1rem; }
.star-choice { display:flex; gap:.2rem; margin-top:.2rem; } .star { border:0; padding:.2rem; color:#c6c6c6; background:transparent; font-size:clamp(2.2rem,6vw,4.1rem); line-height:1; transition:color .15s,transform .15s; } .star.selected { color:var(--color-text); }
.choice-grid { display:flex; flex-wrap:wrap; gap:.55rem; max-width:43rem; } .choice { min-height:3.1rem; border:1px solid color-mix(in srgb,var(--color-text) 25%,transparent); background:var(--color-background); color:var(--color-text); padding:.7rem 1.05rem; border-radius:0; font-size:.94rem; transition:background .18s,color .18s,border .18s,transform .18s; } .choice:hover { border-color:var(--color-text); } .choice.selected { background:var(--color-control); color:#fff; border-color:var(--color-control); }
.other-field,.comment-field,.login-form input,.pack-search,.builder-field input { display:block; width:100%; background:transparent; border:0; border-bottom:1px solid var(--color-text); border-radius:0; padding:.85rem 0; color:var(--color-text); font-size:1rem; } .other-field { max-width:32rem; margin-top:1rem; } .comment-field { max-width:36rem; line-height:1.6; resize:vertical; } .other-field::placeholder,.comment-field::placeholder,.login-form input::placeholder,.pack-search::placeholder { color:color-mix(in srgb,var(--color-text) 40%,transparent); }
.raw-pack-selector { max-width:37rem; } .pack-chips { display:flex; flex-wrap:wrap; gap:.45rem; min-height:0; margin:0 0 .8rem; } .pack-chip { display:inline-flex; align-items:center; gap:.38rem; padding:.48rem .62rem .48rem .72rem; background:var(--color-surface); color:var(--color-text); border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent); font-size:.86rem; line-height:1.2; } .chip-remove { appearance:none; border:0; padding:0 .15rem; color:var(--color-text); background:transparent; font-size:1.15rem; line-height:1; } .pack-dropdown { max-height:15.75rem; overflow:auto; border:1px solid color-mix(in srgb,var(--color-text) 25%,transparent); border-top:0; background:var(--color-background); } .pack-option { display:flex; flex-direction:column; align-items:flex-start; width:100%; min-height:3.25rem; padding:.65rem .8rem; border:0; border-bottom:1px solid color-mix(in srgb,var(--color-text) 12%,transparent); background:transparent; color:var(--color-text); text-align:left; } .pack-option:last-child { border-bottom:0; } .pack-option:hover,.pack-option:focus-visible { background:var(--color-surface); } .pack-option strong { font-weight:700; } .pack-option small { margin-top:.2rem; color:var(--color-muted); line-height:1.3; } .pack-dropdown .empty { padding:.8rem; margin:0; color:var(--color-muted); font-size:.86rem; }
.question-actions { display:flex; gap:1rem; align-items:center; justify-content:space-between; margin-top:3rem; min-height:3.25rem; } .text-button { background:transparent; color:var(--color-text); padding:.6rem 0; border:0; border-bottom:1px solid currentColor; font-size:.84rem; } .form-error { color:#9d3e31; font-size:.83rem; margin:1rem 0 0; } .saved-message { color:#3c6d53; font-size:.85rem; margin:1rem 0 0; } .thanks-copy { text-align:center; max-width:33rem; } .thanks-copy .intro-text { margin-inline:auto; } .secondary-button { background:transparent; color:var(--color-text); margin-top:1.5rem; }
.admin-shell { min-height:100svh; padding:1.5rem clamp(1.25rem,4vw,4rem) 4rem; max-width:85rem; margin:auto; } .admin-top { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid color-mix(in srgb,var(--color-text) 20%,transparent); padding-bottom:1.1rem; } .admin-brand { font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--color-text); text-decoration:none; } .admin-content { padding-top:2rem; } .admin-nav { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem 1.25rem; margin-bottom:3rem; } .admin-nav a { color:var(--color-muted); text-decoration:none; border-bottom:1px solid transparent; font-size:.84rem; } .admin-nav a:hover { color:var(--color-text); border-color:var(--color-text); } .admin-nav .text-button { margin-left:auto; }
.admin-title { font-size:clamp(2.7rem,5.2vw,4.7rem); margin:0 0 2rem; } .metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--color-border); border-left:1px solid var(--color-border); margin-bottom:3.8rem; } .metric { min-height:7.5rem; padding:1.1rem; border-right:1px solid var(--color-border); border-bottom:1px solid var(--color-border); display:flex; flex-direction:column; justify-content:space-between; } .metric span { color:var(--color-muted); font-size:.72rem; } .metric strong { font:400 clamp(1.7rem,3vw,2.7rem)/1 Forum,Georgia,serif; letter-spacing:-.03em; }
.section-title { font:700 .78rem/1.3 'Ubuntu Light',Arial,sans-serif; letter-spacing:.07em; margin:0 0 1rem; text-transform:uppercase; } .responses-list,.pack-admin-list { border-top:1px solid var(--color-border); } .response-card { display:block; padding:1rem 0; color:var(--color-text); text-decoration:none; border-bottom:1px solid var(--color-border); transition:padding .2s; } .response-card:hover { padding-inline:.5rem; } .response-card strong { display:block; font-size:.96rem; font-weight:700; } .response-card small,.response-card time { display:block; color:var(--color-muted); font-size:.75rem; margin-top:.3rem; } .response-card p { margin:.4rem 0 0; font-size:.85rem; line-height:1.5; color:var(--color-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .empty { color:var(--color-muted); }
.back-link { color:var(--color-muted); font-size:.82rem; display:inline-block; margin-bottom:1.5rem; } .stat-block { margin:0 0 3rem; max-width:48rem; } .bar-row { display:grid; grid-template-columns:minmax(7rem,14rem) 1fr 4.8rem; align-items:center; gap:1rem; min-height:2.2rem; font-size:.82rem; } .bar-row > span:first-child { color:var(--color-text); } .bar { background:var(--color-border); height:2px; overflow:hidden; } .bar i { display:block; height:100%; background:var(--color-control); } .bar-row b { text-align:right; font-size:.75rem; }
.response-detail { display:grid; grid-template-columns:11rem minmax(0,1fr); max-width:48rem; border-top:1px solid var(--color-border); } .response-detail dt,.response-detail dd { margin:0; padding:1rem 0; border-bottom:1px solid var(--color-border); font-size:.9rem; line-height:1.5; } .response-detail dt { color:var(--color-muted); } .login-card { max-width:27rem; margin:12vh auto; } .login-card h1 { font-size:clamp(2.6rem,5vw,4rem); } .login-form { display:grid; gap:1.2rem; } .login-form .primary-button { margin-top:1rem; } .filters { display:flex; gap:.5rem; margin:-1rem 0 1.5rem; } .filters a { border:1px solid var(--color-border); border-radius:0; padding:.45rem .75rem; color:var(--color-text); font-size:.8rem; text-decoration:none; } .filters a.selected { background:var(--color-control); color:#fff; border-color:var(--color-control); }
.admin-editor { margin:0 0 1.5rem; padding:1rem; background:var(--color-surface); } .admin-editor summary,.pack-actions summary { cursor:pointer; color:var(--color-text); font-size:.9rem; } .pack-form,.builder-form { display:grid; gap:1rem; max-width:52rem; margin-top:1rem; } .builder-field { display:grid; gap:.35rem; color:var(--color-muted); font-size:.79rem; } .builder-field input { padding:.55rem 0; } .builder-field input[type=color] { width:4rem; min-height:2.3rem; border:1px solid var(--color-border); padding:.15rem; } .builder-field.readonly input { color:var(--color-muted); } .pack-admin-row { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--color-border); } .pack-admin-row.archived { opacity:.58; } .pack-admin-row strong,.pack-admin-row small { display:block; } .pack-admin-row small { color:var(--color-muted); font-size:.78rem; margin-top:.23rem; } .pack-actions { display:flex; align-items:flex-start; gap:.7rem; flex-wrap:wrap; justify-content:flex-end; } .pack-actions details { max-width:34rem; } .pack-actions .pack-form { min-width:min(80vw,28rem); } .builder-form { max-width:70rem; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; } .builder-section { padding:1.2rem; background:var(--color-surface); } .builder-preview { grid-column:1/-1; padding:2rem; background:var(--color-background); border:1px solid var(--color-border); } .builder-preview h3 { font-size:2rem; margin:.5rem 0 1rem; } .builder-preview .pack-search { max-width:26rem; margin-top:1rem; } .check-field { display:block; margin:.8rem 0; font-size:.84rem; } .builder-form > .primary-button,.builder-form > .form-error { grid-column:1/-1; justify-self:start; }
.honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(1px,1px,1px,1px)!important; white-space:nowrap!important; }
@media (max-width: 640px) { .feedback-shell { padding:1.15rem; } .intro-copy,.thanks-copy,.question-body { transform:none; } .question-body { margin-top:auto; margin-bottom:auto; } .question-title { line-height:1; } .choice-grid { gap:.45rem; } .choice { min-height:2.9rem; font-size:.88rem; padding:.65rem .85rem; } .question-actions { margin-top:2.3rem; } .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-shell { padding:1.15rem 1.15rem 3rem; } .admin-nav { margin-bottom:2.3rem; } .admin-nav .text-button { margin-left:0; } .response-detail { grid-template-columns:1fr; } .response-detail dt { border-bottom:0; padding-bottom:.2rem; } .response-detail dd { padding-top:.2rem; } .pack-admin-row { flex-direction:column; } .pack-actions { justify-content:flex-start; } .builder-form { grid-template-columns:1fr; } .builder-preview,.builder-form > .primary-button,.builder-form > .form-error { grid-column:auto; } .pack-dropdown { max-height:13.5rem; } }
@media (max-height: 520px) and (orientation:landscape) { .feedback-shell { min-height:100svh; } .question-body { transform:none; margin-top:2rem; } h1 { font-size:2.8rem; } .question-title { font-size:2.35rem; margin-bottom:1rem; } .choice { min-height:2.5rem; padding:.45rem .8rem; } .question-actions { margin-top:1.25rem; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
.builder-tabs{display:flex;gap:.6rem;margin:1rem 0}.builder-editor{display:grid;grid-template-columns:minmax(13rem,1fr) minmax(24rem,1.6fr) minmax(17rem,1.2fr);gap:1rem;align-items:start}.builder-screens,.builder-settings{background:var(--color-surface);padding:1rem;min-width:0}.builder-screen{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--color-border);padding:.7rem 0;color:var(--color-text);cursor:pointer}.builder-screen.selected{font-weight:700}.builder-screen small{display:block;color:var(--color-muted);margin-top:.2rem}.builder-mobile-preview{width:min(100%,390px);min-height:580px;justify-self:center;padding:1.35rem;background:var(--color-background);border:1px solid var(--color-border);box-shadow:0 10px 30px rgba(0,0,0,.05);overflow:hidden}.builder-mobile-preview h3{font-family:Forum,serif;font-size:2rem;margin:1.2rem 0}.builder-options{display:grid;gap:.55rem;margin:1rem 0}.builder-option{display:grid;grid-template-columns:minmax(5rem,.7fr) 1fr 1fr auto;gap:.35rem;align-items:center}.builder-option input{width:100%;min-width:0}.builder-actions{display:flex;gap:.5rem;margin-top:.8rem}.builder-status{margin-top:1rem}@media(max-width:1199px){.builder-toolbar{display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:2;padding:.75rem 0;margin-bottom:1rem;background:var(--bg);border-bottom:1px solid var(--border)}.builder-toolbar-title{margin-right:auto;font-family:Forum,serif;font-size:1.5rem;font-weight:400}.builder-toolbar .primary-button,.builder-toolbar .secondary-button{min-height:2.4rem;padding:.5rem .9rem}.builder-editor{grid-template-columns:1fr}.builder-mobile-preview{order:-1}.builder-screens,.builder-settings{max-width:52rem;margin:auto;width:100%}}

.compact-stat{max-width:52rem;padding:1.1rem 1.25rem;border:1px solid var(--color-border);margin:1.25rem 0}.compact-stat .bar-row{grid-template-columns:minmax(9rem,1fr) minmax(9rem,16rem) auto 2rem;gap:.75rem}.compact-stat .bar{max-width:16rem}.pie{width:1.7rem;height:1.7rem;border-radius:50%;background:conic-gradient(var(--color-text) var(--pie),var(--color-border) 0);display:block}.pie:after{content:'';display:block;width:.9rem;height:.9rem;border-radius:50%;background:var(--color-background);margin:.4rem}@media(max-width:640px){.compact-stat .bar-row{grid-template-columns:minmax(6rem,1fr) minmax(5rem,1fr) auto 1.7rem}.compact-stat .bar{max-width:none}}

/* Lana Gusak UX layer */
:root{--bg:#fff;--surface:#f7f7f7;--surface-muted:#efedea;--text:#1e1e1e;--text-muted:#656565;--border:#d8d4cf;--accent-dark:#1e1e1e;--danger:#9d3e31;--radius-sm:2px;--radius-md:6px;--content-width:42rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--motion-fast:160ms;--motion-normal:260ms;--motion-easing:cubic-bezier(.22,.8,.25,1);--color-background:var(--bg);--color-surface:var(--surface);--color-text:var(--text);--color-muted:var(--text-muted);--color-control:var(--accent-dark);--color-control-hover:var(--surface-muted);--color-border:var(--border)}
body{background:var(--bg);color:var(--text)}
.brand-logo{display:block;width:clamp(8rem,18vw,11.5rem);height:auto;object-fit:contain}.brand-wordmark{display:none}
.feedback-shell{padding:1.5rem clamp(1.25rem,6vw,5rem);background:var(--bg)}.feedback-top{max-width:70rem}.feedback-top .language-switch{margin-left:auto}.language-switch{border-color:var(--border);border-radius:var(--radius-sm);background:var(--bg)}.language-switch button{border-radius:1px}.language-switch button.active{background:var(--text)}
.intro-copy,.thanks-copy{max-width:var(--content-width);transform:none}.intro-copy{margin:auto auto 11vh}.thanks-copy{margin:auto}.intro-copy .brand-logo,.thanks-copy .brand-logo{margin-bottom:2.75rem}.intro-copy h1,.thanks-copy h1{font-size:clamp(3rem,7vw,5.8rem);line-height:.95;margin-bottom:1.25rem}.intro-text{max-width:34rem;margin-bottom:2.25rem;color:var(--text-muted)}
.primary-button,.secondary-button{border-radius:var(--radius-sm);min-height:3.1rem;transition:transform var(--motion-fast) var(--motion-easing),background var(--motion-fast) ease,border-color var(--motion-fast) ease}.primary-button:hover:not(:disabled){background:var(--surface-muted);border-color:var(--text);transform:translateY(-1px)}.secondary-button{border-color:var(--border)}.secondary-button:hover{border-color:var(--text);background:var(--surface)}
.question-body{max-width:var(--content-width);transform:none;margin:auto}.question-title{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.04;max-width:38rem;margin-bottom:2.25rem}.question-actions{max-width:var(--content-width);margin:3.5rem auto 0;border-top:1px solid var(--border);padding-top:1.25rem}.text-button{color:var(--text-muted);border-bottom-color:transparent}.text-button:hover{color:var(--text);border-bottom-color:currentColor}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-width:34rem}.choice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:3.4rem;padding:.8rem 1rem;border-radius:var(--radius-sm);border-color:var(--border);background:var(--surface);text-align:left;transition:transform var(--motion-fast) var(--motion-easing),background var(--motion-fast) ease,border-color var(--motion-fast) ease}.choice:hover{background:var(--surface-muted);border-color:var(--text);transform:translateY(-1px)}.choice.selected{background:var(--text);border-color:var(--text);color:#fff}.choice.selected::after{content:'✓';font-size:.85rem;opacity:.8}.other-field,.comment-field,.pack-search{border-color:var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:.8rem 1rem;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.other-field:focus,.comment-field:focus,.pack-search:focus{border-color:var(--text);box-shadow:0 0 0 3px rgba(30,30,30,.08);outline:none}.star-choice{gap:.3rem}.star{font-size:clamp(2.4rem,6vw,3.8rem);transition:color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-easing)}.star:hover{transform:translateY(-2px)}
.pack-chips{gap:.5rem}.pack-chip{border-radius:var(--radius-sm);background:var(--surface);border-color:var(--border)}.pack-dropdown{border-color:var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--bg)}.pack-option{min-height:3.4rem;padding:.75rem 1rem}.pack-option:hover,.pack-option:focus-visible{background:var(--surface-muted)}
.screen-enter{opacity:0;transform:translateX(24px)}.screen-enter-back{transform:translateX(-24px)}.screen-enter.is-visible{opacity:1;transform:translateX(0);transition:opacity var(--motion-normal) var(--motion-easing),transform var(--motion-normal) var(--motion-easing)}
.progress{letter-spacing:.08em;color:var(--text-muted);font-variant-numeric:tabular-nums}.feedback-shell .honeypot{position:absolute}.thanks-copy{padding-bottom:8vh}.thanks-copy .secondary-button{margin-top:1.25rem}
.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:3.5rem;max-width:90rem;padding:2rem clamp(1.5rem,4vw,4rem) 4rem;align-items:start}.admin-top{grid-column:1;position:sticky;top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;border:0;padding:0;min-height:calc(100svh - 6rem)}.admin-brand .brand-logo{width:9rem}.admin-nav{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin:0}.admin-nav a{padding:.55rem .7rem;border:0;border-left:2px solid transparent;font-size:.9rem}.admin-nav a:hover,.admin-nav a:focus-visible{border-left-color:var(--text);background:var(--surface)}.admin-nav .text-button{margin-top:auto;margin-left:0;padding:.55rem .7rem}.admin-content{grid-column:2;min-width:0;max-width:74rem;padding:0}.admin-title{font-size:clamp(2.3rem,4vw,3.6rem);line-height:1;margin:0 0 .5rem}.admin-lede{color:var(--text-muted);margin:0 0 2rem}.metrics{border:0;gap:.75rem;margin-bottom:2.5rem}.metric{min-height:7rem;padding:1rem;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm)}.metric strong{font-size:2.35rem}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.donut-card,.compact-stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:1.25rem;margin:0;max-width:none}.donut-heading{display:flex;justify-content:space-between;align-items:baseline}.donut-total{color:var(--text-muted);font-size:.78rem}.donut-body{display:flex;align-items:center;gap:1.5rem}.donut-ring{width:7rem;height:7rem;flex:0 0 auto;border-radius:50%;position:relative}.donut-ring::after{content:'';position:absolute;inset:1.15rem;border-radius:50%;background:var(--bg)}.donut-legend{display:grid;gap:.6rem;min-width:0}.donut-legend-row{display:grid;grid-template-columns:.65rem minmax(6rem,1fr) auto;gap:.5rem;align-items:center;font-size:.78rem}.donut-legend-row b{font-size:.75rem}.donut-swatch{width:.55rem;height:.55rem;border-radius:50%}.compact-stat{grid-column:span 1}.compact-stat .bar-row{grid-template-columns:minmax(7rem,1fr) minmax(5rem,12rem) auto;gap:.65rem}.compact-stat .bar{max-width:12rem;background:var(--surface-muted);height:3px}.compact-stat .bar i{background:var(--text)}.section-title{font-family:'Ubuntu Light',Arial,sans-serif;font-weight:600;letter-spacing:.05em}.responses-list,.pack-admin-list{border-top:1px solid var(--border)}.response-card{padding:1.1rem .75rem;border-bottom:1px solid var(--border);border-radius:0}.response-card:hover{padding-inline:1rem;background:var(--surface)}.filters a{border-radius:var(--radius-sm);border-color:var(--border)}.admin-editor{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm)}.builder-toolbar{display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:2;padding:.75rem 0;margin-bottom:1rem;background:var(--bg);border-bottom:1px solid var(--border)}.builder-toolbar-title{margin-right:auto;font-family:Forum,serif;font-size:1.5rem;font-weight:400}.builder-toolbar .primary-button,.builder-toolbar .secondary-button{min-height:2.4rem;padding:.5rem .9rem}.builder-editor{grid-template-columns:minmax(14rem,16rem) minmax(24rem,26rem) minmax(22rem,1fr);gap:1.5rem}.builder-screens,.builder-settings{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:1.25rem}.builder-mobile-preview{position:sticky;top:2rem;width:390px;max-width:100%;min-height:640px;border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 45px rgba(30,30,30,.08);padding:1.5rem}.builder-mobile-preview .brand-logo{width:7.5rem}.builder-screen{padding:.85rem .65rem;border-bottom-color:var(--border);border-left:2px solid transparent}.builder-screen.selected{border-left-color:var(--text);background:var(--bg);font-weight:400}.builder-screen b{font-size:.9rem;line-height:1.35}.builder-actions{flex-wrap:wrap}.builder-option-card{padding:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}
@media(max-width:1199px){.admin-shell{grid-template-columns:180px minmax(0,1fr);gap:2rem}.builder-toolbar{display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:2;padding:.75rem 0;margin-bottom:1rem;background:var(--bg);border-bottom:1px solid var(--border)}.builder-toolbar-title{margin-right:auto;font-family:Forum,serif;font-size:1.5rem;font-weight:400}.builder-toolbar .primary-button,.builder-toolbar .secondary-button{min-height:2.4rem;padding:.5rem .9rem}.builder-editor{grid-template-columns:15rem minmax(22rem,1fr);}.builder-settings{grid-column:1/-1}.builder-mobile-preview{justify-self:center}}
@media(max-width:900px){.admin-shell{display:block;padding:1.25rem}.admin-top{position:static;min-height:0;display:grid;grid-template-columns:1fr auto;gap:1rem;margin-bottom:2rem}.admin-nav{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem}.admin-nav .text-button{margin-left:auto}.admin-content{max-width:none}.analytics-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-editor{display:flex;flex-direction:column}.builder-screens,.builder-settings,.builder-mobile-preview{width:100%;max-width:42rem;margin-inline:auto}.builder-mobile-preview{position:static;order:0}}
@media(max-width:640px){.feedback-shell{padding:1.15rem}.feedback-top{min-height:2.5rem}.intro-copy,.thanks-copy{margin:auto auto 8vh}.intro-copy .brand-logo,.thanks-copy .brand-logo{width:8.5rem;margin-bottom:2rem}.intro-copy h1,.thanks-copy h1{font-size:clamp(2.8rem,14vw,4.1rem)}.question-title{font-size:clamp(2rem,10vw,3rem);line-height:1.05}.choice-grid{grid-template-columns:1fr}.choice{min-height:3.25rem}.question-actions{margin-top:2.25rem}.admin-top{grid-template-columns:1fr auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:6rem}.metric strong{font-size:1.8rem}.donut-body{gap:1rem}.donut-ring{width:6.2rem;height:6.2rem}.donut-legend-row{grid-template-columns:.6rem minmax(5rem,1fr) auto;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.screen-enter,.screen-enter.is-visible{opacity:1;transform:none;transition:none}.choice,.primary-button,.secondary-button,.star,.other-field,.comment-field{transition:none}
}
.start-link{margin-left:auto;font-size:.75rem;color:var(--text-muted);border-bottom:1px solid transparent}.start-link:hover{color:var(--text);border-bottom-color:var(--border)}

.question-screen .feedback-top .brand-logo{width:6.5rem;margin-right:auto}.question-screen .progress{margin-inline:auto}

.builder-toolbar{display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:2;padding:.75rem 0;margin-bottom:1rem;background:var(--bg);border-bottom:1px solid var(--border)}.builder-toolbar-title{margin-right:auto;font-family:Forum,serif;font-size:1.5rem;font-weight:400}.builder-toolbar .primary-button,.builder-toolbar .secondary-button{min-height:2.4rem;padding:.5rem .9rem}

/* Updated onboarding direction: Manrope + almost-white surfaces */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-wght.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
:root{--bg:#fcfcfa;--surface:#fff;--surface-muted:#f7f7f3;--text:#20201e;--text-muted:#777770;--border:#e7e7e2;--accent-dark:#252522;--danger:#9d3e31;--radius-sm:12px;--radius-md:16px;--content-width:42rem;--motion-fast:180ms;--motion-normal:260ms;--motion-easing:cubic-bezier(.22,1,.36,1);--color-background:var(--bg);--color-surface:var(--surface-muted);--color-text:var(--text);--color-muted:var(--text-muted);--color-control:var(--accent-dark);--color-control-hover:var(--surface-muted);--color-border:var(--border);font-family:Manrope,Arial,sans-serif;color:var(--text);background:var(--bg)}
body,button,input,textarea,select{font-family:Manrope,Arial,sans-serif}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.035em}
.feedback-shell{background:var(--bg)}.intro-copy h1,.thanks-copy h1{font-size:clamp(2.8rem,6vw,4.8rem);font-weight:600;line-height:1.08}.question-title{font-size:clamp(2.35rem,4vw,3.35rem);font-weight:600;line-height:1.1;letter-spacing:-.04em}.intro-text{font-size:1rem;line-height:1.7;color:var(--text-muted)}.field-note,.quiet-label{font-size:.88rem;line-height:1.55}.progress{font-family:Manrope,Arial,sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.08em}
.feedback-top .brand-logo{width:clamp(7.5rem,16vw,10rem)}.question-screen .feedback-top .brand-logo{width:6rem}.intro-copy .brand-logo,.thanks-copy .brand-logo{width:clamp(8.5rem,18vw,11rem)}
.primary-button,.secondary-button{border-radius:13px;min-height:3.05rem;padding:.75rem 1.2rem;font-weight:600;font-size:.92rem}.primary-button{background:var(--accent-dark);border-color:var(--accent-dark)}.primary-button:hover:not(:disabled){background:#353530;color:#fff;border-color:#353530;transform:translateY(-2px)}.secondary-button{background:var(--surface);border-color:var(--border)}.secondary-button:hover{background:var(--surface-muted);border-color:#c9c9c2;transform:translateY(-1px)}
.choice-grid{gap:.75rem;max-width:36rem}.choice{min-height:3.65rem;padding:.9rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);font-size:1rem;font-weight:500;box-shadow:0 2px 12px rgba(32,32,30,.025)}.choice:hover{background:var(--surface-muted);border-color:#cfcfc8;transform:translateY(-2px)}.choice.selected{background:var(--surface-muted);border-color:var(--text);color:var(--text);box-shadow:0 0 0 1px var(--text)}.choice.selected::after{color:var(--text)}
.other-field,.comment-field,.pack-search{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}.other-field:focus,.comment-field:focus,.pack-search:focus{border-color:#9e9e96;box-shadow:0 0 0 4px rgba(32,32,30,.06)}.star-choice{gap:.45rem}.star{color:#d8d8d2;font-size:clamp(2.35rem,6vw,3.6rem)}.star.selected{color:var(--text)}
.pack-chip{border-radius:999px;background:var(--surface-muted);border-color:var(--border);padding:.55rem .75rem}.pack-dropdown{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.pack-option{min-height:3.6rem;border:0;border-bottom:1px solid var(--border);padding:.8rem 1rem;background:var(--surface);font-size:.93rem}.pack-option:hover,.pack-option:focus-visible{background:var(--surface-muted)}
.question-actions{border-top:0;padding-top:0}.start-link{font-size:.76rem}.screen-enter{transform:translateX(24px)}.screen-enter-back{transform:translateX(-24px)}.screen-enter.is-visible{transition:opacity 260ms var(--motion-easing),transform 260ms var(--motion-easing)}
@keyframes option-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-body .choice-grid .choice,.raw-pack-selector .pack-option{animation:option-in 220ms var(--motion-easing) both}.question-body .choice-grid .choice:nth-child(2),.raw-pack-selector .pack-option:nth-child(2){animation-delay:35ms}.question-body .choice-grid .choice:nth-child(3),.raw-pack-selector .pack-option:nth-child(3){animation-delay:70ms}.question-body .choice-grid .choice:nth-child(4),.raw-pack-selector .pack-option:nth-child(4){animation-delay:105ms}
.admin-shell{background:var(--bg)}.admin-top{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.1rem}.admin-brand .brand-logo{width:8.5rem}.admin-nav a{border-radius:10px;border-left:0;color:var(--text-muted)}.admin-nav a:hover,.admin-nav a:focus-visible{background:var(--surface-muted);border-left:0}.admin-content{background:transparent}.admin-title{font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:clamp(2rem,3.5vw,3rem)}.admin-lede{font-size:.9rem}.metric,.donut-card,.compact-stat,.builder-screens,.builder-settings,.builder-mobile-preview,.admin-editor{border-radius:16px;border-color:var(--border);background:var(--surface);box-shadow:0 3px 18px rgba(32,32,30,.025)}.metric strong{font-family:Manrope,Arial,sans-serif;font-weight:600}.donut-ring::after{background:var(--surface)}.bar{background:var(--surface-muted)}.bar i{background:var(--text)}.builder-toolbar{background:var(--bg);border-bottom-color:var(--border)}.builder-toolbar-title{font-family:Manrope,Arial,sans-serif;font-weight:600}.builder-field input,.builder-field select,.builder-settings input,.builder-settings select{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:.7rem .8rem;color:var(--text)}.builder-field input:focus,.builder-settings input:focus,.builder-settings select:focus{outline:none;border-color:#aaa9a1;box-shadow:0 0 0 4px rgba(32,32,30,.06)}.builder-option-card{border-radius:14px;background:var(--surface);border-color:var(--border)}
@media(max-width:640px){.question-title{font-size:clamp(1.95rem,8vw,2.65rem)}.choice{min-height:3.4rem;font-size:.95rem}.intro-copy h1,.thanks-copy h1{font-size:clamp(2.6rem,11vw,3.8rem)}.admin-top{border-radius:14px}.question-screen .feedback-top .brand-logo{width:5.5rem}}
@media(prefers-reduced-motion:reduce){.question-body .choice-grid .choice,.raw-pack-selector .pack-option{animation:none}.screen-enter,.screen-enter.is-visible{transition:none}}
.builder-mobile-preview h3,.section-title{font-family:Manrope,Arial,sans-serif}
/* Focused composition and visual RAW picker */
.question-screen{display:block;min-height:100svh}.question-screen .question-body{margin:clamp(3.5rem,12vh,8rem) auto 0}.question-screen .question-actions{margin-top:clamp(2rem,4vh,3rem);display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;align-items:center}.question-screen .question-actions .start-link{grid-column:1/-1;justify-self:start;order:3}.question-screen .question-actions .primary-button{grid-column:2;grid-row:1}.question-screen .question-actions .text-button:not(.start-link){grid-column:1;grid-row:1;justify-self:start}.progress{display:grid;justify-items:center;gap:.35rem;min-width:9rem}.progress-label{line-height:1}.progress-track{display:block;width:7rem;height:2px;background:var(--border);overflow:hidden}.progress-track::after{content:'';display:block;width:var(--progress,0%);height:100%;background:var(--text);transition:width 260ms var(--motion-easing)}.language-switch{border-radius:13px;padding:2px}.language-switch button,.language-switch button.active{border-radius:10px}.start-link{background:transparent;border:0!important;padding:.25rem 0!important;font:inherit;font-size:.82rem;color:var(--text-muted);cursor:pointer;text-decoration:none}.start-link:focus-visible{outline:2px solid var(--text);outline-offset:4px}.raw-pack-selector{max-width:40rem}.pack-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.pack-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:transform 180ms var(--motion-easing),box-shadow 180ms ease,border-color 180ms ease}.pack-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(32,32,30,.08)}.pack-card.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--text)}.pack-card-media{position:relative;display:block;aspect-ratio:4/5;background:var(--surface-muted);overflow:hidden}.pack-card-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform 200ms var(--motion-easing)}.pack-card.selected .pack-card-image{transform:scale(.985)}.pack-card-check{position:absolute;top:.55rem;right:.55rem;width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;background:var(--text);color:#fff;font-size:.8rem;opacity:0;transform:scale(.7);transition:opacity 180ms ease,transform 180ms var(--motion-easing)}.pack-card.selected .pack-card-check{opacity:1;transform:scale(1)}.pack-card-copy{display:grid;gap:.15rem;padding:.65rem .7rem .75rem}.pack-card-copy strong{font-size:.88rem;font-weight:600}.pack-card-copy small{color:var(--text-muted);font-size:.72rem;line-height:1.25}.pack-other-card{margin-top:.85rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:.86rem;text-align:left;cursor:pointer;transition:transform 180ms var(--motion-easing),box-shadow 180ms ease,border-color 180ms ease,background 180ms ease}.pack-other-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(32,32,30,.08);border-color:#cfcfc8;background:var(--surface-muted)}.pack-other-card.selected{border-color:var(--text);color:var(--text);background:var(--surface-muted);box-shadow:0 0 0 2px var(--text)}.pack-card:focus-visible,.pack-other-card:focus-visible{outline:2px solid var(--text);outline-offset:3px}.pack-chips,.pack-search,.pack-dropdown{display:none}.pack-admin-row{align-items:flex-start}.pack-admin-thumb{width:3.5rem;height:4.4rem;object-fit:cover;border-radius:8px;display:block;margin-bottom:.5rem}.admin-top,.admin-content,.builder-settings,.builder-screens,.builder-mobile-preview{font-family:Manrope,Arial,sans-serif}@media(max-width:900px){.question-screen .question-body{margin-top:clamp(2.5rem,8vh,4rem)}.pack-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.question-screen .question-body{margin-top:2.5rem}.question-screen .question-actions{margin-top:2rem}.progress-track{width:6.5rem}.pack-card-grid{gap:.6rem}.pack-card-copy{padding:.55rem .6rem .65rem}.pack-card-copy strong{font-size:.8rem}.pack-card-copy small{font-size:.68rem}}@media(prefers-reduced-motion:reduce){.pack-card,.pack-card-image,.pack-card-check,.progress-track::after{transition:none}.pack-card:hover,.pack-card.selected .pack-card-image{transform:none}}
/* Final admin creator-tool polish */
.question-screen .question-actions{display:flex;align-items:center;gap:.7rem;max-width:var(--content-width);margin:2.5rem auto 0;padding:0;border-top:0}.question-screen .question-actions .nav-start{order:initial;margin-left:0}.question-screen .question-actions .primary-button{margin-left:auto;grid-column:auto;grid-row:auto}.question-screen .question-actions .text-button:not(.nav-start){grid-column:auto;grid-row:auto}.nav-start{background:var(--surface);border:1px solid var(--border)!important;border-radius:13px;color:var(--text);font:inherit;font-size:.88rem;font-weight:500;padding:.7rem 1rem!important;min-height:3.05rem}.nav-start:hover{background:var(--surface-muted);border-color:#c9c9c2!important;transform:translateY(-1px)}.nav-start:focus-visible{outline:2px solid var(--text);outline-offset:3px}.admin-title{font-size:clamp(1.9rem,3vw,2.35rem);letter-spacing:-.03em;margin-bottom:.35rem}.admin-lede{font-size:.9rem;margin-bottom:1.5rem}.admin-nav a{font-weight:500}.admin-nav a[href$="/admin"],.admin-nav a[href="#"]{font-weight:600}.response-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1.5rem;align-items:center;padding:1rem .75rem}.response-main{min-width:0}.response-name{display:block;font-size:1rem;font-weight:600}.response-badge{display:inline-flex;margin-top:.35rem;padding:.22rem .5rem;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:.7rem;font-weight:600}.response-badge.buyer{background:#eeeae5;color:var(--text)}.response-contact{display:block;margin-top:.35rem;color:var(--text-muted);font-size:.78rem}.response-meta{display:grid;justify-items:end;gap:.4rem}.response-date{color:var(--text-muted);font-size:.76rem}.response-rating{font-size:.85rem;letter-spacing:.05em;color:var(--text)}.response-rating.muted{color:var(--text-muted)}.response-preview{grid-column:1/-1;margin:.25rem 0 0;color:var(--text-muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters{display:inline-flex;gap:.2rem;margin:0 0 1.25rem;padding:.2rem;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.filters a{border:0;border-radius:10px;padding:.45rem .75rem;color:var(--text-muted)}.filters a.selected{background:var(--text);color:#fff}.pack-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;border:0}.pack-admin-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.9rem;padding:.8rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.pack-admin-thumb{width:5.5rem;height:7rem;border-radius:10px;margin:0;object-fit:cover}.pack-admin-row strong{font-size:.95rem}.pack-admin-key{display:none}.pack-actions{grid-column:2;justify-content:flex-start;align-items:center;gap:.45rem}.pack-actions details summary{padding:.45rem .65rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-muted);font-size:.78rem}.pack-actions .text-button{font-size:.75rem;padding:.35rem .45rem}.admin-editor{border:0;padding:0;margin-bottom:1.5rem;background:transparent}.admin-editor>summary{display:inline-flex;padding:.65rem .9rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:.85rem;font-weight:600}.admin-editor[open]>summary{margin-bottom:.8rem}.builder-tabs{display:inline-flex;gap:.15rem;padding:.2rem;border:1px solid var(--border);border-radius:13px;background:var(--surface);margin:0 0 1rem}.builder-tabs button{border:0;border-radius:10px;padding:.5rem .8rem;background:transparent;color:var(--text-muted)}.builder-tabs button.selected{background:var(--text);color:#fff}.builder-screen{border:0;border-radius:10px;margin:.15rem 0;padding:.75rem .7rem}.builder-screen.selected{background:var(--bg)}.builder-screen small{font-size:.72rem}.builder-settings{padding:1.1rem}.builder-settings .builder-field{gap:.4rem;margin-bottom:.75rem}.builder-field input,.builder-settings input,.builder-settings select{min-height:2.65rem}.builder-option-card{padding:.75rem}.builder-option-label span{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.builder-mobile-preview{width:410px;min-height:620px}.builder-mobile-preview .pack-search{display:none}.builder-mobile-preview .pack-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.builder-mobile-preview .pack-card-copy strong{font-size:.72rem}.builder-mobile-preview .pack-card-copy small{font-size:.62rem}@media(max-width:900px){.pack-admin-list{grid-template-columns:1fr}.question-screen .question-actions{margin-top:2rem}}@media(max-width:640px){.question-screen .question-actions{gap:.55rem}.nav-start{padding:.65rem .8rem!important}.response-card{grid-template-columns:minmax(0,1fr) auto}.pack-admin-row{grid-template-columns:4.5rem minmax(0,1fr)}.pack-admin-thumb{width:4.5rem;height:5.75rem}.pack-actions{grid-column:2}.builder-mobile-preview{width:100%}}
.builder-locale-en{display:none}.builder-settings.builder-lang-en .builder-locale-en{display:grid}.builder-settings.builder-lang-en .builder-locale-ru{display:none}.builder-locale-switch{display:inline-flex;gap:.15rem;padding:.2rem;margin:.3rem 0 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.builder-locale-switch button{border:0;border-radius:9px;padding:.4rem .7rem;background:transparent;color:var(--text-muted);font:inherit;font-size:.78rem}.builder-locale-switch button.selected{background:var(--text);color:#fff}.builder-settings .builder-visibility{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.builder-settings .builder-options{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.builder-settings .builder-options .builder-option-card{background:var(--surface-muted)}

.admin-nav a.selected{background:var(--surface-muted);color:var(--text);font-weight:600}.builder-option-value{display:none}
/* Final narrow polish */
.question-screen .question-actions .text-button:not(.nav-start){
  background:transparent;
  border:0;
  color:var(--text-muted);
  font-family:Manrope,Arial,sans-serif;
  font-size:.86rem;
  font-weight:500;
  padding:.35rem 0;
  cursor:pointer;
  text-decoration:none;
}
.question-screen .question-actions .text-button:not(.nav-start):hover{
  color:var(--text);
  background:transparent;
  border:0;
  transform:none;
}
.question-screen .question-actions .text-button:not(.nav-start):focus-visible{
  outline:2px solid var(--text);
  outline-offset:4px;
  border:0;
}
.builder-toolbar{
  display:flex;
  align-items:center;
  gap:.7rem;
}
.builder-toolbar > .primary-button,
.builder-toolbar > .secondary-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  height:2.65rem;
  min-height:2.65rem;
  margin:0;
  padding:.55rem .95rem;
  border-radius:12px;
  line-height:1;
}
.builder-settings{
  min-width:0;
  overflow:hidden;
}
.builder-settings .builder-field{
  min-width:0;
  gap:5px;
  margin-bottom:12px;
  font-size:12.5px;
}
.builder-settings .builder-field input,
.builder-settings .builder-field textarea,
.builder-settings .builder-field select,
.builder-settings > input,
.builder-settings > textarea,
.builder-settings > select,
.builder-settings .builder-visibility input,
.builder-settings .builder-visibility textarea,
.builder-settings .builder-visibility select,
.builder-settings .builder-option-label input{
  box-sizing:border-box;
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  font-size:14px;
  line-height:1.35;
}
.builder-settings input::placeholder,
.builder-settings textarea::placeholder{
  font-size:14px;
  color:var(--text-muted);
}
.builder-settings .check-field{
  font-size:12.5px;
  margin:10px 0 0;
}
.builder-settings .builder-visibility{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  min-width:0;
  margin-top:20px;
  padding-top:18px;
}
.builder-settings .builder-visibility select{
  overflow:hidden;
  text-overflow:ellipsis;
}
.builder-settings .condition-badge,
.builder-settings .field-note{
  max-width:100%;
  font-size:12px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.builder-settings .builder-options{
  min-width:0;
  margin-top:20px;
  padding-top:18px;
}
.builder-option-card{
  min-width:0;
  overflow:hidden;
}
.builder-option-labels{
  min-width:0;
}
.builder-option-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}
.builder-option-actions .text-button{
  flex:0 0 auto;
  white-space:nowrap;
}
.builder-settings > .primary-button,
.builder-settings > .secondary-button{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
.builder-locale-switch button{
  width:auto;
  min-width:0;
}
@media(min-width:901px){
  .builder-settings .builder-visibility{
    grid-template-columns:minmax(0,1fr);
  }
}
/* Final focused visual and feedback polish */
.intro-screen .intro-copy{
  margin:auto;
  transform:none;
}
.question-screen .question-body{
  width:min(100%,var(--content-width));
}
.question-screen .question-body .other-field,
.question-screen .question-body .comment-field{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.question-screen .question-actions{
  width:min(100%,var(--content-width));
  box-sizing:border-box;
}
.question-screen .question-actions .nav-back{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:13px;
  color:var(--text-muted);
  font:inherit;
  font-size:.86rem;
  font-weight:500;
  min-height:3.05rem;
  padding:.7rem 1rem;
  cursor:pointer;
  text-decoration:none;
}
.question-screen .question-actions .nav-back:hover{
  color:var(--text);
  background:var(--surface-muted);
  border-color:#c9c9c2;
  transform:translateY(-1px);
}
.question-screen .question-actions .nav-back:focus-visible{
  outline:2px solid var(--text);
  outline-offset:3px;
}
.thanks-copy .brand-logo{
  margin-inline:auto;
}
.builder-toolbar .primary-button:active,
.builder-toolbar .secondary-button:active{
  transform:scale(.98);
  transition-duration:120ms;
}
.builder-toolbar .primary-button:disabled,
.builder-toolbar .secondary-button:disabled{
  cursor:wait;
  opacity:.68;
}