@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/dm-sans-500.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/dm-sans-600.ttf') format('truetype')}
:root{--paper:#FCF3EB;--surface:#FFFAF5;--ink:#264A50;--deep-dark:#153439;--sky:#84D7DC;--sky-dark:#2FB2B8;--ai:#FCBC92;--ai-hover:#FAA46A;--need:#E4D5C3;--line:#BCAB96;--gap:#93472F;--type-title:clamp(32px,3vw,56px);--type-primary:clamp(18px,1.3vw,25px);--type-body:clamp(15px,1vw,19px);--type-small:clamp(12px,.82vw,15px);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--sky-dark);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border-radius:0}button,textarea{appearance:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.workspace{max-width:2080px;margin:auto;padding:30px clamp(24px,5vw,100px) 48px}.mast{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(38px,4.2vw,80px);font-size:var(--type-small)}.back-link{display:flex;align-items:center;gap:10px;text-decoration:none}.back-link:hover{text-decoration:underline;text-underline-offset:5px}.mast-label{opacity:.75}.intro{margin-bottom:clamp(30px,3vw,56px)}h1{font-size:var(--type-title);font-weight:500;letter-spacing:-.035em;line-height:1.12}.intro>p,.result-header p{font-size:var(--type-body);font-weight:400;line-height:1.5;margin-top:16px;max-width:70ch}.entry-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(36px,6vw,112px)}.section-title,.section-head h2{font-size:var(--type-primary);font-weight:500;line-height:1.3}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-head>span{font-size:var(--type-small)}.field-help{font-size:var(--type-small);line-height:1.5;margin:10px 0 20px}.idea-panel{display:flex;flex-direction:column;align-items:stretch}.idea-panel textarea{width:100%;min-height:290px;flex:1;resize:vertical;background:var(--surface);border:1px solid var(--line);padding:24px;font-size:var(--type-body);line-height:1.6;max-height:680px}.idea-panel textarea::placeholder{color:#617677}.input-foot{display:flex;justify-content:flex-end;gap:16px;font-size:var(--type-small);line-height:1.5;margin-top:12px}.ratings-list{display:flex;flex-direction:column;gap:20px}.rating-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.rating-label{font-size:var(--type-body);font-weight:500;line-height:1.3}.rating-value{display:grid;place-items:center;min-width:30px;min-height:28px;padding:2px 5px;font-size:var(--type-body);line-height:1;font-weight:500;background:var(--need)}.rating-input{appearance:none;display:block;width:100%;height:20px;padding:0;margin:7px 0 1px;background:transparent;cursor:pointer}.rating-input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--ink) 0 var(--fill),var(--line) var(--fill) 100%)}.rating-input::-moz-range-track{height:3px;background:var(--line)}.rating-input::-moz-range-progress{height:3px;background:var(--ink)}.rating-input::-webkit-slider-thumb{appearance:none;border:2px solid var(--paper);outline:1px solid var(--ink);border-radius:50%;width:17px;height:17px;background:var(--ink);margin-top:-7px}.rating-input::-moz-range-thumb{border:2px solid var(--paper);outline:1px solid var(--ink);border-radius:50%;width:13px;height:13px;background:var(--ink)}.rating-anchors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:var(--type-small);line-height:1.35}.rating-anchors span:nth-child(2){text-align:center}.rating-anchors span:last-child{text-align:right}.submit-row{display:flex;justify-content:flex-end;align-items:center;gap:24px;margin-top:44px;padding-top:28px}.small-note,.availability-note{font-size:var(--type-small);line-height:1.5;max-width:50ch}.button{display:inline-flex;justify-content:center;align-items:center;gap:36px;border:1px solid var(--ink);padding:18px 26px;min-height:62px;font-size:var(--type-primary);font-weight:500;line-height:1.3}.button.primary{background:var(--ink);color:var(--paper)}.button:hover:enabled{background:var(--deep-dark)}.button:disabled{opacity:.6}.submit-arrow{font-size:var(--type-primary)}.spinner{display:none;width:21px;height:21px;border:2px solid #FCF3EB50;border-top-color:var(--paper);border-radius:50%;animation:spin .9s linear infinite}.is-loading .spinner{display:block}.is-loading .submit-arrow{display:none}.form-status{font-size:var(--type-body);line-height:1.5;padding:16px 20px;margin-top:24px;background:var(--need);border-left:3px solid var(--ink)}.form-status[data-kind=error]{background:#93472F0D;border-color:var(--gap);color:var(--gap)}.availability-note{margin-top:16px}.text-button{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:6px 0;font-size:var(--type-small);font-weight:500;line-height:1.4;display:inline-flex;gap:20px;align-items:center;justify-content:space-between;text-decoration:none}.text-button:hover{color:var(--deep-dark);border-bottom-width:2px;padding-bottom:5px}.result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;margin-bottom:34px}.result-header>div{min-width:0}.result-header .text-button{white-space:nowrap;flex-shrink:0}.result-header h1{max-width:27ch;overflow-wrap:anywhere}.result-header p{max-width:76ch}.result-toolbar{display:flex;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:36px}.fit-summary{display:flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid var(--line);background:var(--surface);min-height:76px}.fit-emblem{display:grid;place-items:center;width:34px;height:34px;font-size:var(--type-primary);font-weight:500;flex-shrink:0;background:var(--gap);color:var(--paper)}.fit-copy{display:flex;flex-direction:column;gap:4px}.fit-copy strong{font-size:var(--type-primary);font-weight:500;line-height:1.3}.fit-copy>span{font-size:var(--type-small);line-height:1.4}.fit-progress{display:flex;gap:5px;margin-left:12px}.fit-progress i{display:grid;place-items:center;width:18px;height:24px;border:1px solid var(--line);font-style:normal;font-size:var(--type-small)}.fit-progress .filled{background:var(--ink);color:var(--paper);border-color:var(--ink)}.fit-progress .missing{background:repeating-linear-gradient(-45deg,transparent 0 4px,#93472F70 4px 5px),var(--paper);border-color:var(--gap)}.fit-summary[data-state=complete]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.fit-summary[data-state=complete] .fit-emblem,.fit-summary[data-state=complete] .filled{background:var(--sky);border-color:var(--sky);color:var(--ink)}.ai-button{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 22px;border:1px solid var(--ai);background:var(--ai);font-size:var(--type-primary);font-weight:500;line-height:1.3;text-align:left}.ai-button:hover{background:var(--ai-hover);border-color:var(--ai-hover)}.ai-button[aria-pressed=true]{border-color:var(--ink)}.toggle{background:var(--paper);border:1px solid var(--ink);width:38px;height:24px;padding:3px;flex-shrink:0}.toggle i{display:block;width:16px;height:16px;background:var(--ink);transition:transform .2s}.ai-button[aria-pressed=true] .toggle i{transform:translateX(14px)}.visual-stage{display:grid;grid-template-columns:185px minmax(0,1fr);gap:clamp(32px,4vw,72px);margin:0 0 44px}.chart-aside{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding-top:8px}.legend{display:flex;flex-direction:column;gap:15px;font-size:var(--type-small);line-height:1.5}.legend span{display:flex;align-items:flex-start;gap:10px}.legend i{width:12px;height:12px;flex-shrink:0;margin-top:.3em}.need-key{background:var(--need);border:1px solid var(--line)}.own-key{background:var(--ink)}.ai-key{background:var(--ai)}.scale-note{font-size:var(--type-small);line-height:1.6}.chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:minmax(220px,1fr) 3.1em;column-gap:20px;row-gap:13px;min-width:0;height:clamp(350px,42vh,540px);font-size:var(--type-primary)}.chart-grid{grid-column:1/-1;grid-row:1;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent calc(20% - 1px),var(--need) calc(20% - 1px),var(--need) 20%);pointer-events:none}.column{display:grid;grid-template-rows:subgrid;grid-row:1/3;min-width:0;position:relative}.track{min-height:0;position:relative}.need,.own,.boost,.gap-zone{position:absolute;bottom:0;transition:height .55s cubic-bezier(.2,.8,.2,1),bottom .55s cubic-bezier(.2,.8,.2,1)}.need{width:82%;left:9%;background:var(--need)}.own,.boost{left:22%;width:56%;background:var(--ink)}.boost{background:var(--ai)}.gap-zone{left:9%;width:82%;background:repeating-linear-gradient(-45deg,transparent 0 7px,#93472F80 7px 9px),var(--paper);border-left:1px dashed var(--gap);border-right:1px dashed var(--gap)}.threshold{position:absolute;left:2%;width:96%;border-top:2px solid var(--ink);z-index:3;transition:bottom .55s cubic-bezier(.2,.8,.2,1)}.threshold-marker{position:absolute;right:0;top:-12px;display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--ink);font-size:var(--type-small);font-weight:500;line-height:1;background:var(--sky)}.column[data-state=gap] .threshold{border-top-style:dashed;border-color:var(--gap)}.column[data-state=gap] .threshold-marker{background:var(--gap);border-color:var(--gap);color:var(--paper)}.row-label{font-size:var(--type-primary);line-height:1.3;font-weight:500}.details-panel{border-top:1px solid var(--line);padding:20px 0}.details-panel summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:var(--type-body);font-weight:500;line-height:1.5}.details-panel summary::-webkit-details-marker{display:none}.details-panel summary>span{font-size:var(--type-primary)}.details-panel[open] summary>span{transform:rotate(45deg)}.details-panel[open]>.field-help{margin:12px 0 28px}.ratings-grid,.reason-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px}.reason-card h3{font-size:var(--type-body);font-weight:500;line-height:1.4;margin-bottom:12px}.reason-card p{font-size:var(--type-small);line-height:1.6}.reason-card .ai-reason{margin-top:12px;padding-left:12px;border-left:3px solid var(--ai)}.assumptions{margin-top:36px;max-width:80ch;font-size:var(--type-small);line-height:1.6}.assumptions h2{font-size:var(--type-body);font-weight:500}.assumptions ul{padding-left:22px;margin:12px 0 0}.result-note{font-size:var(--type-small);line-height:1.5;margin-top:30px}.celebrate{animation:fit-arrival .65s cubic-bezier(.2,.8,.2,1)}.celebrate .filled{animation:fit-tick .5s both}.celebrate .filled:nth-child(2){animation-delay:.06s}.celebrate .filled:nth-child(3){animation-delay:.12s}.celebrate .filled:nth-child(4){animation-delay:.18s}.celebrate .filled:nth-child(5){animation-delay:.24s}.celebrate .filled:nth-child(6){animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fit-arrival{0%{transform:translateY(5px);background:var(--sky);color:var(--ink)}100%{transform:translateY(0);background:var(--ink);color:var(--paper)}}@keyframes fit-tick{0%{transform:translateY(4px);opacity:.3}100%{transform:translateY(0);opacity:1}}
@media(min-width:1500px) and (min-height:900px){.workspace{padding-top:40px}.mast{margin-bottom:56px}.ratings-list{gap:24px}.idea-panel textarea{min-height:400px}.rating-value{min-width:36px;min-height:32px}.result-header{margin-bottom:36px}}
@media(max-width:1100px){.entry-grid{gap:40px}.rating-anchors{gap:8px}.visual-stage{grid-template-columns:150px minmax(0,1fr);gap:28px}.chart{column-gap:12px;grid-template-rows:minmax(220px,1fr) 3.9em}.fit-progress{display:none}.ratings-grid,.reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.result-toolbar{gap:16px}.ai-button{font-size:var(--type-body)}}
@media(max-width:760px){:root{--type-title:32px;--type-primary:18px;--type-body:15px;--type-small:12px}.workspace{padding:22px 20px 36px}.mast{margin-bottom:38px;gap:12px}.mast-label{display:none}.entry-grid{grid-template-columns:1fr;gap:38px}.intro{margin-bottom:32px}.intro>p{max-width:30ch}.idea-panel textarea{min-height:200px;padding:18px;max-height:500px}.ratings-list{gap:24px}.submit-row{flex-direction:column-reverse;align-items:stretch;gap:20px;margin-top:32px;padding-top:0}.button{width:100%;gap:24px;min-height:60px}.form-status{padding:14px}.result-header{flex-direction:column;gap:20px;margin-bottom:26px}.result-header h1{max-width:none}.result-header p{margin-top:12px}.result-toolbar{flex-direction:column;gap:16px;margin-bottom:30px}.fit-summary{padding:12px;gap:12px;min-height:76px}.ai-button{justify-content:center;padding:14px;font-size:var(--type-body)}.visual-stage{display:block;margin-bottom:34px}.chart-aside{padding:0;display:grid;grid-template-columns:1fr auto;gap:16px 20px;align-items:center;margin-bottom:28px}.legend{gap:8px}.legend span{gap:8px}.legend i{width:10px;height:10px}.scale-note{display:none}.chart-aside .text-button{font-size:var(--type-small);gap:10px}.chart{height:340px;column-gap:7px;row-gap:12px;font-size:var(--type-small);grid-template-rows:minmax(200px,1fr) 4.8em}.row-label{font-size:var(--type-small);overflow-wrap:anywhere;line-height:1.35}.threshold-marker{width:17px;height:17px;top:-9px;font-size:var(--type-small)}.ratings-grid,.reason-grid{grid-template-columns:1fr;gap:28px}.details-panel{padding:18px 0}.result-note{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.rating-hint{font-size:var(--type-small);line-height:1.4;margin-top:9px;max-width:55ch}
.chart-scroll{min-width:0}.chart-scroll:focus-visible{outline:3px solid var(--sky-dark);outline-offset:6px}.chart-scroll-hint{display:none}.result-header p,.reason-card p,.assumptions,.form-status{overflow-wrap:anywhere}
@media(min-width:1500px) and (min-height:900px){.mast{margin-bottom:32px}.intro{margin-bottom:32px}.ratings-list{gap:14px}.rating-value{min-height:28px}.submit-row{margin-top:24px;padding-top:20px}}
@media(max-width:760px){.chart-scroll{overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-color:var(--line) var(--paper);scrollbar-width:thin}.chart{min-width:660px;grid-template-rows:minmax(200px,1fr) 2.8em;column-gap:16px;height:310px}.row-label{overflow-wrap:normal}.visual-stage{margin-bottom:12px}.chart-scroll-hint{display:block;font-size:var(--type-small);line-height:1.5;margin:0 0 28px}.chart-scroll:focus-visible{outline-offset:3px}}