/* Exploratory Field design; existing shared account/navigation shell retained. */
:root{--fk-surface:#121717;--fk-edge:#ffffff20;--fk-muted:#a2aeaf;--fk-ink:#f4f8f7;--fk-accent:#a8e8d8}
html[data-appearance="light"]{--fk-surface:#f4f8f7;--fk-edge:#13262422;--fk-muted:#526663;--fk-ink:#112f29;--fk-accent:#b4e8db}
html body #app .fk-home,html body #app .fk-task{color:var(--fk-ink);max-width:1200px;margin:auto;padding:24px 22px 100px}
#app .fk-home *,#app .fk-task *, .fk-task-sheet *{box-sizing:border-box}
#app .fk-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 26px}
#app .fk-heading h1{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-1.2px;text-transform:none;text-align:left;margin:8px 0 10px}
#app .fk-heading p{margin:0;color:var(--fk-muted);font-size:15px}
#app .fk-overline,.fk-task-sheet .fk-overline{font-size:10px!important;letter-spacing:1.6px!important;font-weight:700;color:var(--fk-muted)!important;margin:0 0 8px}
#app .fk-heading .fk-start{flex:none;min-height:46px;padding:10px 18px;border:1px solid var(--fk-edge);border-radius:24px;background:var(--fk-surface);color:var(--fk-ink);font:600 14px inherit;cursor:pointer}
#app .fk-heading .fk-start span{font-size:20px;margin-right:8px}
#app .fk-search{display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--fk-surface);border:1px solid var(--fk-edge);border-radius:16px;margin-bottom:24px;height:54px}
#app .fk-search svg{width:22px;color:var(--fk-muted)}
#app .fk-search input{min-width:0;flex:1;background:transparent;border:0;color:var(--fk-ink);font-size:16px;outline:none;padding:8px 0}
#app .fk-search:focus-within{outline:2px solid var(--fk-accent)}
#app .fk-search kbd{color:var(--fk-muted);border:1px solid var(--fk-edge);border-radius:5px;padding:2px 8px}
#app .fk-home-content{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:30px}
#app .fk-home-content[hidden],#app .fk-search-results[hidden]{display:none}
#app .fk-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(130px,.8fr);overflow:hidden;border:1px solid #a8e8d840;border-radius:24px;background:linear-gradient(130deg,#133b35,#152321);min-height:245px;color:#fff;box-shadow:0 16px 35px #0002}
#app .fk-workbench-copy{padding:24px;z-index:1}
#app .fk-workbench-copy h2{font-size:27px;line-height:1.12;margin:12px 0;text-transform:none;letter-spacing:-.7px}
#app .fk-workbench-copy p{font-size:14px;line-height:1.5;color:#c6dcd5}
#app .fk-workbench-image{width:100%;height:100%;object-fit:cover;opacity:.85;min-height:245px}
#app .fk-workbench-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:20px}
#app .fk-primary{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;border:0;border-radius:14px;padding:12px 16px;background:#b1efdc;color:#0b3026;font-size:14px;font-weight:750;cursor:pointer}
#app .fk-text{background:transparent;border:0;min-height:44px;color:inherit;padding:8px;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none}
#app .fk-tools{margin:28px 0}
#app .fk-tools h2,#app .fk-reference h2{font-size:17px;text-transform:none;letter-spacing:0;margin:0 0 14px}
#app .fk-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#app .fk-tool-grid button{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:12px;min-height:112px;padding:18px 7px 10px;border:1px solid var(--fk-edge);border-radius:18px;background:var(--fk-surface);color:var(--fk-ink);cursor:pointer}
#app .fk-tool-grid img{height:28px;width:28px;filter:brightness(0) invert(1)}
#app .fk-tool-grid strong{font-size:12px;line-height:1.4;text-align:center;font-weight:600}
#app .fk-tool-grid .fk-help-tool{background:#f6cc420a;border-color:#f6cc4238}
#app .fk-tool-grid .fk-help-tool img{filter:invert(82%) sepia(75%) saturate(600%) hue-rotate(350deg)}
#app .fk-prepare{display:flex;align-items:center;gap:14px;text-align:left;padding:18px 0;border:0;border-top:1px solid var(--fk-edge);border-bottom:1px solid var(--fk-edge);background:transparent;color:var(--fk-ink);width:100%;cursor:pointer}
#app .fk-prepare>img{width:28px;height:28px;filter:brightness(0) invert(1)}
#app .fk-prepare>span:nth-child(2){flex:1}
#app .fk-prepare strong{font-size:15px;display:block}#app .fk-prepare small{font-size:12px;color:var(--fk-muted);display:block;margin-top:4px}
#app .fk-reference{padding:20px;border:1px solid var(--fk-edge);border-radius:22px;align-self:start;background:var(--fk-surface)}
#app .fk-reference>header{display:flex;align-items:center;justify-content:space-between;gap:10px}#app .fk-reference>header h2{margin:0}
#app .fk-row,.fk-task-sheet .fk-row{display:flex;align-items:center;width:100%;gap:13px;padding:20px 0;border:0;border-bottom:1px solid var(--fk-edge);background:transparent;color:var(--fk-ink);text-align:left;cursor:pointer}
#app .fk-row>img,.fk-task-sheet .fk-row>img{width:25px;height:25px;flex:none;filter:brightness(0) invert(1)}
#app .fk-row>span:nth-child(2),.fk-task-sheet .fk-row>span:nth-child(2){flex:1}
#app .fk-row strong,.fk-task-sheet .fk-row strong{font-size:15px;display:block;font-weight:600}
#app .fk-row small,.fk-task-sheet .fk-row small{font-size:12px;display:block;color:var(--fk-muted);margin-top:5px;line-height:1.4}
#app .fk-reference-note{margin-top:24px;color:var(--fk-muted);font-size:13px}
#app .fk-reference-note a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--fk-ink);text-decoration:none;font-weight:600}
#app .fk-reference-note img{width:28px;height:28px;border-radius:6px;filter:none}
#app .fk-task-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
#app .fk-task>h1{font-size:32px;text-align:left;text-transform:none;margin:28px 0 16px;letter-spacing:-.8px}
#app .fk-task-progress{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--fk-muted);margin-bottom:24px}
#app progress{height:6px;accent-color:#8be0c8;border:0;border-radius:8px}#app .fk-task-progress progress{flex:1}
#app .fk-current-step{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--fk-edge);border-radius:24px;overflow:hidden;background:var(--fk-surface)}
#app .fk-current-step figure{margin:0;background:#fff;min-height:380px}
#app .fk-current-step figure img{display:block;width:100%;height:100%;max-height:480px;object-fit:contain}
#app .fk-step-copy{padding:32px;display:flex;flex-direction:column;align-items:start}
#app .fk-step-copy h2{font-size:27px;text-transform:none;line-height:1.2;letter-spacing:-.5px;margin:8px 0 18px}
#app .fk-step-copy>p{font-size:17px;line-height:1.65;color:var(--fk-muted);margin:0 0 20px}
#app .fk-step-copy aside{border-left:3px solid #f6cc42;padding:12px;background:#f6cc420d;line-height:1.5;margin-bottom:16px}
#app .fk-inline-help{min-height:44px;display:flex;align-items:center;gap:8px;color:#e4bd49;background:transparent;border:0;padding:5px 0;cursor:pointer;font-size:13px}
#app .fk-inline-help img{width:20px;height:20px;filter:invert(82%) sepia(75%) saturate(600%) hue-rotate(350deg)}
#app .fk-step-copy footer{display:flex;justify-content:space-between;width:100%;gap:16px;margin-top:auto;padding-top:28px}
#app .fk-text:disabled{opacity:.3;cursor:default}#app .fk-local{font-size:11px;color:var(--fk-muted);margin-top:18px;line-height:1.5}
#app .fk-complete{padding:50px 20px;text-align:center}#app .fk-complete>img{width:60px;height:60px}
.fk-task-sheet{max-width:500px;width:calc(100% - 32px);padding:24px;border:1px solid var(--fk-edge);border-radius:26px;background:var(--fk-surface);color:var(--fk-ink);box-shadow:0 30px 100px #0008;max-height:85dvh;overflow:auto}
.fk-task-sheet::backdrop{background:#0009;backdrop-filter:blur(8px)}
.fk-task-sheet header{display:flex;justify-content:space-between;align-items:center;gap:12px}.fk-task-sheet h2{font-size:25px;margin:6px 0}
.fk-task-sheet [data-close]{width:44px;height:44px;border-radius:50%;border:1px solid var(--fk-edge);background:transparent;color:inherit;font-size:28px;cursor:pointer}
.fk-sheet-surveyor{display:flex;align-items:center;gap:12px;min-height:54px;color:inherit;text-decoration:none;font-size:14px;margin-top:20px}.fk-sheet-surveyor img{width:32px;height:32px;border-radius:8px}
html[data-appearance="light"] #app .fk-tool-grid img,html[data-appearance="light"] #app .fk-prepare>img,html[data-appearance="light"] #app .fk-row>img,html[data-appearance="light"] .fk-task-sheet .fk-row>img{filter:brightness(0)}
.fk-home button:focus-visible,.fk-task button:focus-visible,.fk-task-sheet button:focus-visible{outline:3px solid #68c6ef;outline-offset:3px}
@media(max-width:1050px){#app .fk-home-content{grid-template-columns:1fr}#app .fk-reference{margin-top:0}}
@media(max-width:700px){html body #app .fk-home,html body #app .fk-task{padding:12px 4px 110px}#app .fk-heading{align-items:start;gap:12px;margin:4px 0 20px}#app .fk-heading h1{font-size:27px;max-width:230px}#app .fk-heading>div>p:not(.fk-overline){font-size:12px;max-width:210px}#app .fk-heading .fk-start{font-size:12px;border-radius:14px;padding:10px;max-width:88px}#app .fk-heading .fk-start span{display:block;margin:0;font-size:23px}#app .fk-workbench{grid-template-columns:minmax(0,1fr) 100px;min-height:230px}#app .fk-workbench-copy{padding:20px 16px}#app .fk-workbench-copy h2{font-size:24px}#app .fk-workbench-image{min-height:230px;object-position:45% center}#app .fk-workbench .fk-text{padding-left:0}#app .fk-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#app .fk-tool-grid button{min-height:104px;padding:15px 5px}#app .fk-tool-grid strong{font-size:11px}#app .fk-current-step{grid-template-columns:1fr}#app .fk-current-step figure{height:230px;min-height:0}#app .fk-step-copy{padding:22px}#app .fk-step-copy h2{font-size:25px}#app .fk-task>h1{font-size:26px;margin-top:18px}#app .fk-task-heading .fk-overline{display:none}#app .fk-reference{padding:16px}#app .fk-search kbd{display:none}.fk-task-sheet{margin:auto 0 0;width:100%;max-width:none;max-height:88dvh;border-radius:26px 26px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.fk-home *,.fk-task *{scroll-behavior:auto!important;transition:none!important}}

html body #app .fk-home :is(h1,h2),html body #app .fk-task :is(h1,h2){text-transform:none!important}
#app .fk-workbench .fk-primary{font-family:inherit;max-width:none;border:0;white-space:nowrap}

#app .fk-main-column>.fk-tools:first-child{margin-top:0;margin-bottom:24px}
#app .fk-prepare{margin-top:24px}
@media(max-width:700px){html body #app .fk-task{padding-bottom:200px}#app .fk-current-step figure{height:185px}#app .fk-step-copy footer{position:fixed;z-index:21;left:50%;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom,0px));width:calc(100% - 28px);max-width:560px;display:flex;align-items:center;padding:8px;gap:8px;background:var(--fk-surface);border:1px solid var(--fk-edge);border-radius:18px;box-shadow:0 8px 25px #0003}#app .fk-step-copy footer .fk-primary{flex:1}#app .fk-step-copy footer .fk-text{min-width:90px}#app .fk-step-copy{padding:20px}#app .fk-step-copy>p{font-size:16px;line-height:1.55}}

/* Second concept pass: clearer hierarchy, fitted media and focused help. */
html body #app .fk-heading h1{font-size:clamp(34px,4vw,46px);font-weight:800;letter-spacing:-1.4px}
#app .fk-heading{border-bottom:1px solid var(--fk-edge);padding-bottom:22px}
#app .fk-heading>div>p:not(.fk-overline){font-size:15px;line-height:1.5}
html body #app .fk-tools h2,html body #app .fk-reference h2{font-size:21px;font-weight:750;letter-spacing:-.4px}
#app .fk-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#app .fk-tool-grid button{background:linear-gradient(145deg,#79cfbc0c,var(--fk-surface));min-height:110px}
#app .fk-tool-grid .fk-help-tool{background:#f6cc4210}
#app .fk-workbench{grid-template-columns:minmax(0,1fr) 150px;align-items:center}
#app .fk-workbench-image{min-height:0;height:170px;object-fit:contain;opacity:1;background:#fff;border-radius:16px;width:calc(100% - 16px)}
#app .fk-photo-open{position:relative;display:block;width:100%;height:100%;border:0;padding:14px 14px 42px;background:#fff;cursor:zoom-in;min-height:220px}
#app .fk-photo-open>img{display:block;width:100%;height:100%;max-height:420px;object-fit:contain}
#app .fk-photo-open>span{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#31534c;font-size:12px;background:#edf5f2;padding:6px 12px;border-radius:20px}
.fk-photo-dialog{width:min(900px,calc(100% - 24px));max-height:92dvh;padding:54px 18px 16px;border:1px solid var(--fk-edge);border-radius:22px;background:var(--fk-surface);color:var(--fk-ink)}
.fk-photo-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}
.fk-photo-dialog>img{display:block;width:100%;height:65dvh;object-fit:contain;background:#fff;border-radius:12px}
.fk-photo-dialog>button{position:absolute;right:8px;top:5px;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:30px;cursor:pointer}
.fk-photo-dialog>p{font-size:13px;line-height:1.5;margin-bottom:0}
.fk-task-sheet .fk-sheet-options{display:grid;gap:8px;margin-top:18px}
.fk-task-sheet .fk-row{border:1px solid var(--fk-edge);border-radius:15px;padding:14px 12px;background:#71cdb910}
.fk-task-sheet .fk-row[data-route="submitting-survey"]{background:#53beed10;border-color:#53beed30}
.fk-task-sheet .fk-row[data-route="troubleshooting"]{background:#f6cc4212;border-color:#f6cc4230}
.fk-task-sheet .fk-row>img{box-sizing:content-box;padding:8px;border-radius:10px;background:#ffffff12}
.fk-sheet-surveyor{border:1px solid #35c7e738;background:#35c7e710;padding:12px;border-radius:15px;line-height:1.5}
html body #app :is(.fk-help-page,.fk-problem,.fk-testing){max-width:1050px;padding:24px 22px 110px;margin:auto;color:var(--fk-ink)}
#app :is(.fk-help-page,.fk-problem,.fk-testing) *{box-sizing:border-box}
html body #app .fk-section-heading h1{text-transform:none!important;font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-1px;text-align:left;margin:12px 0}
#app .fk-section-heading{margin:12px 0 28px;padding-bottom:22px;border-bottom:1px solid var(--fk-edge)}
#app .fk-section-heading>p:last-child{color:var(--fk-muted);font-size:16px;line-height:1.6;margin-bottom:0}
#app .fk-symptoms{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#app .fk-symptom{display:flex;align-items:center;gap:16px;text-align:left;padding:22px 18px;min-height:130px;border:1px solid #f6cc4230;border-radius:20px;background:linear-gradient(130deg,#f6cc4210,var(--fk-surface));color:var(--fk-ink);cursor:pointer}
#app .fk-symptom>img{width:32px;height:32px;flex:none;filter:invert(82%) sepia(75%) saturate(600%) hue-rotate(350deg)}
#app .fk-symptom>span:nth-child(2){flex:1}#app .fk-symptom strong{display:block;font-size:17px;line-height:1.3}#app .fk-symptom small{display:block;font-size:13px;line-height:1.5;color:var(--fk-muted);margin-top:8px}
#app .fk-symptom-urgent{border-color:#ed985c50;background:#ed985c0e}
#app .fk-support-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;margin-top:20px;border-top:1px solid var(--fk-edge);color:var(--fk-muted);font-size:14px}
#app .fk-problem-body{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}
html body #app .fk-problem-body h2{text-transform:none!important;font-size:23px;line-height:1.35;margin:0}
#app .fk-problem-body figure{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--fk-edge)}
#app .fk-problem-body figure .fk-photo-open{height:340px}
#app .fk-fix-steps{counter-reset:fix;list-style:none;padding:0;margin:22px 0}
#app .fk-fix-steps li{counter-increment:fix;position:relative;padding:0 0 22px 44px;font-size:16px;line-height:1.65}
#app .fk-fix-steps li:before{content:counter(fix);position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f6cc421a;color:#dbb83c;font-weight:700;font-size:13px}
#app .fk-yellow{background:#f1d775;color:#322a0e}
#app .fk-survey-review{display:grid;gap:10px;margin:20px 0}
#app .fk-survey-review details{border:1px solid var(--fk-edge);border-radius:16px;background:var(--fk-surface);overflow:hidden}
#app .fk-survey-review summary{display:flex;align-items:center;gap:12px;min-height:72px;padding:16px;cursor:pointer;list-style:none}
#app .fk-survey-review summary::-webkit-details-marker{display:none}
#app .fk-survey-review summary>img{width:27px;height:27px;filter:brightness(0) invert(1)}
html[data-appearance="light"] #app .fk-survey-review summary>img{filter:brightness(0)}
#app .fk-survey-review summary strong{flex:1;font-size:16px;line-height:1.4}
#app .fk-review-number{font-size:12px;color:var(--fk-muted);min-width:15px}
#app .fk-survey-review details[open]{border-color:#51c58f55;background:#51c58f09}
#app [data-survey-kind="followup"] .fk-survey-review details[open],#app [data-survey-kind="follow-up"] .fk-survey-review details[open]{border-color:#53aeed55;background:#53aeed09}
#app .fk-survey-review details>div{padding:0 20px 16px 55px}
#app .fk-survey-review details>div>p{font-size:16px;line-height:1.65;margin:0;color:var(--fk-muted)}
#app .fk-survey-review details[open] .fk-review-chevron{transform:rotate(180deg)}
#app .fk-testing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#app .fk-testing-grid>button{display:flex;flex-direction:column;align-items:start;text-align:left;padding:28px;border:1px solid #74c8e83b;border-radius:22px;background:linear-gradient(130deg,#74c8e810,var(--fk-surface));color:var(--fk-ink);cursor:pointer}
#app .fk-testing-grid img{width:44px;height:44px;margin-bottom:24px;filter:invert(76%) sepia(43%) saturate(600%) hue-rotate(160deg)}
html body #app .fk-testing-grid h2{text-transform:none!important;font-size:30px;letter-spacing:-.6px;margin:8px 0}
#app .fk-testing-grid p{color:var(--fk-muted);font-size:14px;line-height:1.5;margin:8px 0 25px}
#app .fk-testing-grid>button>span:last-child{font-size:14px;font-weight:650}
#app .fk-testing-note{font-size:13px;line-height:1.6;color:var(--fk-muted);max-width:600px;margin-top:25px}
#app :is(.fk-help-page,.fk-problem,.fk-testing,.fk-survey-review) :is(button,summary):focus-visible,.fk-photo-dialog button:focus-visible{outline:3px solid #68c6ef;outline-offset:3px}
@media(max-width:700px){#app .fk-workbench{grid-template-columns:minmax(0,1fr) 95px}#app .fk-workbench-image{height:120px;width:calc(100% - 10px);border-radius:12px}#app .fk-current-step figure{height:250px}html body #app :is(.fk-help-page,.fk-problem,.fk-testing){padding:12px 4px 110px}#app .fk-symptoms,#app .fk-problem-body,#app .fk-testing-grid{grid-template-columns:1fr}#app .fk-symptom{min-height:110px;padding:18px 15px}#app .fk-problem-body figure .fk-photo-open{height:260px}#app .fk-testing-grid>button{padding:22px}#app .fk-testing-grid img{margin-bottom:16px}#app .fk-survey-review summary{gap:10px;padding:14px 12px}#app .fk-survey-review details>div{padding-left:37px}#app .fk-survey-review summary strong{font-size:15px}#app .fk-support-footer{font-size:12px}}
#app .fk-symptom>img{filter:brightness(0) saturate(100%) invert(86%) sepia(74%) saturate(746%) hue-rotate(343deg)}
html body #app .instruction-guide[data-survey-kind]:not([data-survey-kind=""]) h1{text-transform:none!important}

/* Review v3: strengthen the identity block, not only the type size. */
#app .fk-heading{padding:20px 22px;margin:0 0 18px;border:1px solid #9ee4d637;border-radius:20px;background:linear-gradient(115deg,#7ddcc323,#65bcd90b)}
#app .fk-heading .fk-overline{color:var(--fk-ink)!important;font-size:12px!important;letter-spacing:1.4px!important}
html body #app .fk-heading h1{margin:7px 0 9px;font-size:clamp(32px,4vw,44px)}
#app .fk-heading>div>p:not(.fk-overline){font-size:16px;font-weight:600;color:var(--fk-ink);opacity:.85;max-width:none}
#app .fk-tool-grid button{--tool-color:#51b8ef;background:color-mix(in srgb,var(--tool-color) 15%,var(--fk-surface));border-color:color-mix(in srgb,var(--tool-color) 35%,transparent);min-height:100px}
#app .fk-tool-grid button:nth-child(2){--tool-color:#50d3b3}
#app .fk-tool-grid button:nth-child(3){--tool-color:#f6cc42}
#app .fk-tool-grid button:nth-child(4){--tool-color:#f4a44f}
#app .fk-tool-grid button:nth-child(5){--tool-color:#68cce4}
#app .fk-tool-grid button:nth-child(6){--tool-color:#7aa8f0}
#app .fk-tool-grid button:hover{background:color-mix(in srgb,var(--tool-color) 23%,var(--fk-surface))}
#app .fk-tool-grid button:active{transform:scale(.98)}
#app .fk-workbench{grid-template-columns:minmax(0,1fr) minmax(100px,.65fr);min-height:0;gap:16px;padding:20px}
#app .fk-workbench-copy{padding:0}
#app .fk-workbench-image{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;border-radius:12px;background:transparent}
#app .fk-workbench-copy h2{font-size:25px;margin:9px 0}
#app .fk-workbench-actions{margin-top:12px}
#app .fk-home-content{gap:18px}
html body #app .fk-home{padding:16px 16px 28px}
#app .fk-main-column>.fk-tools:first-child{margin-bottom:18px}
#app .fk-tools h2{margin-bottom:12px}
#app .fk-reference-note{margin-top:14px}
#app .fk-reference-note p{margin:0}
#app .fk-current-step figure{min-height:0;height:auto;align-self:start}
#app .fk-current-step figure .fk-photo-open{height:auto;min-height:0;padding:12px 12px 40px}
#app .fk-current-step figure img{height:auto;max-height:430px;object-fit:contain}
@media(max-width:700px){html body #app .fk-home{padding:6px 4px 80px}#app .fk-heading{padding:17px 16px;margin-bottom:16px}#app .fk-heading>div>p:not(.fk-overline){font-size:14px;max-width:none}#app .fk-search{margin-bottom:20px}#app .fk-tool-grid button{min-height:96px;padding:13px 5px;gap:10px}#app .fk-workbench{padding:16px;gap:12px;grid-template-columns:minmax(0,1fr) 100px}#app .fk-workbench-copy h2{font-size:23px}#app .fk-current-step figure{height:auto}#app .fk-current-step figure img{height:auto;max-height:260px}}

/* Color study v4: neutral foundations, vivid semantic glyphs. */
:root{--fk-surface:#16181c;--fk-muted:#afb4bf;--fk-ink:#f5f7fb;--fk-accent:#81c9ff}
html[data-appearance="light"]{--fk-surface:#f5f6f9;--fk-muted:#555e6c;--fk-ink:#192230;--fk-accent:#69b7f1}
#app .fk-heading{background:linear-gradient(120deg,#4998e31c,#8a9bb405);border-color:#7aa0c532}
#app .fk-workbench{background:linear-gradient(120deg,#1c2b40,#191c24);border-color:#7898c43b}
#app .fk-workbench-copy p{color:#c3ccd9}
#app .fk-primary{background:#8dceff;color:#102b41}
#app .fk-yellow{background:#f1d775;color:#322a0e}
#app .fk-tool-grid button{--tool-color:#56b7ff;background:color-mix(in srgb,var(--tool-color) 10%,var(--fk-surface));border-color:color-mix(in srgb,var(--tool-color) 28%,transparent)}
#app .fk-tool-grid button:nth-child(2){--tool-color:#a89bff}
#app .fk-tool-grid button:nth-child(3){--tool-color:#ffda29}
#app .fk-tool-grid button:nth-child(4){--tool-color:#ffa33f}
#app .fk-tool-grid button:nth-child(5){--tool-color:#56c5ff}
#app .fk-tool-grid button:nth-child(6){--tool-color:#89aaff}
html body #app .fk-tool-grid button img{width:34px;height:34px;filter:brightness(0) saturate(100%) invert(70%) sepia(54%) saturate(1172%) hue-rotate(178deg)}
html body #app .fk-tool-grid button:nth-child(2) img{filter:brightness(0) saturate(100%) invert(71%) sepia(39%) saturate(1415%) hue-rotate(208deg)}
html body #app .fk-tool-grid button:nth-child(3) img{filter:brightness(0) saturate(100%) invert(86%) sepia(96%) saturate(1273%) hue-rotate(350deg)}
html body #app .fk-tool-grid button:nth-child(4) img{filter:brightness(0) saturate(100%) invert(72%) sepia(62%) saturate(1122%) hue-rotate(335deg)}
.fk-task-sheet .fk-row{background:#779cf410}
.fk-task-sheet .fk-row[data-route="task/filter-cleaning"]{background:#a89bff12;border-color:#a89bff30}
.fk-task-sheet .fk-row[data-route="submitting-survey"]{background:#ffa33f12;border-color:#ffa33f30}
#app .fk-photo-open>span{background:#edf1f7;color:#30445c}
#app progress{accent-color:#81c9ff}
html[data-appearance="light"] #app .fk-workbench{background:linear-gradient(120deg,#e5edf9,#f1f3f8);color:var(--fk-ink)}
html[data-appearance="light"] #app .fk-workbench-copy p{color:var(--fk-muted)}

/* V5: sculpted tool tiles with a consistent icon zone and quieter chrome. */
#app .fk-heading{position:relative;overflow:hidden;padding:24px;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#53a6f523,transparent 65%),linear-gradient(120deg,#17212e,#101319);border-color:#91b6df2b;box-shadow:inset 0 1px 0 #ffffff0a}
#app .fk-heading::after{content:"";position:absolute;right:-25px;top:-80px;width:200px;height:200px;border:1px solid #7db7ef12;border-radius:50%;box-shadow:0 0 0 25px #7db7ef04,0 0 0 50px #7db7ef03;pointer-events:none}
#app .fk-heading>div{position:relative;z-index:1}
html body #app .fk-heading h1{font-size:clamp(32px,4vw,44px);letter-spacing:-1.25px;line-height:1.1;margin:10px 0}
#app .fk-heading .fk-overline{font-size:10px!important;letter-spacing:1.7px!important;color:#9db9d8!important}
#app .fk-heading>div>p:not(.fk-overline){font-weight:500;font-size:15px;color:#c4cfdd;opacity:1}
#app .fk-search{height:50px;border-radius:14px;background:#ffffff04;border-color:var(--fk-edge);margin-bottom:24px}
#app .fk-tools-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px}
#app .fk-tools-heading h2{margin:0;font-size:20px}
#app .fk-tools-heading>span{font-size:9px;font-weight:650;letter-spacing:1.3px;color:var(--fk-muted)}
#app .fk-tool-grid{gap:12px}
#app .fk-tool-grid button{position:relative;align-items:flex-start;justify-content:space-between;text-align:left;min-height:140px;padding:18px;gap:16px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--tool-color) 13%,var(--fk-surface)),color-mix(in srgb,var(--tool-color) 5%,var(--fk-surface)));border-color:color-mix(in srgb,var(--tool-color) 27%,transparent);box-shadow:inset 0 1px 0 #ffffff09,0 5px 14px #00000012;transition:background .15s,transform .15s,border-color .15s}
#app .fk-tool-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--tool-color) 13%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tool-color) 17%,transparent)}
html body #app .fk-tool-grid button img{width:29px;height:29px;display:block}
#app .fk-tool-grid strong{text-align:left;font-size:14px;line-height:1.35;font-weight:650;max-width:calc(100% - 12px)}
#app .fk-tool-arrow{position:absolute;right:15px;top:18px;color:var(--tool-color);opacity:.6;font-size:17px}
#app .fk-tool-grid button:hover{border-color:var(--tool-color);background:color-mix(in srgb,var(--tool-color) 17%,var(--fk-surface));transform:translateY(-2px)}
#app .fk-tool-grid button:active{transform:scale(.98)}
#app .fk-workbench{border-radius:22px;padding:24px;gap:24px;background:linear-gradient(120deg,#1c2637,#151921);box-shadow:inset 0 1px 0 #ffffff08;border-color:#90b8ea29}
#app .fk-workbench-copy h2{font-size:26px;line-height:1.15;letter-spacing:-.65px}
#app .fk-workbench-copy>p:not(.fk-overline){font-size:13px;line-height:1.6;color:#abb9cc}
#app .fk-workbench-image{border-radius:16px;box-shadow:0 8px 24px #0003}
#app .fk-workbench .fk-primary{border-radius:12px;background:#9bd3ff;box-shadow:inset 0 1px 0 #ffffff60,0 3px 12px #0002}
#app .fk-reference{background:var(--fk-surface);border-radius:22px}
#app .fk-row{padding:18px 0}
#app .fk-row strong{font-size:14px}
#app .fk-reference-note{border-top:1px solid var(--fk-edge);padding-top:16px}
#app .fk-reference .fk-row:last-of-type{border-bottom:0}
html[data-appearance="light"] #app .fk-heading{background:radial-gradient(ellipse at 100% 0,#53a6f51a,transparent 65%),#f1f5fa;border-color:#8aabd544}
html[data-appearance="light"] #app .fk-heading .fk-overline{color:#45678b!important}
html[data-appearance="light"] #app .fk-heading>div>p:not(.fk-overline){color:#4c6078}
html[data-appearance="light"] #app .fk-workbench-copy>p:not(.fk-overline){color:#4c6078}
@media(max-width:700px){#app .fk-heading{padding:20px 18px}#app .fk-heading>div>p:not(.fk-overline){font-size:13px;line-height:1.6}#app .fk-tools-heading>span{display:none}#app .fk-tool-grid{gap:8px}#app .fk-tool-grid button{padding:13px 10px;min-height:127px;gap:13px;border-radius:17px}#app .fk-tool-symbol{width:41px;height:41px;border-radius:12px}html body #app .fk-tool-grid button img{width:27px;height:27px}#app .fk-tool-grid strong{font-size:11px;max-width:100%}#app .fk-tool-arrow{font-size:13px;right:9px;top:13px}#app .fk-workbench{padding:18px;gap:14px;grid-template-columns:minmax(0,1fr) 88px}#app .fk-workbench-copy h2{font-size:23px}#app .fk-workbench-image{border-radius:12px}}
@media(prefers-reduced-motion:reduce){#app .fk-tool-grid button{transition:none;transform:none}}

/* Isolated review controls; not part of the proposed product navigation. */
#app .fk-palette-review{padding:0 0 20px;margin:0 0 20px;border-bottom:1px dashed var(--fk-edge)}
#app .fk-palette-review>span{display:block;font:600 10px/1.4 inherit;letter-spacing:1.3px;color:var(--fk-muted);margin-bottom:10px}
#app .fk-palette-review>div{display:flex;gap:6px}
#app .fk-palette-review button{flex:1;min-height:44px;padding:10px 8px;border:1px solid var(--fk-edge);border-radius:11px;background:transparent;color:var(--fk-ink);font-family:inherit;font-weight:650;font-size:12px;cursor:pointer}
#app .fk-palette-review button[aria-pressed=true]{background:var(--fk-ink);color:var(--fk-surface);border-color:var(--fk-ink)}
html[data-fk-palette]{--fk-surface:#191a1d;--fk-ink:#f5f5f7;--fk-muted:#afb1b8;--study-panel:#191b20;--study-end:#121316;--study-line:#ffffff22;--study-action:#d4e7f9;--study-action-ink:#192837;--study-wash:4%}
html[data-fk-palette="cool"]{--fk-surface:#141d29;--fk-ink:#f1f7ff;--fk-muted:#aabbd0;--study-panel:#1b3049;--study-end:#111c2b;--study-line:#7cbaff33;--study-action:#8acaff;--study-action-ink:#102b41;--study-wash:10%}
html[data-fk-palette="warm"]{--fk-surface:#211f1c;--fk-ink:#faf6ed;--fk-muted:#bdb7ac;--study-panel:#302a22;--study-end:#1f1d1a;--study-line:#dcc8a433;--study-action:#f0cd91;--study-action-ink:#352a18;--study-wash:5%}
html[data-fk-palette] #app :is(.fk-heading,.fk-workbench){background:linear-gradient(125deg,var(--study-panel),var(--study-end));border-color:var(--study-line)}
html[data-fk-palette] #app .fk-heading::after{border-color:var(--study-line);box-shadow:none;opacity:.35}
html[data-fk-palette] #app .fk-heading .fk-overline{color:var(--fk-muted)!important}
html[data-fk-palette] #app .fk-heading>div>p:not(.fk-overline),html[data-fk-palette] #app .fk-workbench-copy>p:not(.fk-overline){color:var(--fk-muted)}
html[data-fk-palette] #app .fk-tool-grid button{--tool-color:#7eb8ea;background:linear-gradient(135deg,color-mix(in srgb,var(--tool-color) var(--study-wash),var(--fk-surface)),var(--fk-surface));border-color:var(--study-line)}
html[data-fk-palette] #app .fk-tool-grid button:nth-child(2){--tool-color:#7eb8ea}
html[data-fk-palette] #app .fk-tool-grid button:nth-child(3){--tool-color:#ffda29}
html[data-fk-palette] #app .fk-tool-grid button:nth-child(4){--tool-color:#ffa33f}
html[data-fk-palette] #app .fk-tool-grid button:nth-child(5){--tool-color:#7eb8ea}
html[data-fk-palette] #app .fk-tool-grid button:nth-child(6){--tool-color:#b0bbc9}
html[data-fk-palette] body #app .fk-tool-grid button:nth-child(2) img{filter:brightness(0) saturate(100%) invert(70%) sepia(54%) saturate(1172%) hue-rotate(178deg)}
html[data-fk-palette] body #app .fk-tool-grid button:nth-child(6) img{filter:brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(420%) hue-rotate(176deg)}
html[data-fk-palette] #app .fk-tool-grid button:hover{border-color:var(--tool-color)}
html[data-fk-palette] #app .fk-workbench .fk-primary{background:var(--study-action);color:var(--study-action-ink)}
html[data-fk-palette="warm"] #app .fk-tool-grid button:not(:nth-child(3)):not(:nth-child(4)){--tool-color:#d9c7a6}
html[data-fk-palette="warm"] body #app .fk-tool-grid button:not(:nth-child(3)):not(:nth-child(4)) img{filter:brightness(0) saturate(100%) invert(85%) sepia(18%) saturate(423%) hue-rotate(356deg)}
html[data-appearance="light"][data-fk-palette]{--fk-surface:#f5f5f6;--fk-ink:#20242a;--fk-muted:#59616d;--study-panel:#edf0f4;--study-end:#f7f8fa;--study-line:#18283b24}
html[data-appearance="light"][data-fk-palette="cool"]{--fk-surface:#edf4fc;--study-panel:#dcecff;--study-end:#f1f7ff;--study-line:#5088c638}
html[data-appearance="light"][data-fk-palette="warm"]{--fk-surface:#f7f3ec;--fk-ink:#302b24;--fk-muted:#6a6053;--study-panel:#eee3d2;--study-end:#faf6ef;--study-line:#886e4438}
@media(max-width:400px){#app .fk-palette-review button{font-size:10px;padding:9px 3px}}

/* Selected direction: charcoal foundations with restrained cool-blue depth. */
html[data-fk-palette="balanced"]{--fk-surface:#181c23;--fk-ink:#f3f6fb;--fk-muted:#b0bac8;--study-panel:#202936;--study-end:#15191f;--study-line:#8eacd42c;--study-action:#a4d2f6;--study-action-ink:#162c40;--study-wash:7%}
html[data-appearance="light"][data-fk-palette="balanced"]{--fk-surface:#f1f4f8;--fk-ink:#202b38;--fk-muted:#536377;--study-panel:#e5edf7;--study-end:#f5f7fa;--study-line:#6485ad30}