:root{
  --ink:#151511;--muted:#6c6b63;--soft:#939187;--paper:#f5f4ef;--card:#fff;--line:#deddd5;
  --accent:#5b44f2;--accent2:#dbff65;--danger:#b83535;--good:#217a4b;--dark:#11110f;
  --shadow:0 20px 55px rgba(21,21,17,.09);--radius:20px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);
}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;background:var(--paper)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}
.shell{min-height:100vh}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(21,21,17,.11);background:rgba(245,244,239,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:11px;align-items:center;border:0;background:none;padding:0}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--dark);color:var(--accent2);display:grid;place-items:center;font-weight:900;letter-spacing:-2px}.brand-name{font-weight:820;letter-spacing:-.03em}.brand-sub{font-size:11px;color:var(--muted);margin-top:1px}.nav-actions,.row,.inline-actions{display:flex;align-items:center;gap:9px}.nav-link{border:0;background:transparent;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:650}.nav-link:hover,.nav-link.active{background:#ebe9e0;color:var(--ink)}
.btn{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:11px;font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.03)}.btn:hover{border-color:#bebcb0}.btn-primary{background:var(--dark);color:#fff;border-color:var(--dark)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-lime{background:var(--accent2);border-color:var(--accent2);color:#111}.btn-ghost{background:transparent}.btn-danger{color:var(--danger);border-color:#efd3d3;background:#fffafa}.btn-sm{padding:7px 10px;font-size:12px}.btn-icon{width:34px;height:34px;padding:0;display:grid;place-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:850;color:var(--accent)}
.hero{padding:84px 34px 54px;max-width:1230px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end}.hero h1{font-size:clamp(50px,7vw,92px);line-height:.91;letter-spacing:-.065em;margin:14px 0 24px;max-width:850px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:20px;line-height:1.55;color:var(--muted);max-width:720px}.hero-side{background:var(--dark);border-radius:28px;padding:28px;color:#fff;box-shadow:var(--shadow)}.hero-side .privacy{color:var(--accent2);font-weight:800}.flow{margin-top:25px;display:grid;gap:12px}.flow-row{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start}.flow-n{width:31px;height:31px;border:1px solid #48483f;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:11px;color:var(--accent2)}.flow-row strong{display:block;margin-top:2px}.flow-row span{color:#aaa99f;font-size:13px;line-height:1.45}.action-grid{max-width:1230px;margin:0 auto;padding:0 34px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-card{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:23px;padding:27px;min-height:245px;box-shadow:0 6px 24px rgba(0,0,0,.025);transition:.18s}.action-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c8c6ba}.action-icon{font-size:28px;margin-bottom:45px}.action-card h2{font-size:27px;letter-spacing:-.04em;margin:0 0 8px}.action-card p{color:var(--muted);line-height:1.55;margin:0}.action-card .tag{display:inline-flex;margin-top:18px;padding:5px 8px;border-radius:7px;background:#efeee8;font-size:11px;font-family:var(--mono)}
.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 76px)}.side{border-right:1px solid var(--line);padding:24px 18px;background:#f0efe9;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}.side-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--soft);padding:0 8px;margin-bottom:10px}.side-list{display:grid;gap:5px}.side-item{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:10px;display:flex;gap:8px;justify-content:space-between;align-items:center}.side-item:hover,.side-item.active{background:#fff}.count{font-size:11px;color:var(--soft);font-family:var(--mono)}.side-sep{height:1px;background:var(--line);margin:18px 0}.main{min-width:0}.toolbar{min-height:70px;padding:13px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(245,244,239,.94);position:sticky;top:76px;z-index:15;backdrop-filter:blur(14px)}.toolbar h1{font-size:17px;margin:0;letter-spacing:-.02em}.toolbar small{display:block;color:var(--muted);margin-top:3px}.canvas{max-width:1040px;margin:0 auto;padding:34px 28px 80px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:18px}.panel h2,.panel h3{margin:0;letter-spacing:-.025em}.panel h2{font-size:23px}.panel h3{font-size:16px}.panel p.note{color:var(--muted);font-size:13px;line-height:1.55;margin:6px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.three{grid-template-columns:1fr 1fr 1fr}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:770;color:#48483f}.field-help{font-size:11px;color:var(--soft)}.input,.textarea,.select,.number-input{width:100%;border:1px solid #d5d3ca;background:#fbfbf8;border-radius:10px;padding:10px 11px;outline:none}.textarea{resize:vertical;min-height:90px;line-height:1.5}.input:focus,.textarea:focus,.select:focus,.number-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,68,242,.1)}.check{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:650}.check input{accent-color:var(--accent)}
.question-list{display:grid;gap:8px}.q-row{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.q-row.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(91,68,242,.08)}.q-num{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f1f0ea;font:11px var(--mono)}.q-label{font-weight:730;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-type{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--soft);margin-top:3px}.stack{display:grid;gap:10px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px}.question-editor{min-width:0}.structure{position:sticky;top:160px;align-self:start}.mini-block{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafaf7}.mini-block+.mini-block{margin-top:10px}.mini-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--soft);margin-bottom:8px}.option-edit{display:grid;grid-template-columns:110px 1fr 34px;gap:7px;margin-bottom:7px}.matrix-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.code-preview{font-family:var(--mono);font-size:12px;background:#151511;color:#d7ff68;border-radius:14px;padding:16px;white-space:pre-wrap;max-height:400px;overflow:auto;line-height:1.5}.security-box{border:1px solid #cbd7a0;background:#f8ffe5;border-radius:14px;padding:15px;display:flex;gap:12px;align-items:flex-start}.security-icon{font-size:20px}.security-box strong{display:block}.security-box p{margin:4px 0 0;color:#5d6544;font-size:12px;line-height:1.5}
.import-wrap{max-width:850px;margin:70px auto;padding:0 28px}.import-head{text-align:center;margin-bottom:28px}.import-head h1{font-size:46px;letter-spacing:-.055em;margin:8px 0 12px}.import-head p{color:var(--muted);font-size:17px;line-height:1.55}.dropzone{border:1.5px dashed #b8b6aa;background:#fff;border-radius:22px;padding:55px 30px;text-align:center;transition:.15s}.dropzone.drag{border-color:var(--accent);background:#faf9ff}.dropzone h2{margin:10px 0 6px}.dropzone p{color:var(--muted);font-size:13px}.drop-icon{width:50px;height:50px;border-radius:14px;background:#f0efff;color:var(--accent);display:grid;place-items:center;margin:auto;font-size:24px}.import-buttons{display:flex;justify-content:center;gap:9px;margin-top:18px}.file-note{text-align:center;margin-top:18px;color:var(--soft);font-size:11px;font-family:var(--mono)}
.answer-layout{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:calc(100vh - 146px)}.answer-side{border-right:1px solid var(--line);padding:20px 14px;background:#f0efe9}.progress-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.progress-top strong{font-size:26px}.progress-top span{color:var(--muted);font-size:11px}.progress-track{height:6px;background:#dddcd3;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:10px}.answer-main{max-width:900px;width:100%;padding:48px 40px 90px;margin:auto}.question-kicker{font:11px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.question-title{font-size:35px;line-height:1.15;letter-spacing:-.045em;margin:12px 0 10px}.question-help{color:var(--muted);line-height:1.55}.question-body{margin:32px 0}.answer-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between}.option-list{display:grid;gap:9px}.option-card{display:grid;grid-template-columns:25px 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px;cursor:pointer}.option-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(91,68,242,.08)}.option-control{width:22px;height:22px;border:1px solid #bbb9af;border-radius:6px;display:grid;place-items:center;color:white;font-size:12px}.option-list.single .option-control{border-radius:50%}.option-card.selected .option-control{background:var(--accent);border-color:var(--accent)}.option-custom-tag{font-size:9px;background:#f0efff;color:var(--accent);padding:3px 5px;border-radius:5px;margin-left:7px}.remove-option{border:0;background:transparent;font-size:20px;color:var(--soft)}.other-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.allocations{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}.allocation-row{display:grid;grid-template-columns:160px 1fr 100px;gap:12px;align-items:center;margin-bottom:12px}.allocation-label{font-size:13px;font-weight:700}.range{width:100%;accent-color:var(--accent)}.allocation-number{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.allocation-number input{width:65px;border:0;padding:8px;text-align:right;outline:0}.allocation-number span{font-size:12px;color:var(--muted);padding-right:8px}.total-bar{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;font-size:13px}.good{color:var(--good)}.bad{color:var(--danger)}.scale-labels,.slider-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.scale-buttons{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.scale-button,.boolean-button{min-width:48px;height:44px;border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:750}.scale-button.selected,.boolean-button.selected{background:var(--accent);border-color:var(--accent);color:#fff}.boolean-row{display:flex;gap:9px}.boolean-button{padding:0 20px}.slider-value{font-size:33px;font-weight:820;margin-bottom:12px}.slider-wrap input[type=range]{width:100%;accent-color:var(--accent)}.fill-template{font-size:20px;line-height:2.4}.inline-blank{border:0;border-bottom:2px solid var(--accent);background:transparent;min-width:130px;padding:2px 6px;outline:0}.rank-list{display:grid;gap:8px}.rank-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px}.rank-number{width:28px;height:28px;border-radius:7px;background:#f0efff;color:var(--accent);display:grid;place-items:center;font-weight:800}.rank-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;margin-left:5px}.matrix-wrap{overflow:auto}.matrix{width:100%;border-collapse:collapse;min-width:580px}.matrix th,.matrix td{padding:10px;border-bottom:1px solid var(--line);text-align:center;font-size:12px}.matrix td:first-child,.matrix th:first-child{text-align:left}.matrix-choice{width:22px;height:22px;border-radius:50%;border:1px solid #bbb;background:#fff}.matrix-choice.selected{border:6px solid var(--accent)}.range-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.range-separator{color:var(--muted)}.unit-input{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.unit-input input{border:0}.unit-chip{display:flex;align-items:center;padding:0 10px;background:#f2f1ec;color:var(--muted);font-size:12px}.part-list{display:grid;gap:16px}.part-field label{display:block;font-size:12px;font-weight:750;margin-bottom:6px}.optional{color:var(--soft);font-weight:500}.validation{border:1px solid #f0caca;background:#fff6f6;border-radius:11px;padding:11px 13px;color:#7d3030;font-size:12px;margin-bottom:18px}.validation.good{border-color:#cce7d7;background:#f3fff7;color:var(--good)}
.review-hero{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}.review-hero h2{font-size:32px;letter-spacing:-.04em;margin:7px 0}.review-hero p{color:var(--muted);margin:0}.stats{display:flex;gap:8px}.stat{min-width:90px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.stat strong{font-size:23px;display:block}.stat span{font-size:10px;color:var(--soft);text-transform:uppercase;letter-spacing:.07em}.review-section{margin-top:24px}.review-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--soft)}.review-list{display:grid;gap:7px}.review-item{display:grid;grid-template-columns:55px 1fr auto;gap:12px;align-items:start;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px}.review-id{font:11px var(--mono);color:var(--accent)}.review-question{font-weight:720;font-size:13px}.review-answer{color:var(--muted);font-size:12px;line-height:1.5;margin-top:3px;white-space:pre-wrap}.status{font-size:10px;border-radius:6px;padding:4px 6px;background:#efeee9;color:var(--muted)}.status.answered{background:#e8f8ee;color:var(--good)}.status.required{background:#fff0f0;color:var(--danger)}
.result-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:10px}.result-card .result-id{font:10px var(--mono);color:var(--accent);margin-bottom:7px}.result-card h3{font-size:16px;margin:0 0 12px}.result-value{background:#f6f5f1;border-radius:11px;padding:13px;white-space:pre-wrap;font-size:13px;line-height:1.55}.result-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0 26px}.meta-box{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.meta-box span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}.meta-box strong{display:block;margin-top:5px;font-size:12px;overflow:hidden;text-overflow:ellipsis}.hash{font-family:var(--mono)}
.modal-backdrop{position:fixed;inset:0;background:rgba(12,12,10,.55);display:grid;place-items:center;z-index:100;padding:20px;backdrop-filter:blur(6px)}.modal{width:min(520px,100%);background:#fff;border-radius:20px;padding:25px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal h2{font-size:25px;letter-spacing:-.035em;margin:7px 0 9px}.modal p{color:var(--muted);line-height:1.55;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.password-wrap{position:relative}.password-wrap .input{padding-right:75px}.show-pass{position:absolute;right:8px;top:7px;border:0;background:transparent;font-size:11px;color:var(--accent);font-weight:750}.error-list{max-height:260px;overflow:auto;background:#faf4f4;border-radius:10px;margin:12px 0;padding:8px}.error-row{padding:7px;font-size:12px;border-bottom:1px solid #edd}.error-row:last-child{border-bottom:0}.toast{position:fixed;right:24px;bottom:24px;background:#151511;color:#fff;border-radius:12px;padding:12px 15px;z-index:110;box-shadow:var(--shadow);font-size:13px}.toast::before{content:'✓';color:var(--accent2);margin-right:8px}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.privacy-strip{max-width:1230px;margin:0 auto 30px;padding:0 34px}.privacy-strip>div{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:20px}.mono{font-family:var(--mono)}.hidden{display:none!important}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-side{max-width:620px}.action-grid{grid-template-columns:1fr}.workspace,.answer-layout{grid-template-columns:1fr}.side,.answer-side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side{display:none}.editor-grid{grid-template-columns:1fr}.structure{position:static}.result-meta{grid-template-columns:1fr 1fr}.review-hero{display:block}.stats{margin-top:15px}.nav{padding:0 17px}.nav-link{display:none}.canvas{padding:25px 16px 70px}.answer-main{padding:35px 18px 80px}.toolbar{top:76px;padding:10px 14px}.allocation-row{grid-template-columns:1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:560px){.hero{padding:42px 18px}.hero h1{font-size:54px}.hero p{font-size:16px}.action-grid{padding:0 18px 60px}.result-meta{grid-template-columns:1fr}.question-title{font-size:28px}.review-item{grid-template-columns:45px 1fr}.review-item>div:last-child{grid-column:2}.nav-actions .btn:not(.btn-primary){display:none}.range-grid{grid-template-columns:1fr}.range-separator{text-align:center}.matrix-edit{grid-template-columns:1fr}.privacy-strip{padding:0 18px}}

/* v2 hardening + accessibility */
:focus-visible{outline:3px solid rgba(91,68,242,.42);outline-offset:2px}
.btn,.nav-link,.side-item,.action-card,.option-card,.response-tab{min-height:44px}
.btn-icon{min-width:44px;min-height:44px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.muted{color:var(--muted);font-size:13px;line-height:1.55}
.keyboard-hint{margin-top:14px;text-align:right;color:var(--soft);font:11px var(--mono)}

.security-panel{background:linear-gradient(135deg,#fff 0%,#fbfaff 100%);border-color:#d8d2ff}
.security-state{font:11px var(--mono);letter-spacing:.06em;color:var(--soft);white-space:nowrap}
.security-state.good{color:var(--good)}
.security-choice{display:flex;justify-content:space-between;gap:22px;align-items:center;border:1px solid #e6e2ff;background:#f8f7ff;border-radius:14px;padding:16px}
.security-choice p{color:var(--muted);font-size:13px;line-height:1.5;margin:5px 0 0;max-width:700px}
.key-card{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #d7eadf;background:#f6fff9;border-radius:14px;padding:14px 16px;margin-bottom:11px}
.key-card span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.private-reply-badge{display:grid;gap:4px;border:1px solid #cfe3d8;background:#f4fff7;border-radius:12px;padding:12px;color:var(--good)}
.private-reply-badge span{font:10px var(--mono);color:#54846a}

.password-tools{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:9px}
.password-meter{height:5px;background:#e6e4dc;border-radius:999px;overflow:hidden;margin-bottom:5px}
.password-meter span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .15s ease}
.password-tools small{color:var(--muted);font-size:11px}

.results-canvas{max-width:1180px}
.response-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:6px;margin-bottom:22px;scrollbar-width:thin}
.response-tab{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;min-width:165px;display:grid;grid-template-columns:26px 1fr;gap:2px 8px;text-align:left;align-items:center}
.response-tab>span{grid-row:1/3;width:25px;height:25px;border-radius:7px;background:#f0efff;color:var(--accent);display:grid;place-items:center;font:10px var(--mono)}
.response-tab strong{font-size:12px;white-space:nowrap}.response-tab small{font-size:10px;color:var(--muted)}
.response-tab.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(91,68,242,.08)}
.result-view-head,.aggregate-hero{display:flex;justify-content:space-between;gap:22px;align-items:start;margin-bottom:22px}
.result-view-head h2,.aggregate-hero h2{font-size:32px;letter-spacing:-.04em;margin:7px 0 6px}
.result-view-head p,.aggregate-hero p{color:var(--muted);line-height:1.55;margin:0;max-width:760px}
.aggregate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.aggregate-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;min-width:0}
.aggregate-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid #eeede7;margin-bottom:13px}
.aggregate-card-head h3{font-size:15px;line-height:1.35;margin:4px 0 0}.aggregate-card-head>span{font:10px var(--mono);color:var(--soft);white-space:nowrap}
.bar-list{display:grid;gap:12px}.bar-row{display:grid;gap:6px}.bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px}.bar-row strong{font-size:12px}.bar-row span{font-size:10px;color:var(--muted)}
.mini-track{height:7px;background:#eeeDE7;border-radius:999px;overflow:hidden}.mini-track span{display:block;height:100%;background:var(--accent);border-radius:999px}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-row>div{border:1px solid var(--line);background:#fafaf7;border-radius:10px;padding:10px}.metric-row span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--soft);display:block}.metric-row strong{display:block;font-size:20px;margin-top:3px}
.aggregate-ranking{margin:0;padding-left:22px;display:grid;gap:7px}.aggregate-ranking li{padding-left:3px}.aggregate-ranking strong{font-size:12px}.aggregate-ranking span{float:right;font-size:10px;color:var(--muted)}
.text-response-list{display:grid;gap:8px}.text-response-list>div{display:grid;grid-template-columns:28px 1fr;gap:8px;border-bottom:1px solid #efeee8;padding-bottom:7px}.text-response-list>div>span{font:9px var(--mono);color:var(--soft)}.text-response-list p{margin:0;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.text-response-list small{color:var(--muted)}

@media(max-width:900px){.security-choice,.key-card,.result-view-head,.aggregate-hero{display:grid}.aggregate-grid{grid-template-columns:1fr}.password-tools{grid-template-columns:1fr}.response-tabs{margin-inline:-2px}}
@media(max-width:560px){.metric-row{grid-template-columns:1fr}.keyboard-hint{display:none}.key-card .inline-actions{flex-wrap:wrap}.toolbar .inline-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v3 portable packages, media, files & metadata */
.metadata-builder{display:grid;gap:10px}.metadata-row-wrap{border:1px solid var(--line);border-radius:14px;background:#fafaf7;padding:10px}.metadata-row{display:grid;grid-template-columns:130px minmax(160px,1fr) 110px auto 44px;gap:8px;align-items:center}.metadata-options{margin-top:9px;padding-top:9px;border-top:1px solid #e8e6de}.privacy-note,.privacy-callout{margin-top:12px;border:1px solid #d9d6ff;background:#f8f7ff;border-radius:12px;padding:12px;color:#59566b;font-size:12px;line-height:1.5}.privacy-callout{display:grid;gap:4px;margin:22px 0}.required-star{color:var(--danger);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.optional{color:var(--soft);font-size:10px;font-weight:500}.metadata-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}.metadata-page .field{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}
.attachment-list{display:grid;gap:8px;margin-top:10px}.attachment-item{display:grid;grid-template-columns:36px 1fr 44px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:9px;background:#fafaf7}.attachment-icon{width:34px;height:34px;border-radius:9px;background:#eeecff;color:var(--accent);display:grid;place-items:center;font-weight:800}.attachment-item strong,.answer-file-info strong,.media-file strong,.result-attachment strong{display:block;font-size:12px}.attachment-item span,.answer-file-info span,.media-file span,.result-attachment span{display:block;color:var(--muted);font-size:10px;margin-top:3px;overflow-wrap:anywhere}.compact-head{margin:0}
.question-media{display:grid;gap:10px;margin-top:24px}.question-media-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;color:var(--soft)}.media-card,.media-file{margin:0;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;display:grid;gap:10px}.media-card img,.media-card video{max-width:100%;max-height:480px;border-radius:10px;background:#111;object-fit:contain}.media-card audio{width:100%}.media-card figcaption{font-size:12px;color:var(--muted)}.media-file{grid-template-columns:1fr auto;align-items:center}.media-missing{border:1px dashed #d8c7c7;background:#fffafa;color:#875a5a;border-radius:12px;padding:12px;font-size:12px}
.file-answer{display:grid;gap:14px}.upload-zone{border:1.5px dashed #c9c6b9;background:#fff;border-radius:16px;padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:center}.upload-zone strong{display:block}.upload-zone span{display:block;color:var(--muted);font-size:11px;margin-top:4px;max-width:560px}.answer-file-list{display:grid;gap:9px}.answer-file-card{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px;min-width:0}.answer-file-card img,.answer-file-card video{width:80px;height:58px;border-radius:8px;object-fit:cover;background:#111}.answer-file-card audio{width:160px;max-width:100%}.file-glyph{width:60px;height:48px;border-radius:8px;background:#efeee8;display:grid;place-items:center;font:10px var(--mono);color:var(--soft)}
.recorder-card video{width:100%;max-height:360px;border-radius:12px;background:#111;margin:10px 0}.recording-pulse{font-size:44px;color:var(--danger);text-align:center;padding:32px;animation:recpulse 1.3s ease-in-out infinite}@keyframes recpulse{50%{opacity:.35;transform:scale(.9)}}
.metadata-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metadata-result-grid>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fafaf7}.metadata-result-grid span{display:block;font-size:9px;color:var(--soft);text-transform:uppercase;letter-spacing:.07em}.metadata-result-grid strong{display:block;font-size:12px;margin-top:4px;overflow-wrap:anywhere}.result-attachments{display:grid;gap:7px;margin-top:11px}.result-attachment{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fafaf7}
.operation-backdrop{position:fixed;inset:0;background:rgba(12,12,10,.58);z-index:130;display:grid;place-items:center;padding:20px;backdrop-filter:blur(7px)}.operation-card{width:min(500px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.operation-card h2{margin:7px 0 18px;letter-spacing:-.03em}.operation-card p{font-size:12px;color:var(--muted);font-family:var(--mono)}
@media(max-width:900px){.metadata-row{grid-template-columns:1fr 1fr}.metadata-row .btn-icon{justify-self:end}.metadata-fields{grid-template-columns:1fr}.upload-zone{display:grid}.answer-file-card{grid-template-columns:64px 1fr}.answer-file-card>.btn{grid-column:2}.media-file{grid-template-columns:1fr}.metadata-result-grid{grid-template-columns:1fr}}
@media(max-width:560px){.metadata-row{grid-template-columns:1fr}.answer-file-card{grid-template-columns:1fr}.answer-file-card img,.answer-file-card video{width:100%;height:auto;max-height:220px}.answer-file-card>.btn{grid-column:auto}.upload-zone .inline-actions{display:grid;grid-template-columns:1fr}.response-actions{gap:6px}}

/* InterviewMD v3 media/package hardening */
.rich-attachments{display:grid;gap:12px}
.attachment-edit{align-items:flex-start}
.attachment-edit-main{min-width:0;flex:1;display:grid;gap:5px}
.attachment-fields{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:8px}
.package-size-note{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted);background:#f6f5f1}
.metadata-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 14px}
.metadata-review-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:#f6f5f1;display:grid;gap:4px;min-width:0}
.metadata-review-item span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.metadata-review-item strong{font-size:14px;overflow-wrap:anywhere}
.privacy-strip{display:flex;gap:16px;align-items:center;justify-content:space-between}.privacy-strip>div{flex:1}
@media (max-width:760px){.attachment-fields,.metadata-review-grid{grid-template-columns:1fr}.response-actions{overflow-x:auto;max-width:100%;padding-bottom:4px}.response-actions .btn{white-space:nowrap}}

/* v3.1 hardening: native accessible answer controls and cross-tab conflict state */
.choice-fieldset,.allocations{border:0;padding:0;margin:0;min-width:0}.option-native{width:22px;height:22px;margin:0;accent-color:var(--accent);cursor:pointer}.option-label{cursor:pointer;min-width:0}.option-card:focus-within{outline:3px solid rgba(91,68,242,.28);outline-offset:2px}.draft-conflict{margin:14px 20px 0;border:1px solid #e5b8b8;background:#fff5f5;border-radius:14px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px}.draft-conflict strong{display:block;color:#7d3030}.draft-conflict span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.modal:focus{outline:none}
@media(max-width:720px){.draft-conflict{align-items:flex-start;flex-direction:column}.draft-conflict .inline-actions{width:100%;flex-wrap:wrap}}

/* Protocol 1.4 locale/RTL hardening: prefer logical alignment and edges. */
.action-card,.side-item,.response-tab{text-align:start}
.side,.answer-side{border-right:0;border-inline-end:1px solid var(--line)}
.allocation-number input{text-align:end}
.allocation-number span{padding-right:0;padding-inline-end:8px}
.matrix td:first-child,.matrix th:first-child{text-align:start}
.password-wrap .input{padding-right:11px;padding-inline-end:75px}
.show-pass{right:auto;inset-inline-end:8px}
.toast{right:auto;inset-inline-end:24px}
.toast::before{margin-right:0;margin-inline-end:8px}
.keyboard-hint{text-align:end}
.aggregate-ranking{padding-left:0;padding-inline-start:22px}
.aggregate-ranking li{padding-left:0;padding-inline-start:3px;display:flex;gap:12px;justify-content:space-between}
.aggregate-ranking span{float:none}
.rank-actions button{margin-left:0;margin-inline-start:5px}
.option-custom-tag{margin-left:0;margin-inline-start:7px}
@media(max-width:900px){.side,.answer-side{border-inline-end:0}}


/* InterviewMD Web Companion product boundary */
.web-companion{background:radial-gradient(circle at 85% 3%,rgba(189,255,93,.08),transparent 28%),var(--bg)}
.web-hero{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);gap:56px;align-items:center;padding:78px 48px 62px;border-bottom:1px solid var(--line)}
.web-hero-copy h1{font-size:clamp(52px,7vw,92px);line-height:.92;letter-spacing:-.065em;max-width:760px;margin:14px 0 26px}.web-hero-copy h1 em{color:var(--accent);font-style:normal}.web-hero-copy p{font-size:19px;line-height:1.68;max-width:720px;color:var(--muted)}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn-lg{min-height:50px;padding:0 20px;font-size:15px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:13px}.trust-row span{white-space:nowrap}
.web-file-card{border:1px solid rgba(189,255,93,.26);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden;transform:rotate(1.2deg)}.web-file-top,.web-file-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.web-file-bottom{border-top:1px solid var(--line);border-bottom:0}.file-chip{font-family:var(--mono);color:var(--accent);border:1px solid rgba(189,255,93,.34);padding:5px 8px;border-radius:999px}.web-file-question{padding:28px}.web-file-question small{font-family:var(--mono);color:var(--muted)}.web-file-question strong{display:block;font-size:23px;line-height:1.25;margin:12px 0 20px}.fake-option{border:1px solid var(--line);border-radius:12px;padding:13px 14px;margin-top:9px}.fake-option.active{border-color:var(--accent);background:rgba(189,255,93,.08)}
.web-purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.purpose-card{appearance:none;text-align:start;border:0;background:var(--panel);color:var(--text);padding:38px;min-height:290px;cursor:pointer;transition:background .18s,transform .18s}.purpose-card:hover{background:var(--panel2);transform:translateY(-2px)}.purpose-card.primary{background:linear-gradient(145deg,rgba(189,255,93,.1),var(--panel))}.purpose-index{font-family:var(--mono);color:var(--accent);font-size:12px}.purpose-card h2{font-size:25px;margin:40px 0 12px}.purpose-card p{color:var(--muted);line-height:1.6;min-height:76px}.purpose-card strong{font-size:14px}
.web-boundary{margin:56px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px solid var(--line);background:linear-gradient(120deg,var(--panel),rgba(189,255,93,.045));border-radius:20px}.web-boundary h2{font-size:29px;margin:8px 0}.web-boundary p{color:var(--muted);line-height:1.6;max-width:820px}.sponsor-slot{margin:0 48px 36px;border:1px dashed #494941;border-radius:14px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;color:#8f8f87;background:rgba(255,255,255,.015)}.sponsor-slot small{max-width:550px;text-align:end}
.agent-page,.desktop-pitch{padding:52px 48px 70px;max-width:1320px;margin:auto}.agent-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:32px;border-bottom:1px solid var(--line)}.agent-intro h1,.desktop-pitch-hero h1{font-size:clamp(42px,5vw,66px);letter-spacing:-.045em;margin:10px 0 18px}.agent-intro p,.desktop-pitch-hero p{font-size:18px;line-height:1.65;color:var(--muted);max-width:800px}.agent-status{min-width:190px;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:4px}.agent-status span,.agent-status small{color:var(--muted)}.agent-status strong{font-size:22px}.agent-steps{display:grid;gap:14px;margin:30px 0}.agent-step{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.agent-step>span{width:42px;height:42px;border:1px solid rgba(189,255,93,.35);border-radius:50%;display:grid;place-items:center;font-family:var(--mono);color:var(--accent)}.agent-step h2{margin:2px 0 8px}.agent-step p{color:var(--muted);line-height:1.6}.agent-prompt{margin:16px 0 10px}.key-tool{margin-top:20px}.key-output{display:grid;gap:14px}.key-output>div:first-child{display:grid;gap:6px}.key-output span{color:var(--muted)}.web-limit-note{display:flex;gap:18px;margin-top:20px;border-left:3px solid var(--accent);padding:16px 20px;background:rgba(189,255,93,.045)}.web-limit-note span{color:var(--muted);line-height:1.55}
.desktop-pitch-hero{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:center;padding:22px 0 46px}.desktop-price-card{border:1px solid rgba(189,255,93,.3);background:linear-gradient(145deg,rgba(189,255,93,.1),var(--panel));border-radius:22px;padding:28px;display:grid;gap:4px}.desktop-price-card small{font-family:var(--mono);color:var(--accent)}.desktop-price-card>strong{font-size:72px;line-height:1;margin-top:10px}.desktop-price-card>span{color:var(--muted)}.desktop-price-card ul{padding-left:20px;line-height:1.9;margin:18px 0 0;color:var(--muted)}.comparison-table{border:1px solid var(--line);border-radius:18px;overflow:hidden}.comparison-row{display:grid;grid-template-columns:1.2fr .8fr 1.25fr;gap:1px;background:var(--line)}.comparison-row>*{background:var(--panel);padding:15px 18px}.comparison-row.head>*{background:var(--panel2);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.comparison-row>span:last-child{color:#315a00;font-weight:700}.web-upsell-inline{margin:24px 0;padding:20px;border:1px solid rgba(189,255,93,.26);border-radius:14px;display:flex;align-items:center;gap:16px;background:rgba(189,255,93,.055)}.web-upsell-inline span{color:var(--muted);flex:1}
@media(max-width:900px){.web-hero{grid-template-columns:1fr;padding:50px 22px}.web-file-card{transform:none}.web-purpose-grid{grid-template-columns:1fr}.web-boundary{margin:30px 22px;align-items:flex-start;flex-direction:column}.sponsor-slot{margin:0 22px 24px;align-items:flex-start;gap:8px;flex-direction:column}.sponsor-slot small{text-align:start}.agent-page,.desktop-pitch{padding:36px 22px 60px}.agent-intro{align-items:flex-start;flex-direction:column}.desktop-pitch-hero{grid-template-columns:1fr}.comparison-row{grid-template-columns:1fr}.comparison-row>*{border-bottom:1px solid var(--line)}.comparison-row.head{display:none}.web-upsell-inline{align-items:flex-start;flex-direction:column}}
.web-companion .brand>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.08}.web-companion .brand-name,.web-companion .brand-sub{display:block}

/* InterviewMD Web v2 — task-first UX layer */
.web-v2{background:#f7f7f5;min-height:100vh}.web-nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e6e5df;background:rgba(247,247,245,.96);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.web-nav-actions{display:flex;align-items:center;gap:6px}.web-brand .brand-sub{display:inline;margin-left:6px}.web-home{max-width:980px;margin:0 auto;padding:78px 28px 60px}.simple-hero{text-align:center;max-width:760px;margin:0 auto 38px}.simple-hero h1{font-size:clamp(45px,7vw,78px);line-height:.98;letter-spacing:-.06em;margin:12px 0 18px}.simple-hero h1 em{font-style:normal;color:#5b44f2}.simple-hero p{font-size:18px;line-height:1.6;color:var(--muted);max-width:690px;margin:0 auto}.home-open-card{max-width:820px;margin:0 auto;padding:26px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:18px;border-style:solid;box-shadow:0 8px 30px rgba(21,21,17,.05)}.home-open-card h2{margin:0 0 4px;font-size:23px}.home-open-card p{margin:0;color:var(--muted);font-size:14px}.open-file-icon{width:48px;height:48px;border-radius:14px;background:#efedff;color:#5b44f2;display:grid;place-items:center;font-size:22px;font-weight:800}.home-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:820px;margin:14px auto 0}.simple-link-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;text-align:left;display:grid;grid-template-columns:32px 1fr 18px;gap:10px;align-items:center}.simple-link-card:hover{border-color:#bdb9d8;background:#fcfbff}.simple-link-card>span{width:30px;height:30px;border-radius:9px;background:#f0efe9;display:grid;place-items:center;font-size:12px;font-weight:800}.simple-link-card strong{font-size:13px;display:block}.simple-link-card small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}.simple-link-card b{font-size:16px}.trust-line{max-width:820px;margin:18px auto 0;color:var(--soft);font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.text-button{border:0;background:none;padding:0;color:var(--accent);font-weight:700;cursor:pointer}.public-sponsor-note{margin:44px auto 0;max-width:820px;border-top:1px solid var(--line);padding-top:16px;text-align:center;color:#aaa89f;font-size:10px}.focused-page{max-width:900px;margin:0 auto;padding:48px 28px 80px}.page-heading{max-width:720px;margin-bottom:28px}.crumb{border:0;background:none;color:var(--muted);font-size:12px;padding:0 0 18px;cursor:pointer}.page-heading h1{font-size:48px;letter-spacing:-.055em;line-height:1.02;margin:8px 0 12px}.page-heading p{color:var(--muted);font-size:16px;line-height:1.55;margin:0}.step-stack{display:grid;gap:10px}.focus-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;grid-template-columns:38px 1fr;gap:14px}.step-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#151511;color:#fff;font:11px var(--mono)}.focus-step h2{margin:2px 0 5px;font-size:18px}.focus-step p{margin:0 0 13px;color:var(--muted);line-height:1.5}.advanced-card{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.advanced-card summary{cursor:pointer;padding:16px 18px;font-weight:760}.advanced-card-body{padding:0 18px 18px;color:var(--muted);line-height:1.5}.advanced-card-body code{font-family:var(--mono);font-size:12px}.app-choice-page{max-width:1040px}.app-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.app-choice{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.app-choice.business{background:#151511;color:#fff;border-color:#151511}.app-choice small{color:var(--accent);font-weight:850;letter-spacing:.08em}.app-choice.business small{color:var(--accent2)}.app-choice h2{font-size:28px;letter-spacing:-.04em;margin:10px 0}.app-choice p,.app-choice li{color:var(--muted);line-height:1.5}.app-choice.business p,.app-choice.business li{color:#b6b5ad}.app-choice ul{padding-left:18px;min-height:120px}.import-page{max-width:760px}.simple-drop{text-align:center;padding:58px 28px;background:#fff}.simple-drop .open-file-icon{margin:0 auto 14px}.simple-drop h2{font-size:25px;margin:0 0 5px}.simple-drop p{color:var(--muted)}.sample-links{display:flex;justify-content:center;gap:8px;margin-top:14px;font-size:12px;color:var(--muted)}.privacy-note{text-align:center;color:var(--soft);font-size:11px;margin-top:16px}.answer-shell{background:#f7f7f5;min-height:100vh}.answer-top{height:68px;display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(120px,260px) auto;gap:14px;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(247,247,245,.98);position:sticky;top:0;z-index:30}.compact-brand{border:0;background:none;padding:0;cursor:pointer}.answer-title{min-width:0}.answer-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.answer-title span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.answer-progress-mini{height:5px;background:#e7e5df;border-radius:99px;overflow:hidden}.answer-progress-mini span{display:block;height:100%;background:#5b44f2}.answer-top-actions{display:flex;gap:6px}.answer-v2-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 68px)}.answer-outline{border-inline-end:1px solid var(--line);padding:20px 12px;background:#f1f0eb}.outline-head{display:flex;justify-content:space-between;gap:8px;padding:0 7px 14px;color:var(--muted);font-size:11px}.outline-head strong{color:#217a4b}.outline-row{width:100%;border:0;background:none;padding:9px;border-radius:9px;display:flex;justify-content:space-between;text-align:start;gap:8px;font-size:12px}.outline-row:hover,.outline-row.active{background:#fff}.outline-row b{color:var(--soft);font:10px var(--mono)}.outline-note{border-top:1px solid var(--line);margin-top:14px;padding:14px 8px;color:var(--soft);font-size:10px;line-height:1.45}.answer-stage{min-width:0}.answer-stage .answer-main{max-width:800px;padding-top:54px}.answer-stage .question-title{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.045em}.return-panel{margin-top:26px;border:1px solid #d9d4ff;background:#f7f5ff;border-radius:18px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.return-panel h2{margin:5px 0 5px}.return-panel p{margin:0;color:var(--muted);line-height:1.5}.return-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch;min-width:210px}.export-details summary{font-size:11px;color:var(--muted);cursor:pointer;text-align:center;padding:5px}.export-details>div{display:grid;gap:5px;margin-top:5px}.result-page{max-width:960px}.result-top{display:flex;justify-content:space-between;align-items:end;gap:24px}.result-top h1{font-size:42px;letter-spacing:-.05em;margin:8px 0}.result-top p{color:var(--muted)}.result-actions{display:flex;gap:7px}.result-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:22px 0}.result-summary-strip>div{background:#fff;padding:14px}.result-summary-strip span{display:block;color:var(--soft);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.result-summary-strip strong{display:block;margin-top:4px;font-size:13px}.result-list{display:grid;gap:10px}.app-nudge{margin-top:20px;background:#151511;color:#fff;border-radius:16px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.app-nudge span{display:block;color:#aaa99f;font-size:12px;margin-top:3px}
@media(max-width:760px){.web-nav{padding:0 14px}.web-nav-actions .nav-link{display:none}.web-home{padding:48px 16px}.simple-hero h1{font-size:48px}.home-open-card{grid-template-columns:auto 1fr;padding:20px}.home-open-card>.btn{grid-column:1/-1}.home-secondary{grid-template-columns:1fr}.focused-page{padding:34px 16px}.page-heading h1{font-size:38px}.app-choice-grid{grid-template-columns:1fr}.answer-top{grid-template-columns:auto 1fr auto}.answer-progress-mini{display:none}.answer-top-actions .btn-ghost{display:none}.answer-v2-layout{grid-template-columns:1fr}.answer-outline{display:none}.answer-stage .answer-main{padding:32px 18px 80px}.return-panel{grid-template-columns:1fr}.result-top{display:block}.result-actions{margin-top:14px}.result-summary-strip{grid-template-columns:1fr}.app-nudge{align-items:flex-start;flex-direction:column}.focus-step{grid-template-columns:30px 1fr;padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* === InterviewMD Web 1.1 — Product feel layer === */
:root{
  --motion-fast:140ms;--motion-base:220ms;--motion-slow:420ms;
  --ease-out:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.2,1.2,.35,1);
  --shadow-1:0 1px 2px rgba(23,21,18,.04),0 8px 24px rgba(23,21,18,.05);
  --shadow-2:0 2px 4px rgba(23,21,18,.05),0 18px 48px rgba(23,21,18,.09);
  --purple-glow:rgba(91,68,242,.18)
}
html{scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 50% -10%,rgba(91,68,242,.09),transparent 30rem),
  radial-gradient(circle at 8% 28%,rgba(223,255,102,.10),transparent 22rem),
  #f7f7f4;position:relative}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.24;background-image:linear-gradient(rgba(20,19,16,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(20,19,16,.018) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%)}
#app,.shell{position:relative;z-index:1}
.web-nav{background:rgba(248,248,245,.78)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border-bottom-color:rgba(34,32,27,.08)!important;transition:background var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}
.web-nav:hover{background:rgba(248,248,245,.92)!important;box-shadow:0 1px 0 rgba(34,32,27,.03)}
.brand-mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 4px 14px rgba(0,0,0,.12);transition:transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-base) var(--ease-out)}
.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.16)}
.btn,.nav-link,.text-button,.simple-link-card,.scale-button,.boolean-button,.matrix-choice,.option-card{transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,opacity var(--motion-fast) ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(25,23,20,.08)}
.btn:active{transform:translateY(0) scale(.985);box-shadow:none}
.btn-primary{background:linear-gradient(180deg,#171714,#0f0f0d)!important;box-shadow:0 1px 0 rgba(255,255,255,.11) inset,0 5px 15px rgba(17,17,15,.12)}
.btn-accent{background:linear-gradient(180deg,#654cf7,#533bea)!important;box-shadow:0 1px 0 rgba(255,255,255,.19) inset,0 7px 24px rgba(91,68,242,.2)}
.simple-hero{animation:web-hero-in .55s var(--ease-out) both}
.simple-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(91,68,242,.15);background:rgba(255,255,255,.56);border-radius:999px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.simple-hero .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#6b52ff;box-shadow:0 0 0 5px rgba(91,68,242,.08);animation:soft-pulse 2.8s ease-in-out infinite}
.simple-hero h1{letter-spacing:-.065em!important;text-wrap:balance}
.simple-hero h1 em{font-style:normal;background:linear-gradient(100deg,#5b44f2 0%,#765cff 46%,#4c36de 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 40px rgba(91,68,242,.08)}
.simple-hero p{max-width:780px!important;text-wrap:balance}
.web-home::before{content:"";position:absolute;left:50%;top:105px;width:min(820px,80vw);height:320px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(91,68,242,.075),transparent 65%);filter:blur(18px);pointer-events:none;z-index:-1}
.home-open-card{position:relative;overflow:hidden;background:rgba(255,255,255,.84)!important;border-color:rgba(31,29,25,.16)!important;box-shadow:var(--shadow-1),0 0 0 1px rgba(255,255,255,.7) inset;animation:card-up .5s .08s var(--ease-out) both}
.home-open-card::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(115deg,transparent 18%,rgba(91,68,242,.06) 43%,transparent 66%);transform:translateX(-105%);transition:transform .8s var(--ease-out)}
.home-open-card:hover::after,.home-open-card:focus-visible::after{transform:translateX(105%)}
.home-open-card:hover{transform:translateY(-3px);border-color:rgba(91,68,242,.28)!important;box-shadow:var(--shadow-2),0 0 0 4px rgba(91,68,242,.035)}
.open-file-icon{background:linear-gradient(145deg,#f0edff,#e9e4ff)!important;box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(91,68,242,.08);transition:transform var(--motion-base) var(--ease-spring)}
.home-open-card:hover .open-file-icon,.simple-drop:hover .open-file-icon{transform:translateY(-2px) rotate(-6deg) scale(1.05)}
.home-open-card::before{content:"Open  →  Answer  →  Return";position:absolute;top:9px;right:14px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#99968f;font-weight:800}
.home-secondary{perspective:800px}
.simple-link-card{background:rgba(255,255,255,.72)!important;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;animation:card-up .5s var(--ease-out) both}
.simple-link-card:nth-child(1){animation-delay:.12s}.simple-link-card:nth-child(2){animation-delay:.17s}.simple-link-card:nth-child(3){animation-delay:.22s}
.simple-link-card:hover{transform:translateY(-3px);border-color:rgba(91,68,242,.18)!important;background:#fff!important;box-shadow:var(--shadow-1)}
.simple-link-card b{transition:transform var(--motion-base) var(--ease-spring)}.simple-link-card:hover b{transform:translateX(3px)}
.trust-line{animation:fade-in .6s .3s both}.trust-line span:not(:nth-child(even)){padding:4px 7px;background:rgba(255,255,255,.55);border:1px solid rgba(40,38,33,.07);border-radius:999px}
.focused-page,.result-page,.answer-stage>*,.review-v2{animation:page-enter .32s var(--ease-out) both}
.step-stack .focus-step,.app-choice-grid .app-choice{animation:card-up .42s var(--ease-out) both}.step-stack .focus-step:nth-child(2),.app-choice-grid .app-choice:nth-child(2){animation-delay:.05s}.step-stack .focus-step:nth-child(3){animation-delay:.1s}
.focus-step,.advanced-card,.app-choice,.result-card,.review-section,.return-panel{box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 8px 30px rgba(30,28,24,.035)}
.answer-top{background:rgba(250,250,247,.84)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.answer-progress-mini{overflow:hidden}.answer-progress-mini span,.progress-fill{transition:width .45s var(--ease-out);position:relative}.answer-progress-mini span::after,.progress-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:progress-glint 2.6s ease-in-out infinite}
.answer-outline{background:linear-gradient(180deg,rgba(242,241,236,.88),rgba(246,245,241,.76))!important;backdrop-filter:blur(16px)}
.outline-row{transition:background var(--motion-fast),transform var(--motion-fast) var(--ease-out),color var(--motion-fast)}.outline-row:hover{transform:translateX(2px)}
.question-body{box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 18px 55px rgba(33,30,25,.055)!important;border-color:rgba(35,32,27,.1)!important}
.question-kicker{display:inline-flex;align-items:center;gap:6px}.question-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#5b44f2}
.option-card:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(31,28,24,.055)}.option-card.selected{box-shadow:0 0 0 3px rgba(91,68,242,.08)}
.scale-button:hover,.boolean-button:hover{transform:translateY(-2px)}
.modal-backdrop,.operation-backdrop{animation:fade-in .16s ease both;backdrop-filter:blur(5px)}.modal,.operation-card{animation:modal-in .22s var(--ease-spring) both}
.toast{animation:toast-in .28s var(--ease-spring) both;box-shadow:0 14px 40px rgba(0,0,0,.16)!important}
.validation.good{position:relative;overflow:hidden}.validation.good::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-100%);animation:success-sheen 2.2s .3s ease both}
@keyframes web-hero-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes card-up{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}
@keyframes page-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.975)}to{opacity:1;transform:none}}
@keyframes toast-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes soft-pulse{0%,100%{box-shadow:0 0 0 5px rgba(91,68,242,.06)}50%{box-shadow:0 0 0 8px rgba(91,68,242,.015)}}
@keyframes progress-glint{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
@keyframes success-sheen{to{transform:translateX(100%)}}
@media(max-width:720px){body::before{opacity:.12;background-size:22px 22px}.home-open-card::before{display:none}.simple-hero h1{letter-spacing:-.055em!important}.simple-link-card:hover,.home-open-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.simple-hero,.home-open-card,.simple-link-card,.focused-page,.result-page,.answer-stage>*,.review-v2,.focus-step,.app-choice,.modal,.operation-card,.toast{animation:none!important}.simple-hero .eyebrow::before,.answer-progress-mini span::after,.progress-fill::after,.validation.good::after{animation:none!important}.btn,.nav-link,.text-button,.simple-link-card,.home-open-card,.open-file-icon,.outline-row,.option-card,.scale-button,.boolean-button{transition:none!important}}

/* ==========================================================================
   OwnOnce brand color layer — colors only, no layout/behavior changes.
   Canonical family: Green #00EE9E · Aqua #00F5F4 · Cyan #00DEFD · Blue #0087FC.
   ========================================================================== */
:root{
  --oo-green:#00EE9E;--oo-aqua:#00F5F4;--oo-cyan:#00DEFD;--oo-blue:#0087FC;
  --oo-gradient:linear-gradient(110deg,var(--oo-green) 0%,var(--oo-aqua) 34%,var(--oo-cyan) 62%,var(--oo-blue) 100%);
  --oo-black:#000;--oo-surface:#050707;--oo-surface-2:#090c0d;--oo-surface-3:#0d1113;
  --oo-text:#fff;--oo-muted:#a8b0b5;--oo-soft:#717b82;--oo-line:rgba(255,255,255,.13);
  --ink:var(--oo-text);--muted:var(--oo-muted);--soft:var(--oo-soft);--paper:var(--oo-black);--card:var(--oo-surface);
  --line:var(--oo-line);--accent:var(--oo-cyan);--accent2:var(--oo-green);--dark:var(--oo-black);
  --good:var(--oo-green);--shadow:0 20px 55px rgba(0,222,253,.055);
  color-scheme:dark;color:var(--oo-text);background:var(--oo-black);
}
html,body,#app,.shell{background:var(--oo-black)!important;color:var(--oo-text)}
body::before{opacity:.45}
.nav,.toolbar,.compact-head,.answer-top{background:rgba(0,0,0,.88)!important;border-color:var(--oo-line)!important;box-shadow:none!important}
.brand-mark,.compact-brand,.web-brand{background:var(--oo-black)!important;border:1px solid rgba(0,222,253,.42)!important;color:var(--oo-aqua)!important;box-shadow:0 0 0 1px rgba(0,238,158,.08),0 0 24px rgba(0,222,253,.08)!important}
.brand-sub,.muted,.note,.field-help,.question-help,.file-note,.flow-row span,.public-sponsor-note,.web-limit-note,.privacy-note,.web-file-bottom,.result-meta,.review-question{color:var(--oo-muted)!important}
.nav-link{color:var(--oo-muted)!important}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.06)!important;color:#fff!important}
.eyebrow,.question-kicker,.web-file-top small,.agent-status,.private-reply-badge,.crumb{color:var(--oo-cyan)!important}
.hero h1,.web-hero h1,.simple-hero h1,.page-heading,.answer-title,.question-title,.result-top h1,.review-hero h1{color:#fff!important}
.hero h1 em,.web-hero h1 em,.simple-hero h1 em{background:var(--oo-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero-side,.code-preview,.agent-prompt{background:#020303!important;color:#fff!important;border-color:var(--oo-line)!important}
.hero-side .privacy,.flow-n{color:var(--oo-green)!important}
.action-card,.panel,.dropzone,.q-row,.mini-block,.option-card,.rank-item,.media-card,.recorder-card,.review-item,.result-card,.aggregate-card,.purpose-card,.home-open-card,.simple-link-card,.advanced-card,.app-choice,.security-choice,.key-card,.privacy-callout,.return-panel,.review-hero,.result-view-head,.aggregate-hero,.agent-step,.sponsor-slot,.web-file-card,.web-file-question,.metadata-row-wrap,.metadata-review-item,.answer-file-card,.result-attachment,.question-body,.answer-stage,.focus-step,.web-boundary,.desktop-pitch,.desktop-price-card,.metadata-review-grid,.privacy-strip,.trust-line,.result-summary-strip,.aggregate-ranking,.text-response-list,.comparison-table,.bar-list{
  background:var(--oo-surface)!important;color:#fff!important;border-color:var(--oo-line)!important;box-shadow:none;
}
.action-card:hover,.option-card:hover,.rank-item:hover,.purpose-card:hover,.simple-link-card:hover,.app-choice:hover,.home-secondary>*:hover{background:var(--oo-surface-2)!important;border-color:rgba(0,222,253,.36)!important;box-shadow:0 10px 34px rgba(0,135,252,.055)!important}
.side,.answer-side,.answer-outline{background:#020303!important;border-color:var(--oo-line)!important}.side-item,.outline-row{color:var(--oo-muted)!important}.side-item:hover,.side-item.active,.outline-row:hover,.outline-row.active{background:rgba(255,255,255,.065)!important;color:#fff!important}
.side-sep,.answer-footer,.tabs,.response-tabs,.result-actions,.panel-head{border-color:var(--oo-line)!important}
.canvas,.answer-main,.results-canvas,.import-page,.focused-page,.review-v2,.metadata-page,.agent-page,.app-choice-page,.web-home,.web-companion,.web-v2,.result-page{background:transparent!important}
.input,.textarea,.select,.number-input,.inline-blank,.allocation-number,.unit-input,.modal input,.modal textarea,.modal select,.metadata-fields input,.metadata-fields textarea{
  background:var(--oo-surface-2)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;
}
.input:focus,.textarea:focus,.select:focus,.number-input:focus,.inline-blank:focus,.allocation-number:focus,.unit-input:focus{border-color:var(--oo-cyan)!important;box-shadow:0 0 0 3px rgba(0,222,253,.12)!important}
input::placeholder,textarea::placeholder{color:#657078!important}
.btn{background:var(--oo-surface-2)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;box-shadow:none!important}.btn:hover{border-color:rgba(0,222,253,.5)!important;background:var(--oo-surface-3)!important}
.btn-primary,.btn-accent,.btn-lime,.primary,.hero-ctas .btn:first-child,.return-actions .btn-primary,.web-file-card .btn{background:var(--oo-gradient)!important;color:#00100d!important;border-color:transparent!important;box-shadow:0 8px 28px rgba(0,222,253,.12)!important}
.btn-ghost{background:transparent!important}.btn-danger{background:var(--oo-surface)!important}
.progress-track,.mini-track,.answer-progress-mini,.password-meter{background:rgba(255,255,255,.09)!important}.progress-fill,.mini-track>*,.answer-progress-mini>*,.password-meter>span{background:var(--oo-gradient)!important}
.q-num,.drop-icon,.file-glyph,.attachment-icon,.step-n,.purpose-index,.open-file-icon,.action-card .tag,.unit-chip,.option-custom-tag,.file-icon{background:rgba(0,222,253,.075)!important;color:var(--oo-cyan)!important;border-color:rgba(0,222,253,.18)!important}
.q-row.active,.option-card.selected,.scale-button.selected,.boolean-button.selected,.matrix-choice.selected,.rank-item.selected,.security-choice.selected,.app-choice.selected{border-color:var(--oo-cyan)!important;box-shadow:0 0 0 2px rgba(0,222,253,.10)!important;background:linear-gradient(120deg,rgba(0,238,158,.055),rgba(0,135,252,.055))!important}
.option-native,.check input,input[type="checkbox"],input[type="radio"]{accent-color:var(--oo-cyan)!important}
.security-box,.privacy-callout,.private-reply-badge,.agent-intro{background:linear-gradient(120deg,rgba(0,238,158,.055),rgba(0,135,252,.04))!important;border-color:rgba(0,238,158,.28)!important;color:#fff!important}.security-box p,.privacy-callout p{color:var(--oo-muted)!important}
.modal,.operation-card,.palette{background:#070a0b!important;color:#fff!important;border-color:var(--oo-line)!important;box-shadow:0 28px 90px rgba(0,0,0,.72)!important}.modal-backdrop,.operation-backdrop,.palette-backdrop{background:rgba(0,0,0,.72)!important}
.toast{background:#080b0c!important;color:#fff!important;border-color:rgba(0,222,253,.28)!important}
.status,.tag,.pill,.trust-row,.package-size-note,.validation,.hash,.mono,.source-chip,.file-chip,.unit-chip{background:rgba(255,255,255,.055)!important;color:var(--oo-muted)!important;border-color:var(--oo-line)!important}.status.good,.tag.good,.good{color:var(--oo-green)!important}.status.warn,.tag.warn,.warn{color:var(--oo-aqua)!important}
.matrix th,.matrix td,.comparison-table th,.comparison-table td{border-color:var(--oo-line)!important}.matrix th,.comparison-table th{background:#070a0b!important}
.bar-row>span:last-child,.bar-row>div>span,.allocation-row>div:last-child{background:var(--oo-gradient)!important}
.web-home::before,.web-companion::before,.web-v2::before{background:radial-gradient(circle at 50% 18%,rgba(0,222,253,.08),transparent 31rem),radial-gradient(circle at 35% 34%,rgba(0,238,158,.045),transparent 25rem)!important}
.web-purpose-grid>*{background:var(--oo-surface)!important;border-color:var(--oo-line)!important}
.home-open-card,.web-file-card{background:linear-gradient(120deg,#050707 0%,#050707 68%,rgba(0,135,252,.055) 100%)!important}.web-file-card::before,.home-open-card::before{background:var(--oo-gradient)!important}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:rgba(0,222,253,.72)!important}

/* OwnOnce color-specific pseudo-state overrides */
.simple-hero .eyebrow::before,.question-kicker::before{background:var(--oo-gradient)!important}
.home-open-card:hover{border-color:rgba(0,222,253,.42)!important;box-shadow:0 16px 48px rgba(0,135,252,.06)!important}
@keyframes soft-pulse{0%,100%{box-shadow:0 0 0 5px rgba(0,222,253,.07)}50%{box-shadow:0 0 0 8px rgba(0,238,158,.018)}}