:root{
  --navy:#15334f;--navy2:#0d2841;--sky:#55c7ee;--cream:#fff7e7;--paper:#fffdf5;--yellow:#ffbd36;--orange:#f38b2d;--coral:#ff6e52;--mint:#7ddcae;--green:#45b86f;--teal:#31a7a8;--blue:#4d9ee9;--muted:#627487;--line:rgba(21,51,79,.13);--shadow:0 18px 45px rgba(26,62,91,.16)
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:ui-rounded,"Nunito",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);background:linear-gradient(#5dc9ee 0%,#b9e9f3 54%,#f7e7b5 100%)}button{font:inherit}.hidden{display:none!important}.app-shell{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden}.sky-decor{position:absolute;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.85) 0 5%,transparent 5.2%),radial-gradient(circle at 83% 11%,rgba(255,255,255,.76) 0 6%,transparent 6.2%)}.sky-decor span{position:absolute;background:white;border-radius:999px;opacity:.78;filter:blur(.3px)}.sky-decor span:nth-child(1){width:160px;height:48px;top:12%;left:4%}.sky-decor span:nth-child(2){width:210px;height:58px;top:22%;right:7%}.sky-decor span:nth-child(3){width:130px;height:38px;top:6%;left:48%}.scene-wrap{position:absolute;inset:0;z-index:-1;overflow:hidden}.scene-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(transparent,rgba(255,241,194,.18));pointer-events:none}#scene{width:100%;height:100%}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:absolute;z-index:20;left:0;right:0;top:0;padding:max(12px,env(safe-area-inset-top)) 18px 10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand,.top-actions{pointer-events:auto}.brand{border:0;background:transparent;display:flex;align-items:center;gap:8px;color:white;text-shadow:0 2px 0 rgba(21,51,79,.35);cursor:pointer;text-align:left}.brand-mark{font-size:31px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.15))}.brand b{display:block;font-size:20px;line-height:.9;letter-spacing:.04em;color:#ffbd36;-webkit-text-stroke:1px var(--navy);paint-order:stroke fill}.brand small{font-weight:900;letter-spacing:.12em;font-size:9px}.top-actions{display:flex;gap:7px}.icon-btn,.scene-controls button{border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.82);backdrop-filter:blur(12px);color:var(--navy);box-shadow:0 6px 18px rgba(22,69,95,.12);border-radius:13px;min-width:42px;height:42px;font-weight:900;cursor:pointer}.icon-btn.wide{padding:0 12px}.icon-btn:hover,.scene-controls button:hover{transform:translateY(-1px)}.gesture-hint{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);background:rgba(21,51,79,.84);color:white;padding:8px 13px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;transition:.4s;pointer-events:none}.scene-controls{position:absolute;right:20px;bottom:20px;display:flex;gap:5px}.scene-controls button{width:38px;height:38px;min-width:38px}.scene-status{position:absolute;left:20px;bottom:20px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.88);font-size:11px;font-weight:900;color:var(--navy)}
.ui-sheet{position:absolute;z-index:10;right:18px;top:76px;bottom:18px;width:min(450px,calc(100vw - 36px));overflow:auto;scrollbar-width:thin;background:rgba(255,253,245,.94);border:2px solid rgba(255,255,255,.86);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(17px);padding:24px 24px 13px;display:flex;flex-direction:column}.step{display:none;animation:popin .28s ease}.step.active{display:block}.step h1{font-size:38px;line-height:1.02;margin:8px 0 12px;letter-spacing:-.045em}.step h1 span{color:var(--orange)}.step h2{font-size:24px;line-height:1.08;margin:3px 0 0;letter-spacing:-.025em}.step h3{margin:13px 0 8px;font-size:15px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:1000;color:var(--teal)}.lead{font-size:14px;line-height:1.55;color:#40576e;margin:0 0 16px}.muted{font-size:12.5px;line-height:1.48;color:var(--muted)}.center{text-align:center}.intro-points{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.intro-points span{padding:10px 6px;border-radius:15px;background:#f2fbf5;border:1px solid #d7eee0;text-align:center;font-size:11px;font-weight:900}.soft-note{padding:11px 12px;border-radius:14px;background:#fff5d9;border:1px solid #f0ddb0;color:#665b42;font-size:11.5px;line-height:1.4;margin:12px 0}.primary,.secondary,.ghost{border:0;border-radius:15px;padding:12px 16px;font-weight:1000;cursor:pointer;transition:.18s}.primary{background:linear-gradient(135deg,#ffbd36,#f28a2e);color:#17364f;box-shadow:0 8px 18px rgba(242,138,46,.25)}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px rgba(242,138,46,.32)}.primary:disabled{filter:grayscale(.5);opacity:.45;cursor:not-allowed}.primary.big{width:100%;padding:15px;margin-top:3px;display:flex;justify-content:center;gap:10px}.secondary{background:#edf6f8;color:var(--navy);border:1px solid #cfe5e8}.ghost{background:transparent;color:var(--muted);border:1px dashed #b8cad5}.step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.step-head>div>span{font-size:10px;font-weight:1000;color:var(--teal);letter-spacing:.09em}.mini-count,.pill{font-size:10px;font-weight:1000;padding:7px 10px;border-radius:999px;background:#e8f7f0;color:#268157;white-space:nowrap}.sticky-actions{position:sticky;bottom:-13px;background:linear-gradient(transparent 0,#fffdf5 25%);padding:20px 0 8px;display:grid;grid-template-columns:1fr 1.6fr;gap:8px;z-index:4}
.burden-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.burden-card{border:2px solid transparent;background:white;border-radius:18px;padding:7px;box-shadow:0 6px 16px rgba(20,55,75,.08);cursor:pointer;transition:.2s;position:relative;overflow:hidden}.burden-card:hover{transform:translateY(-2px)}.burden-card.selected{border-color:#44b879;background:#f3fff7}.burden-card.disabled{opacity:.46}.burden-card img{display:block;width:100%;height:104px;object-fit:cover;border-radius:13px;background:#d7f4ff}.burden-card h3{font-size:11px;line-height:1.15;margin:7px 3px 3px}.burden-card p{font-size:9.8px;line-height:1.25;color:var(--muted);margin:0 3px 5px}.selected-check{position:absolute;right:11px;top:11px;width:25px;height:25px;border-radius:50%;background:#45b86f;color:white;display:grid;place-items:center;font-weight:1000;box-shadow:0 4px 10px rgba(0,0,0,.14)}.intensity{display:none;margin:7px 2px 2px;gap:4px}.burden-card.selected .intensity{display:grid;grid-template-columns:repeat(4,1fr)}.intensity button{border:0;border-radius:7px;background:#eef3f5;color:#566c7c;padding:5px 0;font-size:9px;font-weight:900;cursor:pointer}.intensity button.on{background:#ffbd36;color:#17364f}.load-card{background:linear-gradient(145deg,#fff5d6,#e9fbef);border:1px solid #e4d9ad;padding:14px;border-radius:19px;margin:12px 0}.load-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:1000}.load-title b{color:#3f8b67}.load-track{height:18px;border-radius:999px;padding:3px;background:#fff;border:1px solid #d9d5b4;margin:9px 0 3px;overflow:hidden}.load-track div{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#58c779,#ffd34f,#f27845);transition:.5s}.load-legend{display:flex;justify-content:space-between;font-size:9px;color:#7a8791}.reflection-copy{font-size:14px;line-height:1.55;font-weight:750}.selected-summary{display:flex;flex-wrap:wrap;gap:6px}.summary-chip{display:flex;align-items:center;gap:5px;background:#edf6f8;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850}.summary-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover}.focus-card{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;background:white;border-radius:20px;padding:10px;border:1px solid #e2edf0;box-shadow:0 8px 20px rgba(20,55,75,.08);margin:10px 0}.focus-card.compact{grid-template-columns:80px 1fr}.focus-card img{width:100%;aspect-ratio:1;border-radius:15px;object-fit:cover}.focus-card h3{font-size:16px;margin:0 0 4px}.focus-card p{font-size:11px;color:var(--muted);margin:0}.control-zones,.mode-grid{display:grid;gap:7px}.zone,.mode{border:2px solid transparent;border-radius:16px;padding:10px;text-align:left;display:grid;grid-template-columns:34px 1fr;column-gap:4px;background:white;cursor:pointer;transition:.18s;color:var(--navy)}.zone span,.mode span{grid-row:1/3;font-size:24px;align-self:center}.zone b,.mode b{font-size:12px}.zone small,.mode small{font-size:9.5px;color:#657887;line-height:1.25}.zone.change{background:#eefbf2;border-color:#bce5c7}.zone.influence{background:#fff7de;border-color:#f5dda1}.zone.outside{background:#edf6ff;border-color:#bedaf5}.zone:hover,.mode:hover{transform:translateX(2px)}.handle-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.handle-item{position:relative;background:white;border:2px solid transparent;border-radius:16px;padding:8px;cursor:pointer}.handle-item.selected{border-color:#f4a62e;background:#fff8e8}.handle-item img{width:100%;height:82px;object-fit:cover;border-radius:11px}.handle-item b{display:block;font-size:10.5px;margin-top:5px}.handle-item small{font-size:9px;color:var(--muted)}.handle-action-area{margin-top:14px;padding-top:12px;border-top:1px dashed #c7d7dd}.mode-grid{grid-template-columns:1fr}.mode.release{background:#ecfaef;border-color:#bde3c7}.mode.setaside{background:#fff6df;border-color:#f0d59b}.mode.reframe{background:#ecf6ff;border-color:#bad7f0}.mode.done{box-shadow:inset 0 0 0 3px rgba(21,51,79,.12)}.action-list{display:grid;gap:12px}.action-block{background:white;border:1px solid #e0ecef;border-radius:18px;padding:11px}.action-block-head{display:flex;align-items:center;gap:9px}.action-block-head img{width:52px;height:52px;object-fit:cover;border-radius:12px}.action-block-head b{font-size:12px}.action-block-head small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.action-options{display:grid;gap:6px;margin-top:9px}.action-option{border:1px solid #dbe7e9;background:#f8fbfb;border-radius:12px;padding:9px 10px;text-align:left;color:#345169;font-size:11px;cursor:pointer}.action-option.selected{background:#eefbf3;border-color:#59bd7d;box-shadow:inset 0 0 0 1px #59bd7d}.result-hero{display:flex;gap:11px;align-items:flex-start}.result-hero>span{font-size:32px}.result-hero h2{font-size:22px}.result-section{background:white;border:1px solid #e1eaeb;border-radius:18px;padding:12px;margin:12px 0}.result-section h3{font-size:12px;margin:0 0 9px}.result-line{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed #e3ebed}.result-line:last-child{border-bottom:0}.result-line img{width:38px;height:38px;border-radius:10px;object-fit:cover}.result-line b{font-size:11px}.result-line small{display:block;color:var(--muted);font-size:9.5px;line-height:1.25;margin-top:2px}.quote{padding:15px;border-radius:18px;background:linear-gradient(135deg,#eefaf2,#fff5da);font-weight:900;line-height:1.45;font-size:13px;text-align:center}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.result-actions .primary,.result-actions .ghost{grid-column:1/-1}footer{margin-top:auto;padding-top:12px;text-align:center;font-size:9px;color:#758795;border-top:1px solid #e5edef}
.modal{position:fixed;inset:0;z-index:100;background:rgba(8,30,47,.55);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal-card{position:relative;width:min(470px,100%);background:#fffdf5;border-radius:26px;padding:26px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.modal-card h2{font-size:28px;margin:4px 0 10px}.modal-card p{font-size:13px;line-height:1.55;color:#4f6575}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#eef4f6;color:var(--navy);width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}.copyright{font-size:10px!important;color:#7c8c98!important}.exit-explore{position:fixed;z-index:80;left:18px;bottom:18px;border:0;border-radius:15px;background:rgba(255,255,255,.9);color:var(--navy);padding:12px 16px;font-weight:1000;box-shadow:var(--shadow)}.explore .ui-sheet,.explore .topbar{opacity:0;pointer-events:none}.explore .scene-wrap{z-index:40}.explore .gesture-hint{bottom:72px}.explore .scene-controls{bottom:72px}
@keyframes popin{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}
@media(max-width:760px){html,body{height:100svh}.scene-wrap{height:47svh;bottom:auto}.topbar{padding-left:12px;padding-right:12px}.brand small{display:none}.brand b{font-size:18px}.brand-mark{font-size:27px}.icon-btn{height:38px;min-width:38px}.icon-btn.wide span{display:none}.ui-sheet{top:auto;right:0;left:0;bottom:0;width:100%;height:55svh;border-radius:25px 25px 0 0;border-width:2px 0 0;padding:18px 16px max(8px,env(safe-area-inset-bottom));box-shadow:0 -12px 35px rgba(25,58,76,.18)}.step h1{font-size:29px}.step h2{font-size:20px}.gesture-hint{bottom:9px;font-size:9px;padding:6px 9px;max-width:84%;overflow:hidden;text-overflow:ellipsis}.scene-controls{right:10px;bottom:10px;flex-direction:column}.scene-controls button{width:34px;height:34px;min-width:34px}.scene-status{left:10px;bottom:10px;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.burden-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.burden-card{padding:6px}.burden-card img{height:87px}.burden-card h3{font-size:10px}.burden-card p{font-size:9px}.sticky-actions{bottom:-8px;padding-bottom:3px}.focus-card{grid-template-columns:92px 1fr}.intro-points span{font-size:9.5px}.handle-list{grid-template-columns:1fr 1fr}.explore .scene-wrap{height:100svh;inset:0}.explore .gesture-hint{bottom:18px}.explore .scene-controls{bottom:18px}.explore .exit-explore{bottom:max(18px,env(safe-area-inset-bottom))}}
@media(max-width:370px){.burden-card img{height:75px}.step h1{font-size:26px}.ui-sheet{height:57svh}.scene-wrap{height:45svh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.boot-error{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,84vw);background:rgba(255,253,245,.95);border:2px solid rgba(255,255,255,.9);border-radius:20px;padding:18px;box-shadow:var(--shadow);text-align:center}.boot-error b{display:block;margin-bottom:6px}.boot-error span{font-size:11px;line-height:1.4;color:var(--muted)}

/* v1.1 — guided burden detail + per-item control reflection */
.detail-hint{margin:7px 3px 2px;font-size:9px;font-weight:1000;color:#3a91a8}.packed-badge{display:inline-flex;align-items:center;gap:4px;margin:7px 3px 2px;padding:5px 7px;border-radius:999px;background:#e8f8ee;color:#298558;font-size:8.8px;font-weight:1000}.burden-card.selected{box-shadow:0 8px 20px rgba(52,168,103,.14)}
.burden-detail-modal{align-items:center}.burden-detail-card{width:min(560px,100%);max-height:min(88svh,760px);overflow:auto;padding:22px}.burden-detail-hero{display:grid;grid-template-columns:126px 1fr;gap:15px;align-items:center;margin-bottom:12px}.burden-detail-hero img{width:126px;height:126px;object-fit:cover;border-radius:20px;background:#dff6ff;border:2px solid #fff;box-shadow:0 8px 22px rgba(20,55,75,.12)}.burden-detail-hero h2{font-size:25px;margin:3px 0 5px}.burden-modal-short{margin:0!important;font-size:12px!important}.burden-description{background:#f4f9fa;border:1px solid #dce9ec;color:#425c6e;padding:11px 12px;border-radius:14px;font-size:11.5px;line-height:1.5;margin:9px 0 15px}.form-label,.weight-head label,.control-reflection label{display:block;font-weight:1000;color:var(--navy);font-size:12px;margin-bottom:7px}.burden-detail-card textarea,.control-reflection textarea{width:100%;resize:vertical;border:1.5px solid #cfdee4;background:white;color:var(--navy);border-radius:14px;padding:11px 12px;font:inherit;font-size:12px;line-height:1.45;outline:0;transition:.15s;box-sizing:border-box}.burden-detail-card textarea:focus,.control-reflection textarea:focus{border-color:#44a9bb;box-shadow:0 0 0 3px rgba(68,169,187,.12)}.field-meta{display:flex;justify-content:space-between;gap:12px;margin-top:5px;font-size:8.8px;color:#798a96;line-height:1.3}.field-meta>span:first-child{max-width:82%}.weight-block{margin-top:16px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#fff6dd,#edf9f1);border:1px solid #ead8a7}.weight-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.weight-head label{margin:0}.weight-head b{font-size:11px;background:white;color:#d57b24;border:1px solid #f2d7ac;padding:5px 9px;border-radius:999px;white-space:nowrap}.weight-block input[type=range]{width:100%;accent-color:#f39831;margin:13px 0 6px}.weight-labels{display:grid;grid-template-columns:repeat(4,1fr);font-size:8.5px;color:#7d8790;text-align:center}.weight-labels span:first-child{text-align:left}.weight-labels span:last-child{text-align:right}.burden-modal-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;margin-top:17px}.ghost.danger{color:#a94a44;border-color:#e6bbb6;background:#fff8f7}.burden-modal-actions .primary:only-child{grid-column:1/-1}
.summary-card{width:100%;display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:start;background:#f7fbfb;border:1px solid #dfeaec;padding:8px;border-radius:14px}.summary-card img{width:48px;height:48px;border-radius:11px;object-fit:cover}.summary-card b{font-size:10.5px;display:block}.summary-card small{font-size:8.8px;color:#349064;font-weight:900;display:block;margin-top:1px}.summary-card em{font-size:9px;color:#627788;display:block;font-style:normal;line-height:1.3;margin-top:3px}.selected-summary{display:grid;gap:7px}
.sort-specific{margin-top:8px;padding:8px 9px;border-radius:11px;background:#f5fafb;border:1px solid #e0ecef}.sort-specific span{display:block;font-size:8.5px;color:#6f8391;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.sort-specific b{display:block;font-size:10px;line-height:1.35;margin:3px 0;color:#365267}.sort-specific small{font-size:8.8px;color:#3d9270}.zone.selected{box-shadow:inset 0 0 0 2px rgba(21,51,79,.22),0 5px 14px rgba(20,55,75,.08);transform:translateX(2px)}.control-reflection{margin-top:10px;padding:12px;border-radius:17px;background:white;border:1px solid #dce8eb;box-shadow:0 7px 18px rgba(20,55,75,.07);animation:popin .2s ease}.control-reflection-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.control-reflection-head>span{width:34px;height:34px;border-radius:11px;background:#f1f8f4;display:grid;place-items:center;font-size:20px}.control-reflection-head b{display:block;font-size:12px}.control-reflection-head small{display:block;color:#718491;font-size:8.8px;margin-top:2px}.control-reflection label{line-height:1.4;margin-bottom:7px}.control-answer{margin:6px 0 0;padding:7px 8px;border-radius:9px;background:#f6faf7;color:#4b6658;font-size:9px;line-height:1.35}.result-line em{display:block;font-style:normal;color:#455f70;font-size:9.5px;line-height:1.35;margin-top:3px}

@media(max-width:760px){.burden-detail-modal{padding:0;align-items:end}.burden-detail-card{width:100%;max-height:88svh;border-radius:26px 26px 0 0;padding:18px 16px max(16px,env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(8,30,47,.2)}.burden-detail-hero{grid-template-columns:94px 1fr;gap:11px}.burden-detail-hero img{width:94px;height:94px;border-radius:16px}.burden-detail-hero h2{font-size:20px}.burden-detail-card .modal-close{top:9px;right:10px}.burden-modal-actions{position:sticky;bottom:-16px;background:linear-gradient(transparent,#fffdf5 26%);padding-top:18px;padding-bottom:2px}.control-reflection{padding:10px}.field-meta{font-size:8.2px}}
.handle-item em{display:block;margin-top:4px;font-size:8.5px;font-style:normal;line-height:1.25;color:#657887;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#remove-burden.hidden + #add-burden{grid-column:1/-1}