:root{
  --ink:#173b34;
  --green:#24755f;
  --deep:#103f35;
  --mint:#dff1e9;
  --paper:#fffdf8;
  --gold:#b97c35;
  --gold-soft:#fff4df;
  --muted:#647871;
  --line:#cadfd6;
  --soft:#edf6f1;
  --danger:#a74733;
  --shadow:0 22px 70px rgba(20,62,52,.14);
}
*{box-sizing:border-box}
html{min-height:100%;background:#123e35}
body{
  min-height:100vh;
  margin:0;
  color:var(--ink);
  background:radial-gradient(circle at 82% 5%,rgba(244,210,147,.58),transparent 24rem),linear-gradient(145deg,#edf6f1,#fbf4e6 56%,#e4f0e9);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
button,textarea,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e8b75d;outline-offset:3px}
[hidden]{display:none!important}
.shell{width:min(100%,720px);min-height:100vh;margin:auto;padding:18px 14px max(36px,env(safe-area-inset-bottom))}
.topbar,.compact-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.back,.text-button{padding:0;border:0;color:var(--green);background:none;font-size:13px;font-weight:900;text-decoration:none}
.preview-pill{padding:7px 10px;border:1px solid rgba(31,114,93,.22);border-radius:99px;color:var(--green);background:rgba(255,255,255,.68);font-size:11px;font-weight:850}
.view{animation:fade-in .2s ease}
.hero{padding:27px 23px 25px;border-radius:28px 28px 0 0;color:#fff;background:linear-gradient(145deg,#0f493c,#24755f)}
.hero+.card{border-radius:0 0 28px 28px;border-top:0}
.hero h1{margin:0;font-size:clamp(34px,9vw,48px);line-height:1.12;letter-spacing:-.05em}
.hero>p:last-child{margin:12px 0 0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.7}
.eyebrow{margin:0 0 9px;color:#f0cf98;font-size:12px;font-weight:950;letter-spacing:.06em}
.eyebrow.dark{margin-bottom:5px;color:var(--green)}
.card{border:1px solid rgba(31,114,93,.18);border-radius:24px;background:rgba(255,253,248,.97);box-shadow:var(--shadow)}
.input-card{padding:22px}
.use-note{padding:21px 22px}
.use-note h2{margin:0;font-size:22px}
.use-note ol{margin:13px 0 0;padding-left:22px;color:#425f57;font-size:13px;line-height:1.85}
.use-note>p{margin:12px 0 0;padding:10px 12px;border-radius:12px;color:var(--muted);background:var(--soft);font-size:11px;line-height:1.6}
label{display:block;margin-bottom:8px;font-size:14px;font-weight:900}
textarea{display:block;width:100%;resize:vertical;padding:14px 15px;border:1.5px solid var(--line);border-radius:16px;outline:0;color:var(--ink);background:#fff;font-size:15px;line-height:1.65}
textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(31,114,93,.11)}
.example-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.example-row button,.quick-options button{min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:99px;color:#4b6961;background:#f4f8f6;font-size:11px;font-weight:800}
.field-error{min-height:18px;margin:7px 0;color:var(--danger);font-size:12px;font-weight:750}
.primary{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;border:0;border-radius:15px;color:#fff;background:var(--green);font-weight:950;box-shadow:0 10px 24px rgba(36,117,95,.18)}
.primary,.secondary{text-decoration:none}
.primary:active{transform:translateY(1px)}
.primary:disabled{cursor:not-allowed;opacity:.5}
.local-note{margin:11px 2px 0;color:var(--muted);font-size:11px;line-height:1.6;text-align:center}
.recommendation{margin-top:16px;padding:20px;border-color:#9ec5b5;background:linear-gradient(145deg,#edf8f2,#fffdf8)}
.section-kicker{display:block;margin-bottom:5px;color:var(--green);font-size:11px;font-weight:950}
.recommend-label{margin:10px 0 3px;color:var(--muted);font-size:12px}
.recommendation h2{margin:0;font-size:25px;line-height:1.32;letter-spacing:-.03em}
.recommendation>p:not(.recommend-label):not(.recommend-why){margin:9px 0 18px;color:#506c64;font-size:13px;line-height:1.65}
.secondary-actions{display:flex;justify-content:center;gap:22px;margin-top:14px}
.secondary-actions button,.skip-button{padding:4px 0;border:0;color:var(--green);background:none;font-size:12px;font-weight:850;text-decoration:underline;text-underline-offset:4px}
.recommend-why{margin:14px 0 0!important;padding:12px 13px;border-radius:13px;color:#4e675f!important;background:#fff;font-size:12px!important}
.support-picker{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:24px;background:rgba(255,253,248,.9)}
.section-heading h2{margin:0;font-size:23px;line-height:1.35;letter-spacing:-.025em}
.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.scenario-button{display:flex;min-height:104px;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px;border:1px solid var(--line);border-radius:17px;color:var(--ink);background:#fff;text-align:left}
.scenario-button:hover{border-color:#8bb7a6;background:#f6faf8}
.scenario-button strong,.scenario-button small{display:block}
.scenario-button strong{font-size:14px;line-height:1.45}
.scenario-button small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}
.scenario-button b{color:var(--green);font-size:18px}
.boundary{margin-top:16px;box-shadow:none}
.boundary summary,.method-info>summary{padding:16px 18px;color:var(--green);font-size:13px;font-weight:900;cursor:pointer}
.boundary>div{padding:0 18px 16px;border-top:1px solid var(--line)}
.boundary p{margin:13px 0 0;color:#526c65;font-size:12px;line-height:1.75}
.step-label{color:var(--muted);font-size:12px;font-weight:850}
.method-card{overflow:hidden}
.method-title{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:22px;background:linear-gradient(145deg,#edf7f2,#fffaf0)}
.method-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:14px;color:#fff;background:var(--green);font-size:18px}
.method-title h1{margin:0;font-size:27px;line-height:1.25;letter-spacing:-.035em}
.method-title p:last-child{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.prompt-use{padding:18px}
.prompt-when{margin-bottom:16px;padding:14px 15px;border-radius:15px;background:var(--soft)}
.prompt-when p{margin:0;color:#4d6961;font-size:13px;line-height:1.65}
.prompt-use>label,.prompt-copy-label{margin:0 0 9px;color:var(--ink);font-size:12px;font-weight:850}
#promptText{min-height:320px;color:#284840;background:#fff;resize:vertical;font-size:13px;line-height:1.75}
.prompt-use .primary{margin-top:0}
.prompt-use>#copyPrompt{min-height:50px}
.prompt-preview{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.prompt-preview summary{padding:12px 14px;color:var(--green);font-size:12px;font-weight:850;cursor:pointer}
.prompt-preview[open] summary{border-bottom:1px solid var(--line)}
.prompt-preview textarea{border:0;border-radius:0 0 14px 14px}
.copy-status{min-height:20px;margin:9px 2px 0;color:var(--green);font-size:11px;font-weight:800;line-height:1.55;text-align:center}
.after-copy{margin-top:14px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.after-copy strong{font-size:12px}
.after-copy p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.method-info{margin:0 18px;border:1px solid var(--line);border-radius:17px;background:#fff}
.method-info-body{padding:2px 16px 16px;border-top:1px solid var(--line)}
.method-info-body section{padding-top:13px}
.method-info-body h2{margin:0 0 5px;font-size:13px}
.method-info-body p,.method-info-body ol{margin:0;color:#526c65;font-size:12px;line-height:1.7}
.method-info-body ol{padding-left:19px}
.prompt-details{margin-top:14px;border-radius:12px;background:var(--soft)}
.prompt-details summary{padding:11px 12px;color:var(--green);font-size:12px;font-weight:850;cursor:pointer}
.prompt-details p{padding:0 12px 12px;white-space:pre-line}
.prototype-notice{margin:16px 18px 0;padding:12px 13px;border:1px solid #edd09e;border-radius:13px;color:#77542b;background:var(--gold-soft);font-size:11px;line-height:1.65}
.chat{padding:18px}
.answers-summary{margin-bottom:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.answers-summary summary{padding:11px 13px;color:var(--green);font-size:12px;font-weight:850;cursor:pointer}
.answers-summary>div{padding:0 13px 12px;border-top:1px solid #d8e8e1}
.answer-item{padding-top:10px;color:#536d65;font-size:11px;line-height:1.55}
.answer-item b{display:block;color:var(--ink);font-size:10px}
.message{margin-bottom:13px;padding:15px 16px;border-radius:17px;font-size:15px;font-weight:750;line-height:1.7}
.message.assistant{border-bottom-left-radius:5px;background:var(--mint)}
.quick-options{display:flex;flex-wrap:wrap;gap:7px;margin:-3px 0 13px}
.chat .primary{margin-top:8px}
.skip-button{display:block;margin:13px auto 0}
.method-next{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.method-next p{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.6}
.method-next .primary{box-shadow:0 12px 26px rgba(36,117,95,.22)}
.starter-hero{background:linear-gradient(145deg,#194c41,#8d673c)}
.compact-flow .starter-hero{padding:17px 25px}
.compact-flow .starter-hero .eyebrow,.compact-flow .starter-hero>p:last-child{display:none}
.compact-flow .starter-hero h1{font-size:25px;letter-spacing:-.025em}
.starter-card{padding:21px}
.progress-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:850}
.progress-bar{height:5px;margin:12px 0 23px;border-radius:99px;background:#e6ece8;overflow:hidden}
.progress-bar span{display:block;width:25%;height:100%;border-radius:inherit;background:var(--green);transition:width .22s ease}
.starter-step .step-kicker{margin:0 0 7px;color:var(--green);font-size:12px;font-weight:900}
.starter-step h2{margin:0;font-size:27px;line-height:1.3;letter-spacing:-.035em}
.starter-step>.lead{margin:9px 0 17px;color:var(--muted);font-size:13px;line-height:1.65}
.option-list{display:grid;gap:8px}
.choice{display:flex;width:100%;min-height:52px;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:#fff;text-align:left;font-size:13px;font-weight:800;line-height:1.5}
.choice::before{width:17px;height:17px;flex:0 0 auto;border:1.5px solid #8fb4a7;border-radius:50%;content:''}
.choice.selected{border-color:var(--green);background:var(--mint)}
.choice.selected::before{border:5px solid var(--green)}
.choice.multi-choice::before{border-radius:5px}
.choice.multi-choice.selected::before{border:0;background:var(--green);box-shadow:inset 0 0 0 5px var(--mint)}
.energy-box{margin-top:18px;padding:14px;border-radius:15px;background:var(--soft)}
.energy-box label{margin-bottom:10px}
.energy-options{display:grid;gap:7px}
.energy-choice{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:8px 12px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fff;text-align:left}
.energy-choice>strong{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:var(--green);background:var(--mint);font-size:15px}
.energy-choice>span{font-size:12px;font-weight:900}
.energy-choice small{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:650}
.energy-choice.selected{border-color:var(--green);background:#f5fbf8}
.energy-choice.selected>strong{color:#fff;background:var(--green)}
.status-question{margin-top:15px}
.status-question:first-of-type{margin-top:0}
.status-question h3{margin:0 0 9px;font-size:14px;line-height:1.5}
.status-question-next{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);animation:fade-in .2s ease}
.status-question-next .step-kicker{margin-bottom:6px}
.status-question-next h3{font-size:20px;letter-spacing:-.02em}
.question-help{margin:0 0 11px;color:var(--muted);font-size:12px}
.status-picked{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);animation:fade-in .2s ease}
.status-picked span{color:#506b63;font-size:12px}
.status-picked strong{color:var(--ink);font-size:13px}
.status-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.status-level{display:grid;min-height:70px;align-content:center;justify-items:center;gap:5px;padding:8px 5px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;text-align:center}
.status-level strong{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;color:var(--green);background:var(--mint);font-size:14px}
.status-level span{font-size:10px;font-weight:850;line-height:1.35}
.status-level.selected{border-color:var(--green);background:#f3faf7;box-shadow:0 0 0 1px var(--green)}
.status-level.selected strong{color:#fff;background:var(--green)}
.followup-panel{margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--soft)}
.followup-title{margin:0;color:var(--ink);font-size:14px;font-weight:900}
.followup-help{margin:3px 0 11px;color:var(--muted);font-size:11px}
.followup-panel .choice{background:rgba(255,255,255,.85)}
.number-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.number-row button{min-height:42px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;font-weight:850}
.number-row button.selected{border-color:var(--green);color:#fff;background:var(--green)}
.starter-actions{display:grid;gap:8px;margin-top:19px}
.secondary{display:flex;width:100%;min-height:49px;align-items:center;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:14px;color:var(--green);background:#fff;font-weight:900}
.branch-card{padding:16px;border:1px solid #e6c98f;border-radius:17px;background:var(--gold-soft)}
.branch-card h3{margin:0 0 7px;font-size:18px}
.branch-card p{margin:0;color:#705633;font-size:12px;line-height:1.7}
.form-stack{display:grid;gap:15px}
.form-stack input{width:100%;height:52px;padding:0 14px;border:1.5px solid var(--line);border-radius:14px;outline:0;color:var(--ink);background:#fff}
.form-stack input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(31,114,93,.11)}
.form-help{margin:-7px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.timer{text-align:center}
.timer-display{margin:17px 0 7px;color:var(--green);font-size:58px;font-weight:950;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.timer-task{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.6}
.result-card{padding:17px;border-radius:17px;background:linear-gradient(145deg,#e3f3eb,#fff)}
.result-card h3{margin:0 0 8px;font-size:21px}
.result-card p{margin:0;color:#506b63;font-size:13px;line-height:1.7}
.sprint-result{padding:20px}
.sprint-result .result-label{margin-bottom:7px;color:var(--green);font-size:11px;font-weight:900}
.sprint-result h2{margin:0 0 9px;font-size:24px;line-height:1.35;letter-spacing:-.025em}
.sprint-result .result-task{margin:0 0 10px;padding:8px 10px;border-radius:10px;color:#315b50;background:rgba(255,255,255,.62);font-size:12px}
.sprint-result .result-task strong{color:var(--ink)}
.sprint-result .result-secondary{margin-top:12px;padding-top:12px;border-top:1px solid rgba(31,114,93,.15);color:#315b50;font-weight:750}
.sprint-status-summary{display:grid;gap:9px;margin-top:13px}
.sprint-status-item{padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#fff}
.sprint-status-item span,.sprint-stuck-summary>span,.sprint-plan-row>span,.summary-method>span{display:block;margin-bottom:5px;color:var(--green);font-size:10px;font-weight:900}
.sprint-status-item strong{display:block;font-size:14px;line-height:1.5}
.sprint-status-item p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.sprint-status-line{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.sprint-status-line p{margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:11px;color:#526c65;background:#fff;font-size:11px;line-height:1.45}
.sprint-status-line b{margin-right:6px;color:var(--green)}
.sprint-stuck-summary{margin-top:11px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}
.sprint-stuck-summary p{margin:0;color:#405f57;font-size:12px;line-height:1.7}
.sprint-plan-card{margin-top:13px;overflow:hidden;border:1px solid #e6c98f;border-radius:17px;background:#fff}
.sprint-plan-row{padding:14px 16px;border-top:1px solid #eee0c3}
.sprint-plan-row:first-child{border-top:0}
.sprint-plan-row p,.sprint-plan-row strong{margin:0;color:#4f3c22;font-size:13px;line-height:1.65}
.sprint-plan-row strong{display:block;font-size:15px}
.sprint-plan-now{background:var(--gold-soft)}
.summary-method{margin-top:13px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#fff}
.summary-method strong{display:block;font-size:14px}
.summary-method p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.sprint-answers{margin-top:13px;margin-bottom:0;background:#fff}
.action-card{margin-top:14px;padding:17px;border:1px solid #e6c98f;border-radius:17px;background:var(--gold-soft)}
.action-card p{margin:0 0 6px;color:#8a642f;font-size:11px;font-weight:900}
.action-card strong{display:block;color:#4f3c22;font-size:15px;line-height:1.65}
.result-refine{margin-top:13px;border:1px solid var(--line);border-radius:15px;background:#fff}
.result-refine>summary{padding:13px 15px;color:var(--green);font-size:12px;font-weight:900;cursor:pointer}
.result-refine>div{display:grid;gap:15px;padding:15px;border-top:1px solid var(--line)}
.result-refine section{padding:0}
.result-refine .option-list{margin-top:10px}
.result-refine .choice{min-height:46px;font-size:12px}
.result-refine-inline{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.result-refine-inline>section{margin-top:13px}
.result-refine-inline .option-list{margin-top:9px}
.result-refine-inline .choice{min-height:46px;font-size:12px}
.result-refine-inline .secondary{margin-top:13px}
.first-step-box{margin-top:14px;padding:15px;border:1px solid #e6c98f;border-radius:17px;background:var(--gold-soft)}
.first-step-box label{margin-bottom:9px;color:#5c4628;font-size:13px}
.first-step-box input{width:100%;height:50px;padding:0 13px;border:1.5px solid #dfc48f;border-radius:13px;outline:0;color:var(--ink);background:#fff}
.first-step-box input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(31,114,93,.11)}
.footer{padding-top:22px;color:#5f776f;font-size:11px;text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes fade-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:700px){
  .shell{padding-top:31px}
  .hero{padding:35px 34px 30px}
  .input-card{padding:28px 34px}
  .scenario-list{grid-template-columns:repeat(3,1fr)}
  .sprint-status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .shell{padding-inline:9px}
  .hero{border-radius:23px 23px 0 0}
  .hero+.card{border-radius:0 0 23px 23px}
  .scenario-list{grid-template-columns:1fr}
  .scenario-button{min-height:0}
  .method-title{padding:19px 17px}
  .method-title h1{font-size:24px}
  .starter-card{padding:18px 16px}
  .status-levels{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}