:root{--navy:#172a43;--yellow:#f5df57;--bg:#f6f7f8;--muted:#7b8491;--line:#e7ebee;--green:#4a8070}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:#edf0f2;font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.8}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b69b10;outline-offset:4px}button{transition:transform .18s,background .18s}button:active{transform:scale(.98)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.65;letter-spacing:-1px;font-weight:800}h2{font-size:18px;line-height:1.7}h3{font-size:16px;line-height:1.8}p{line-height:1.9}small{font-size:11px}em{font-style:normal}#app{max-width:1240px;margin:auto;display:flex;min-height:100vh}.desktop-rail{padding:48px 68px;flex:1;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.desktop-rail:after{content:'';position:absolute;z-index:-1;width:500px;height:500px;border:1px solid #d9dfe3;border-radius:50%;bottom:-250px;left:-80px}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:900;letter-spacing:1px}.brand>span:last-child:not(.keymark){font-size:11px;font-weight:500;letter-spacing:0;margin-left:10px}.keymark{display:inline-grid;place-items:center;background:var(--yellow);width:32px;height:32px;border-radius:10px;line-height:1;font-size:27px;font-weight:500}.rail-copy h2{font-size:39px;line-height:1.65;letter-spacing:-1.8px;margin:25px 0}.rail-copy h2 em{background:linear-gradient(transparent 65%,#f5df5780 65%)}.rail-copy p{color:#74808c;font-size:13px}.rail-route{display:flex;flex-direction:column;margin-top:38px;border-left:1px solid #bcc7cc;gap:14px;padding-left:20px;position:relative;font-size:12px}.rail-route i{position:absolute;width:7px;height:7px;background:var(--navy);border-radius:50%;left:-4px}.rail-route i:nth-of-type(1){top:8px}.rail-route i:nth-of-type(2){top:44px}.rail-route i:nth-of-type(3){top:79px}.desktop-rail>small{color:#8b959f;font-size:9px;letter-spacing:1.5px}.phone{background:var(--bg);width:460px;min-height:100vh;position:relative;box-shadow:0 0 70px #2332430b;flex-shrink:0}header{height:86px;display:flex;align-items:center;gap:16px;padding:0 26px;border-bottom:1px solid #e9edef;background:#fafbfc}header .brand{font-size:25px}header .keymark{width:27px;height:27px;font-size:24px;border-radius:8px}.prototype{font-size:9px;letter-spacing:1.5px;color:#8b949f;margin-left:auto}.back{background:white;border:1px solid var(--line);border-radius:50%;width:32px;height:32px}main{padding:28px 25px 130px;animation:enter .3s ease}main.welcome,main.intro,main.scenario,main.initial{padding-bottom:36px}@keyframes enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800}.heading{margin-bottom:27px}.heading .eyebrow{color:#8b95a0;display:block;margin-bottom:13px}.heading p{font-size:12px;color:var(--muted);margin-top:12px}.primary{background:var(--navy);color:white;border-radius:13px;padding:17px 20px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:54px}.wide{width:100%;margin-top:22px;justify-content:center}.secondary{background:white;border:1px solid #dbe2e7;padding:13px;border-radius:12px;font-size:12px;font-weight:700}.text-button{background:transparent;font-size:11px;font-weight:600;padding:10px 0}.caption{font-size:10px;color:#8b929c;text-align:center;margin:15px 0;line-height:1.9}.left{text-align:left;margin:2px 0 14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted);font-size:12px}.pill{display:inline-block;border:1px solid #dce1e6;border-radius:30px;font-size:9px;padding:4px 10px;font-weight:600;letter-spacing:.4px}.welcome-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7e8995}.welcome-top .pill{font-size:8px}.hero-art{height:265px;position:relative;overflow:hidden;margin:18px -10px 12px}.hero-ball{position:absolute;top:78px;left:calc(50% - 56px);width:112px;height:112px;border-radius:30px;transform:rotate(-12deg);background:var(--navy);box-shadow:12px 18px 0 #e1e6e9;display:grid;place-items:center;z-index:2}.hero-ball .keymark{font-size:76px;background:none;color:var(--yellow);width:auto;height:auto}.orbit{position:absolute;width:230px;height:230px;left:calc(50% - 115px);top:20px;border:1px dashed #c8d0d6;border-radius:50%}.orbit-two{width:290px;height:290px;top:-10px;left:calc(50% - 145px);border-style:solid;border-color:#e3e7ea}.float{position:absolute;background:white;box-shadow:0 4px 25px #14243b09;padding:8px 14px;border-radius:9px;font-size:10px;z-index:3}.float.a{top:24px;left:30px;transform:rotate(-8deg)}.float.b{top:82px;right:4px;transform:rotate(7deg)}.float.c{bottom:17px;left:37px;transform:rotate(-5deg)}.welcome h1{font-size:38px;line-height:1.5;letter-spacing:-1.6px}.welcome em{background:linear-gradient(transparent 65%,var(--yellow) 65%)}.welcome .heading{margin-bottom:20px}.welcome .heading .eyebrow{margin-bottom:8px}.welcome .primary{background:var(--yellow);color:var(--navy)}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.area{background:white;border:1px solid var(--line);border-radius:16px;text-align:left;padding:18px 16px;display:flex;flex-direction:column;gap:5px}.area-icon{display:inline-grid;place-items:center;font-size:23px;width:38px;height:38px;border-radius:12px;background:#f6eed0;color:#af8d2a;margin-bottom:4px}.down .area-icon,.area-icon.down{background:#e9edf6;color:#788cae}.reset .area-icon,.area-icon.reset{background:#e7f1ed;color:#6b9182}.grow .area-icon,.area-icon.grow{background:#eeebf6;color:#8d7bac}.area strong{font-size:13px}.area small{color:var(--muted);font-size:10px}.mini-loop{display:flex;justify-content:space-around;align-items:center;padding:28px 0;font-size:12px}.intro>.muted{font-size:12px}.progress{height:4px;background:#e3e8eb;border-radius:4px;margin:19px 0 28px}.progress i{display:block;height:100%;background:var(--navy);border-radius:4px}.scene{font-size:25px;margin:15px 0 28px}.question-bubble{display:flex;gap:13px;align-items:flex-start;margin:25px 0 20px}.coach-avatar{display:grid;place-items:center;background:var(--navy);border-radius:12px;width:35px;height:35px;flex-shrink:0}.coach-avatar .keymark{background:none;color:var(--yellow);font-size:27px;width:25px;height:25px}.question-bubble p{background:white;border:1px solid var(--line);padding:14px 17px;border-radius:0 16px 16px 16px;font-weight:600;font-size:13px}.choices{display:grid;gap:10px}.choice{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:17px 16px;border-radius:12px;background:white;border:1px solid #e0e5e9;font-size:12px;min-height:57px}.choice i{font-style:normal;color:#a1aab2}.choice.selected{border-color:var(--navy);background:#eef1f4;box-shadow:0 0 0 1px var(--navy)}.choice.selected i{color:var(--navy)}textarea{width:100%;min-height:100px;border:1px solid #ccd5dd;border-radius:12px;margin-top:12px;padding:15px;background:white;color:var(--navy)}.book-visual{margin:25px auto;width:240px;height:290px;background:var(--navy);border-radius:4px 18px 18px 4px;box-shadow:-7px 0 #bcc6d2,8px 10px 0 #e0e6eb;display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:white;padding:24px 10px;border-left:8px solid #22364f;transform:rotate(-5deg)}.book-visual>span:first-child{font-size:12px;letter-spacing:3px}.book-visual .keymark{background:none;color:var(--yellow);font-size:100px;width:auto;height:auto}.book-visual strong{font-size:11px}.book-visual small{font-size:8px;letter-spacing:2px;color:#96a4b5}.greeting{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px}.greeting .eyebrow{color:#8b96a1;font-size:8px}.greeting h1{font-size:20px;letter-spacing:-.6px;margin-top:6px}.greeting p{font-size:12px;color:#8b939d}.volley{font-size:29px;transform:rotate(-15deg)}.quest{border-radius:20px;background:var(--navy);color:white;padding:23px;position:relative;overflow:hidden}.quest:after{content:'';width:190px;height:190px;border:1px solid #ffffff12;border-radius:50%;position:absolute;right:-100px;top:70px;pointer-events:none}.quest .eyebrow{color:var(--yellow);font-size:11px}.quest .pill{border-color:#ffffff35;color:#d6dce5;font-size:8px}.quest-icon{font-size:37px;color:var(--yellow);line-height:1;margin:22px 0 12px}.quest h2{font-size:23px;line-height:1.7;max-width:290px;letter-spacing:-.5px}.quest p{font-size:11px;color:#b5c0ce;margin:12px 0 22px}.quest .primary{background:var(--yellow);color:var(--navy);width:100%;border-radius:10px;min-height:46px;padding:12px 15px;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 13px}.section-head h2{font-size:15px}.section-head small{font-size:8px;letter-spacing:1px;color:#8a939e}.spark{font-size:23px;color:#ad9639}.discovery-card{text-align:left;width:100%;padding:20px;background:white;border:1px solid var(--line);border-radius:15px;display:block;margin-bottom:12px}.tag{display:inline-block;font-size:9px;font-weight:700;background:#f6f0db;color:#8d792d;border-radius:5px;padding:4px 9px}.discovery-card h3{font-size:15px;line-height:1.85;margin:12px 0 16px}.discovery-card .row small{font-size:9px}.discovery-card .row>span{font-size:19px}.record-row{display:flex;align-items:center;width:100%;background:white;border-radius:13px;margin-bottom:8px;padding:15px;gap:15px;text-align:left}.record-row>span:first-child{background:#eff1f5;border-radius:10px;padding:9px}.record-row>span:last-child{margin-left:auto}.record-row div{display:flex;flex-direction:column}.record-row small{font-size:9px;color:#8b929d}.record-row strong{font-size:12px}.empty{background:#eff2f4;border:1px dashed #d6dce1;border-radius:14px;padding:25px;font-size:12px;color:#89939e;text-align:center}nav{position:fixed;bottom:0;width:460px;z-index:10;padding:13px 12px max(13px,env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(15px);border-top:1px solid #e8ecef;display:flex;justify-content:space-around;align-items:center}nav button{width:64px;background:none;color:#9ca4ae;display:flex;align-items:center;flex-direction:column;gap:4px}nav button>span{font-size:25px;line-height:30px}nav small{font-size:8px;font-weight:600}nav button.current{color:var(--navy)}nav .nav-add>span{background:var(--yellow);width:51px;height:51px;border-radius:18px;display:grid;place-items:center;color:var(--navy);font-size:28px;margin-top:-27px;box-shadow:0 0 0 7px white}nav .nav-add small{color:var(--navy);margin-top:3px}.record-types{display:grid;gap:13px}.type-card{display:flex;align-items:center;text-align:left;gap:16px;background:white;border:1px solid var(--line);padding:22px 18px;border-radius:17px}.type-card>span{font-size:30px;width:42px;color:#c5a642}.type-card h2{font-size:16px}.type-card p{font-size:10px;color:var(--muted);margin-top:4px}.type-card b{margin-left:auto}.type-1>span{color:#8093b3}.type-3>span{color:#7c8b96}.date-label{display:flex;justify-content:space-between;align-items:center;margin-top:26px;font-size:12px}input{border:1px solid #dce2e7;border-radius:9px;padding:10px;background:white;color:var(--navy);min-width:0}input[type=date]{max-width:180px}.user-bubble{background:#e5ebf1;margin:22px 0 22px 35px;border-radius:15px 0 15px 15px;padding:15px;font-size:12px;white-space:pre-wrap}.flow{margin-top:23px}.node{display:flex;align-items:center;gap:13px;background:white;border:1px solid #dfe6ec;border-radius:13px;padding:17px;position:relative}.node small{display:block;color:#85909d;font-size:9px;margin-bottom:3px}.node strong{font-size:13px;line-height:1.8;display:block}.node-icon{width:34px;flex-shrink:0;font-size:24px;text-align:center}.node.thought{background:#faf6e6;border-color:#e9deb1}.node.action{background:#edf1f7;border-color:#d7e1ed}.node.result{background:#e9edf4;border-color:#dce2ee}.edge{display:flex;align-items:center;height:34px;margin-left:33px;gap:12px}.edge i{height:100%;width:1px;background:#aebcc9;position:relative}.edge i:after{content:'▾';position:absolute;bottom:-5px;left:-4px;font-size:11px;color:#8da0b2}.edge span{font-size:8px;color:#a0a9b3}.new-key{margin-top:28px;display:flex;align-items:center;gap:18px;background:#f5efd4;border-radius:14px;padding:20px}.new-key>span{font-size:36px;color:#a18c36}.new-key small{font-size:8px;letter-spacing:1.5px}.new-key h2{font-size:15px}.insight-art{font-size:100px;text-align:center;color:#b09b39;background:radial-gradient(circle,#f5e9a3 0,transparent 60%);height:195px;line-height:150px}.insight-art span{display:block;font-size:9px;color:#a08d35;letter-spacing:4px;line-height:1}.note{padding:20px;background:#edf0f4;border-radius:13px;font-size:12px;line-height:2;margin:14px 0}.update-line{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9aa3ad;margin:28px 0}.update-line b{color:var(--navy)}.book-summary{display:flex;align-items:center;gap:18px;padding:24px 18px;background:var(--navy);color:white;border-radius:17px}.book-symbol{font-size:48px;color:var(--yellow)}.book-summary small{font-size:8px;color:#9eacbd;letter-spacing:1px}.book-summary h2{font-size:14px;margin:5px 0}.book-summary p{font-size:10px;color:#aebccc}.tabs{display:flex;overflow:auto;gap:7px;margin:25px -25px 16px;padding:0 25px;scrollbar-width:none}.tabs button{white-space:nowrap;padding:9px 13px;background:white;border:1px solid var(--line);font-size:10px;border-radius:30px}.tabs button.active{background:var(--navy);color:white;border-color:var(--navy)}.book-area .section-head{margin-top:20px;margin-bottom:0}.book-area .area-icon{width:28px;height:28px;font-size:19px;border-radius:8px}.locked{border:1px dashed #d6dee5;border-radius:13px;padding:24px;text-align:center;color:#8d98a3}.locked strong{display:block;font-size:12px}.locked p{font-size:10px;margin-top:6px}.detail-title{font-size:21px;margin:17px 0}.detail>.muted{margin-bottom:23px}.map-card{border:1px solid var(--line);border-radius:17px;padding:16px;margin-bottom:20px;background:#f0f3f5}.map-card .eyebrow{font-size:9px}.counter{border:1px solid #cddfd7;background:#edf5f0;border-radius:17px;padding:17px;margin-bottom:22px}.counter h3{font-size:13px}.counter>b{font-size:12px}.coach-intro{display:flex;gap:13px;align-items:center}.coach-intro p{font-size:12px}.suggestions{display:grid;gap:9px;margin:27px 0}.suggestions button{text-align:left;background:white;border:1px solid var(--line);border-radius:12px;font-size:11px;padding:14px}.assistant-bubble{background:white;padding:18px;border-radius:0 15px 15px;font-size:12px;margin:20px 0;line-height:2}.assistant-bubble button{margin-top:12px}.chat-input{display:flex;padding:7px;background:white;border:1px solid #d8e0e6;border-radius:14px;gap:5px}.chat-input input{flex:1;border:none;font-size:11px}.chat-input button{background:var(--navy);color:white;border-radius:10px;width:39px;font-size:22px}.escalation{padding:22px 0;margin-top:18px;border-top:1px solid var(--line)}.escalation h3{font-size:12px}.escalation p{font-size:10px;color:var(--muted);margin-top:7px}.profile-card{padding:23px;background:white;border:1px solid var(--line);border-radius:18px}.profile-card label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#7c8897;margin-top:17px}.profile-card input{font-size:13px}.avatar{margin:auto;background:#eff2f5;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:35px}.stats{display:flex;gap:12px;margin:20px 0}.stats>div{flex:1;background:white;border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center}.stats b{font-size:29px}.stats span{font-size:10px;color:var(--muted)}details{margin-top:25px;font-size:11px}details p{margin-top:15px;color:var(--muted)}.toast{position:fixed;z-index:30;bottom:100px;width:calc(460px - 40px);margin:0 20px;padding:14px 18px;background:#172a43ee;color:white;border-radius:12px;font-size:12px;pointer-events:none;opacity:0}.toast.visible{opacity:1} @media(min-width:1100px){.phone{margin-right:80px}}@media(max-width:800px){.desktop-rail{display:none}#app{justify-content:center}.phone{width:100%;max-width:460px}nav{width:100%;max-width:460px}.toast{width:calc(100% - 40px);max-width:420px}body{background:var(--bg)}}@media(max-width:360px){main{padding-left:19px;padding-right:19px}h1{font-size:25px}.welcome h1{font-size:34px}.greeting h1{font-size:17px}.quest h2{font-size:21px}.type-card{padding:17px 12px;gap:11px}.type-card h2{font-size:14px}}
/* Phase 1.1: extend the existing card language and preserve the five-tab navigation. */
.demo-link{display:block;padding:15px 17px;margin:18px 0;border:1px solid #dfe5e9;background:white;border-radius:13px;font-size:11px;font-weight:700}.demo-link>span{float:right}.demo-link small{display:block;color:var(--muted);font-weight:400;font-size:9px;margin-top:4px}.demo-panel{padding:16px;background:#f0f2f4;border:1px solid #e0e5e9;border-radius:14px;margin-bottom:22px}.demo-panel a{font-size:9px}.demo-panel p{font-size:11px;margin-top:12px}.demo-panel>small{font-size:8px;color:#7e8a97;line-height:1.8;display:block}.demo-steps{display:flex;gap:8px;margin:10px 0}.demo-steps button{flex:1;min-height:43px;border-radius:9px;background:white;font-size:16px;font-weight:800;line-height:1.4}.demo-steps button.active{background:var(--navy);color:var(--yellow)}.demo-steps small{font-size:8px;margin-left:2px;font-weight:400}.map-entry{display:flex;align-items:center;width:100%;gap:11px;text-align:left;padding:18px 15px;margin:20px 0;background:#eaf0f4;border:1px solid #d9e3ea;border-radius:15px}.branch-icon{font-size:36px;line-height:1;color:#6a8197}.map-entry small{font-size:7px;letter-spacing:1px;color:#8093a3}.map-entry h3{font-size:12px;margin:4px 0}.map-entry p{font-size:9px;color:#7e8c99}.map-entry>b{margin-left:auto}.evidence-count{display:flex;gap:9px;font-size:10px;flex-wrap:wrap}.evidence-count>span{background:#f0f3f5;padding:5px 9px;border-radius:6px;color:#778490}.evidence-count b{font-size:14px;color:var(--navy);padding:0 3px}.evidence-count .has-counter{background:#eaf2ed;color:#4f7b6b}.open-question{padding:13px;margin:15px 0;background:#f6f7f9;border-radius:9px}.open-question small{color:#85919c;font-size:9px}.open-question p{font-size:11px;line-height:1.9;margin-top:5px}.discovery-card .map-link{font-size:10px;font-weight:700;color:var(--navy)}.quest-purpose{border-top:1px solid #ffffff20;padding:13px 0 19px;display:grid;gap:5px}.quest-purpose small{font-size:8px;color:var(--yellow)}.quest-purpose span{font-size:10px;color:#c9d2dd;line-height:1.9}.quest p{margin-bottom:14px}.question-reason{font-size:10px;color:#82909d;padding:12px 0 0}.node.before{background:#edf4f0;border-color:#d8e6dc}.node.reflection{background:#f0edf7;border-color:#e2dcef}.cooccurrence{border:1px dashed #b8c4cd;padding:18px;border-radius:13px;margin-top:20px;background:#f6f7f8}.cooccurrence small{display:block;font-size:8px;color:#8b96a2}.cooccurrence strong{display:block;font-size:12px;margin:7px 0}.cooccurrence p{font-size:10px;color:#83909e}.unknown-result{padding:14px;background:#edf0f3;border-radius:12px;font-size:11px;color:#7d8b98;margin-top:18px}.finding-parts{display:grid;gap:12px;margin-top:20px}.finding-parts article{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.finding-parts article:first-child{border-color:#e7dcab;background:#faf7e9}.finding-parts article:last-child{border-color:#dbe8df;background:#eff5f1}.finding-parts span{font-size:10px;font-weight:700;display:block;margin-bottom:12px;color:#7e8a93}.finding-parts h3{font-size:15px}.finding-parts p{font-size:12px}.growth-note{padding:21px;margin:23px 0;border-left:3px solid var(--yellow);background:#eef1f4;border-radius:0 12px 12px 0}.growth-note small{font-size:9px;color:#7f8d9a}.growth-note h3{font-size:13px;margin:10px 0}.growth-note p{font-size:10px;color:#81909c}.growth-note .old-hypothesis{margin:10px 0;color:#929ba4}.map-intro{margin:24px 0}.map-intro p{font-size:11px;margin-top:10px;color:#82909e}.branch-map{padding:22px 10px 18px;border:1px solid #dfe5ea;border-radius:19px;background:#eef2f5}.shared-node{width:155px;margin:auto;display:flex;flex-direction:column;align-items:center;padding:15px;border-radius:13px;background:var(--navy);color:white;box-shadow:0 5px 12px #172a4312}.shared-node>span{font-size:24px}.shared-node strong{font-size:15px}.shared-node small{font-size:8px;color:#b9c7d5}.branch-trunk{height:24px;width:1px;background:#a6b6c6;margin:auto}.branch-lanes{display:grid;grid-template-columns:repeat(var(--lanes),minmax(0,1fr));gap:14px;overflow:auto}.branch-lanes:has(>.branch-lane:nth-child(3)){grid-template-columns:repeat(var(--lanes),145px)}.branch-lane{border-top:1px solid #a6b6c6;position:relative;padding-top:21px;min-width:0}.branch-lane:before{content:'';position:absolute;height:21px;width:1px;background:#a6b6c6;top:0;left:50%}.lane-title{padding:11px 7px;border-radius:11px;background:#e0e9e4;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:91px;text-align:center}.lane-title>span{font-size:20px;color:#5a846f}.lane-title strong{font-size:11px}.lane-title small{font-size:8px;color:#778c80}.overload .lane-title{background:#e0e5ef}.overload .lane-title>span,.overload .lane-title small{color:#7489a5}.lane-evidence{font-size:8px;color:#8b98a6;line-height:1.7;padding:12px 5px;min-height:59px}.lane-node{background:white;border:1px solid #dfe5ec;border-radius:11px;padding:12px 9px;margin-bottom:20px;position:relative;line-height:1.9;overflow-wrap:anywhere}.lane-node:after{content:'↓';position:absolute;bottom:-23px;left:calc(50% - 4px);font-size:12px;color:#9aaebf}.lane-node.result:after{content:none}.lane-node small{font-size:7px;display:block;color:#8995a3;margin-bottom:4px}.lane-node strong{font-size:11px;font-weight:600}.lane-node.thought{background:#fbf8ea;border-color:#e9e0b8}.lane-node.reflection{background:#f2eff7}.counter .lane-node.result{background:#e7f0e9}.overload .lane-node.result{background:#e4eaf3}.lane-records{font-size:8px;margin-top:8px;color:#7b8b9b}.lane-records summary{min-height:40px;cursor:pointer}.lane-records button{font-size:9px;text-align:left;display:block;width:100%;background:white;border-radius:8px;margin:8px 0;padding:10px;color:var(--navy)}.unresolved-card{padding:22px;border:1px solid #e3d79b;border-radius:16px;background:#f8f4e1;margin:25px 0}.unresolved-card h2{font-size:18px;margin:14px 0 10px}.unresolved-card p{font-size:11px;color:#8d896d}.connections .demo-panel{margin-bottom:18px}.branch-lane.counter{border-radius:0;background:transparent;padding:21px 0 0;margin:0;border-left:0;border-right:0;border-bottom:0}.insight-art{height:155px;line-height:115px;font-size:80px}.new-key h2{font-size:14px}.phone main{scroll-margin-bottom:110px}button[data-action]{scroll-margin-block:110px}@media(prefers-reduced-motion:reduce){main{animation:none}button{transition:none}}@media(max-width:360px){.branch-lanes{gap:9px}.lane-node strong{font-size:10px}.map-entry h3{font-size:11px}.evidence-count{gap:6px}}
.branch-lanes{border-top:1px solid #a6b6c6}.branch-lane,.branch-lane.counter{border-top:0}.lane-title{position:relative}.lane-title:before{content:'▾';position:absolute;top:-14px;color:#9badbf;font-size:10px}.branch-map .branch-lanes:has(>.branch-lane:only-child){border-top:0}.branch-lane:only-child:before{height:22px;top:-1px}.lane-records summary{padding-top:8px}
/* Companion iteration: one focal point per screen, supporting material recedes. */
.demo-panel{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 10px;margin:0 0 20px}.demo-panel summary{font-size:10px;color:#8693a0;cursor:pointer;min-height:28px}.demo-panel summary>span{float:right;font-size:9px}.demo-panel[open]{padding:12px 0 16px}.demo-panel[open]>.row{margin-top:15px}.guided-demo-link{display:block;font-size:11px;font-weight:700;padding-top:16px}.home .quest{padding:27px 25px;box-shadow:0 10px 30px #172a4310}.home .quest h2{font-size:26px}.home .greeting h1{font-size:18px}.home .map-entry,.discovery .map-entry{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 2px}.home .discovery-card{background:transparent;border:0;padding:8px 0 22px;border-bottom:1px solid var(--line);border-radius:0}.home .discovery-card h3{font-size:14px}.home .open-question{padding:0;background:none}.home .area{background:transparent;border:0;padding:12px 3px}.home .area-icon{background:none!important;color:#8c98a5!important}.home .section-head{margin-top:33px}.home .record-row{background:transparent;border-radius:0;padding:12px 0;border-bottom:1px solid var(--line)}
.interview .heading{margin-bottom:15px}.interview .heading .eyebrow{font-size:8px}.interview .heading h1{font-size:15px;color:#8593a0;font-weight:500;letter-spacing:0}.interview .heading p{font-size:10px}.interview .user-bubble{margin:15px 0 20px;padding:8px 0;background:transparent;font-size:11px;color:#8a95a1}.interview .question-bubble{display:block;margin:24px 0 25px}.interview .question-bubble .coach-avatar{width:30px;height:30px;margin-bottom:15px}.interview .question-bubble p{padding:0;background:none;border:0;font-size:24px;line-height:1.7;letter-spacing:-.6px;max-width:330px}.interview .choices{gap:9px}.interview .choice{font-size:12px;padding:15px;background:#fff}.interview .choice.selected{border-color:#d0b93d;background:#faf6df;box-shadow:0 0 0 1px #d0b93d}.question-reason{display:none}.hints .heading h1{font-size:17px;color:#87939e;letter-spacing:0}.hints .heading p{font-size:11px}.hint-question{display:flex;gap:14px;align-items:flex-start;margin:22px 0 12px}.hint-question h2{font-size:25px;line-height:1.6}.memory-hints{margin-top:24px;display:grid;gap:0}.memory-hint{width:100%;background:transparent;border-bottom:1px solid #dde4e9;text-align:left;padding:20px 4px}.memory-hint small{display:block;font-size:9px;color:#8b98a5;margin-bottom:9px}.memory-hint strong{display:block;font-size:13px;line-height:1.9}.memory-hint>span{display:block;font-size:10px;color:#8b98a5;margin-top:10px}.memory-hint p{font-size:11px;line-height:1.9;color:#788a9b;margin-bottom:14px}.memory-hint.from-history{background:#edf2f6;border:1px solid #d6e1e9;border-radius:14px;padding:20px;margin-bottom:5px}.hint-exits .wide{margin-top:12px}.hint-exits{margin-top:22px}.recognition-focus{border-left:4px solid var(--yellow);padding:23px 21px;background:#edf1f5;border-radius:0 15px 15px 0;margin:25px 0}.recognition-focus small{color:#7c8d9e;font-size:10px}.recognition-focus h2{font-size:23px;margin-top:14px;line-height:1.8}.recognition-focus p{font-size:12px;margin-top:12px}.recognition .heading h1,.review .heading h1{font-size:24px}.origin-label{display:block;font-size:8px;line-height:1.7;color:#8b96a4;margin-top:7px;font-weight:400}.node{border-width:1px}.node.certainty-clear{border-left:3px solid #172a43}.node.certainty-recognized{border-style:dashed;border-color:#9aaebe}.node.certainty-tentative{border:1px dotted #a9b5c1;background:#f2f4f6}.node.certainty-tentative strong{font-weight:500;color:#64788c}.edge.edge-clear i{width:2px;background:var(--navy)}.edge.edge-recognized i{background:none;width:0;border-left:1px dashed #6b8399}.edge.edge-tentative i{background:none;width:0;border-left:1px dotted #9eafbc}.edge.edge-tentative span{color:#9babb8}.line-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:8px;color:#8795a2;margin:20px 0 12px}.line-legend span{display:flex;align-items:center;gap:5px}.line-legend i{display:block;width:18px;height:0;border-top:2px solid var(--navy)}.line-legend i.recognized{border-top:1px dashed #6b8399}.line-legend i.tentative{border-top:1px dotted #9eafbc}.annotations{border-left:2px dashed #9eb3c4;background:#eff3f6;padding:20px;margin:24px 0;border-radius:0 13px 13px 0}.annotations>small{font-size:10px;color:#73889c;font-weight:700}.annotations h3{font-size:15px;margin:10px 0}.annotations article>p{font-size:11px;color:#8493a1}.review-invitation{padding:22px 0;margin-top:28px;border-top:1px solid #dce4ea}.review-invitation>small{font-size:9px;color:#8693a0}.review-invitation h3{font-size:17px;margin:10px 0}.review-invitation>p{font-size:12px;color:#8492a0;margin-top:10px}.complete .heading h1{font-size:23px}.complete .heading p{font-size:10px}.complete .new-key{padding:16px 0;background:none;border-radius:0;border-top:1px solid var(--line);margin-top:26px}.complete .new-key>span{font-size:25px}.complete .new-key small{font-size:7px}.complete .new-key h2{font-size:12px}.complete .flow{margin-top:30px}.discovery .heading{margin-bottom:12px}.discovery .heading h1{font-size:19px;font-weight:600}.discovery .heading p{display:none}.discovery .insight-art{height:63px;font-size:42px;line-height:50px;background:none;text-align:left;margin-top:26px;color:#ab9229;display:flex;align-items:center;gap:12px}.discovery .insight-art span{font-size:8px;letter-spacing:2px}.finding-parts{gap:0;margin-top:6px}.finding-parts article{background:none;border:0;border-radius:0;padding:23px 0}.finding-parts article:first-child{background:var(--yellow);border:0;border-radius:17px;padding:26px 23px;box-shadow:0 8px 20px #b4a23a0a;margin-bottom:12px}.finding-parts article:first-child>span{color:#736620;font-size:10px}.finding-parts article:first-child h3{font-size:23px;line-height:1.8;letter-spacing:-.5px;font-weight:800}.finding-parts article:nth-child(2){border-bottom:1px solid var(--line);background:none}.finding-parts article:last-child{background:none;border:0;padding-bottom:10px}.finding-parts article:not(:first-child) span{margin-bottom:7px}.finding-parts article:not(:first-child) p{font-size:11px;color:#83909e}.growth-note{background:none;border:0;padding:18px 0;margin:10px 0}.growth-note h3{font-size:12px;color:#788a9b}.supporting-detail{font-size:10px;color:#7c8fa0;border-top:1px solid var(--line);padding-top:15px}.supporting-detail .discovery-card{margin-top:17px}.featured-discovery{margin-top:25px;margin-bottom:27px}.featured-discovery>.eyebrow{font-size:10px;letter-spacing:.6px;display:block;margin-bottom:13px;color:#84909e}.featured-discovery .discovery-card{background:var(--navy);color:white;padding:26px 22px;border:0;border-radius:18px}.featured-discovery h3{font-size:23px;line-height:1.8;margin:20px 0}.featured-discovery .tag{background:var(--yellow);color:var(--navy)}.featured-discovery .open-question{background:none;border-top:1px solid #ffffff25;padding:15px 0 0}.featured-discovery .open-question p{color:#c1cddb}.featured-discovery .open-question small{color:#a3b4c6}.featured-discovery .muted,.featured-discovery .map-link{color:#becbd8}.featured-discovery .evidence-count>span{background:#ffffff10;color:#aabbce}.featured-discovery .evidence-count b{color:white}.featured-discovery .tentative-note{color:#9bb0c3}.understanding-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.understanding{display:flex;flex-direction:column;align-items:center;padding:13px 4px;background:none;border-top:3px solid #dce3e9;gap:7px}.understanding>span{font-size:24px;color:#8295a6}.understanding strong{font-size:9px}.understanding small{font-size:7px;color:#8c9aa6}.understanding.candidate{border-color:#172a43}.understanding.discovery{border-color:#a7baad}.understanding.established{border-color:#bc9630}.understanding.unknown{border-top:2px dashed #c7d1da}.understanding.unknown strong{color:#8e9aa7}.status-key{font-size:9px;margin:7px 0 20px;color:#97a2ac}.status-key p{font-size:10px}.book .book-summary{background:none;color:#8e9aa6;padding:8px 0 18px;border-bottom:1px solid var(--line);border-radius:0;gap:10px}.book .book-summary .book-symbol{font-size:24px;color:#b2bec8}.book .book-summary h2{font-size:11px;color:#8e9aa6}.book .book-summary small{display:none}.book .book-summary p{font-size:9px;color:#97a4af}.book>.map-entry{background:none;padding:18px 0;border:0;border-bottom:1px solid var(--line);border-radius:0}.book-area .discovery-card{padding:17px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}.book-area .discovery-card h3{font-size:14px}.book-area .open-question{background:none;padding:0;margin:12px 0}.book-area .tag{background:#e8edf1;color:#728597}.book-area .status-discovery .tag{background:#e9f0eb;color:#6b8474}.book-area .status-established .tag{background:#f0e8cc;color:#927522}.book-area .status-unknown{border-bottom:1px dashed #cad4dd}.book-area .status-unknown h3{color:#8c9aa7}.tentative-note{font-size:9px;color:#8798a8;margin:12px 0}.connections .heading{margin-bottom:15px}.connections .map-intro{margin:18px 0}.connections .map-intro p{font-size:10px}.connections .branch-map{background:#edf1f5;border:0;padding:25px 12px 18px;box-shadow:inset 0 0 0 1px #dce4eb}.connections .shared-node{background:none;box-shadow:none;color:var(--navy);padding:4px 15px 15px}.connections .shared-node strong{font-size:25px}.connections .shared-node small{color:#8a99a8}.connections .lane-title{background:#e1e8e6}.connections .overload .lane-title{background:var(--navy);color:white}.connections .overload .lane-title>span,.connections .overload .lane-title small{color:#b7c7d7}.connections .lane-node.thought{background:white;border-left:3px solid #172a43}.connections .lane-node.certainty-recognized{border:1px dashed #8ea5b9}.connections .lane-node.certainty-tentative{border:1px dotted #a5b7c5;background:#f5f7f9}.connections .lane-node.certainty-tentative strong{color:#7b8f9f;font-weight:500}.lane-node:after{content:'';height:18px;border-left:2px solid #172a43;width:0;left:50%;bottom:-20px}.lane-node.certainty-recognized:after{border-left:1px dashed #718ba2}.lane-node.certainty-tentative:after{border-left:1px dotted #a5b7c5}.lane-node.result:after{display:none}.connections .unresolved-card{background:none;border:0;border-left:2px solid #c6d1db;border-radius:0;padding:4px 0 4px 18px;margin:30px 0}.connections .unresolved-card .tag{background:none;color:#8397aa;padding:0}.connections .unresolved-card h2{font-size:20px;margin:17px 0;color:#516980}.connections .unresolved-card p{font-size:11px;color:#8a99a5}.connections .quest{background:#e5eaf0;color:var(--navy);padding:21px}.connections .quest:after{display:none}.connections .quest .eyebrow{color:#7a8da0}.connections .quest .pill{border-color:#c1cdd7;color:#8293a3}.connections .quest .quest-icon{display:none}.connections .quest h2{font-size:19px;margin-top:14px}.connections .quest p,.connections .quest-purpose span{color:#8293a3}.connections .quest-purpose{border-color:#cdd7e0}.connections .quest-purpose small{color:#73889b}.connections .quest .primary{background:var(--navy);color:white}.coach .heading h1{font-size:23px}.coach .heading p{font-size:10px}.coach .suggestions{gap:0}.coach .suggestions button{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 1px;font-size:11px;color:#8797a5}.coach .assistant-bubble{font-size:15px;line-height:2.1;padding:23px 20px;border-left:3px solid var(--navy)}.coach .user-bubble{font-size:13px}.coach .escalation{color:#98a5b0}.coach .escalation h3{font-weight:500}.detail>.map-entry{background:none;border:0;padding:10px 0}.detail .map-card{background:none;border:0;padding:0;margin:30px 0}.pending-routes{margin:20px 0;font-size:10px;color:#8c9caa}.pending-routes button{display:block;background:none;border-bottom:1px solid var(--line);padding:14px 0;text-align:left;width:100%;font-size:11px}.reviewDone .heading h1{font-size:25px}.reviewDone .flow{opacity:.72}.reviewDone .annotations{background:#f9f6e9;border-left-color:#d3bd50}.hint-exits .secondary{background:transparent}.status-established{border-color:#c2a456}.status-unknown .tag{background:#edf0f3;color:#94a0ac}@media(max-width:360px){.featured-discovery h3{font-size:20px}.finding-parts article:first-child h3{font-size:21px}.hint-question h2{font-size:23px}.line-legend{font-size:7px;gap:8px}.interview .question-bubble p{font-size:22px}.understanding strong{font-size:8px}}
.original-memory{font-size:11px;color:#8b9aa8;margin-top:16px}.lane-node.edgeout-clear:after{border-left:2px solid var(--navy)}.lane-node.edgeout-recognized:after{border-left:1px dashed #718ba2}.lane-node.edgeout-tentative:after{border-left:1px dotted #a5b7c5}
/* Live reconstruction keeps the current flow beside every next question. */
.live-connection{position:sticky;top:0;z-index:12;background:#fff;border:1px solid #dbe2e8;border-radius:18px;padding:12px 14px;margin:0 0 22px;box-shadow:0 8px 24px #142c4510}
.live-connection header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}
.live-connection header strong{font-size:13px;color:#182f49}.live-connection header small{font-size:10px;color:#71808e}
.live-scroll{max-height:29dvh;overflow:auto;overscroll-behavior:contain;padding-right:4px}
.live-node{display:flex;gap:10px;border-radius:10px;background:#f2f5f7;padding:8px 10px}
.live-node>span{flex:0 0 23px;font-size:17px}.live-node>div{min-width:0}.live-node small{font-size:10px;color:#657786;display:block}
.live-node p{font-size:12px;line-height:1.55;margin:2px 0;color:#1a324b;overflow-wrap:anywhere}
.live-node p+p{border-top:1px solid #dfe5ea;margin-top:5px;padding-top:5px}
.live-node.pending{background:#fffbea;border:1px dashed #c5aa39}.live-node.pending>span{font-weight:800;color:#947800}
.live-edge{color:#8b9dab;margin-left:18px;height:17px;font-size:13px;line-height:17px}
.live-aside{border:1px dashed #bfcbd5;border-radius:10px;margin-top:10px;padding:9px;font-size:12px;line-height:1.6}.live-aside small{display:block;color:#708090;font-size:10px}
.live-connection footer{font-size:9px;line-height:1.5;color:#74808e;margin-top:8px}
.selection-help{font-size:11px;color:#6a7a8a;line-height:1.7}.choice span:first-child{min-width:0;overflow-wrap:anywhere}.choice i{flex-shrink:0}
.same-stage-item{display:block}.same-stage-item+.same-stage-item{border-top:1px solid #dce3e9;padding-top:8px;margin-top:8px}
@media(max-width:350px){.live-connection{padding:10px}.live-connection header small{font-size:9px}.live-node p{font-size:11px}}
.live-connection header{position:static;height:auto;min-height:0;padding:0;background:none;border:0;margin:0 0 8px}
.live-scroll{max-height:min(220px,29dvh)}
.interview>.heading{margin-bottom:16px}.interview>.heading .eyebrow{display:none}.interview>.heading h1{font-size:14px;letter-spacing:0}.interview>.heading p{margin-top:4px;font-size:11px}