:root{--accent: #f2352b;--accent-dark: #dc241c;--accent-soft: #fff0ee;--accent-track: #fde3df;--ink: #17171f;--muted: #67626a;--soft: #8b858d;--line: #f0ded9;--surface: #ffffff;--bg: #fffaf8;--success: #39b978;--shadow: 0 24px 55px rgba(72, 40, 31, .08);--radius: 16px;font-family:Open Runde,Nunito Sans,ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 68% 6%,rgba(242,53,43,.05),transparent 34%),var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.appShell{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr);background:linear-gradient(90deg,#fff8f5 0,#fff8f5 268px,#fff 268px,#fff)}.sidebar{min-height:100vh;padding:30px 24px;border-right:1px solid #f0e4df;display:flex;flex-direction:column;gap:34px;position:sticky;top:0}.brand{display:flex;align-items:center;gap:14px;border:0;background:transparent;color:var(--ink);text-align:left;font-size:20px;font-weight:800;line-height:1.05;letter-spacing:0}.brandMark{width:58px;height:58px;border-radius:22px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ff6b56,var(--accent));box-shadow:0 12px 24px #f2352b38;position:relative}.brandMark:before,.brandMark:after{content:"";position:absolute;background:var(--accent);border-radius:999px}.brandMark:before{width:9px;height:9px;right:-2px;top:8px}.brandMark:after{width:5px;height:5px;left:-2px;top:20px}.navList{display:grid;gap:10px}.navItem{border:0;background:transparent;color:#242229;display:flex;align-items:center;gap:17px;padding:14px 18px;border-radius:10px;font-size:16px;font-weight:600;text-align:left}.navItem svg{color:#29272e;stroke-width:2}.navItem.active{background:#fde9e5;color:var(--accent)}.navItem.active svg{color:var(--accent)}.sideNote{margin-top:auto;min-height:160px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8;padding:22px 18px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:14px;position:relative}.sideNote p{margin:0;font-weight:700;line-height:1.4}.plant{width:28px;height:86px;display:block;border-radius:0 0 8px 8px;background:linear-gradient(#75a979 0,#75a979 66%,#df6b4d 66%)}.heart{color:var(--accent);position:absolute;bottom:18px;right:20px;font-size:24px}.mainSurface{min-width:0;padding:28px 24px 40px}.topbar{height:54px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.profileArea{display:flex;align-items:center;gap:13px}.iconButton{width:42px;height:42px;border:0;background:#fff;border-radius:14px;position:relative;display:grid;place-items:center;color:#29272e}.notificationDot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:999px;background:var(--accent)}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(145deg,#7a3a2f,#f47a58);border:4px solid #fff2ee}.profileName{font-weight:700}.profileChevron{transform:rotate(90deg)}.dashboardGrid{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:30px;align-items:start}.contentColumn{min-width:0}.hero{min-height:268px;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);gap:28px;align-items:center;margin:4px 0 12px}.heroText{padding:18px 20px}.hello{color:var(--accent);margin:0 0 10px;font-size:23px;font-weight:800}.hero h1,.pageTitle h1{margin:0;font-size:clamp(34px,3.25vw,42px);line-height:1.1;letter-spacing:0;max-width:720px}.heroText>p:not(.hello),.pageTitle p{color:#312e36;font-size:17px;line-height:1.7;margin:16px 0 0;max-width:570px}.heroActions{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.primaryButton,.secondaryButton,.dangerButton,.textButton,.iconAction{min-height:48px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;font-size:15px;font-weight:800;letter-spacing:0}.primaryButton{color:#fff;background:linear-gradient(180deg,#ff493f,var(--accent));box-shadow:0 14px 28px #f2352b38}.primaryButton.small,.secondaryButton.small{min-height:44px;padding:0 16px}.secondaryButton{color:#2b2930;background:#fff;border-color:#efd6d0;box-shadow:none}.dangerButton{color:#b42318;background:#fff2f0;border-color:#ffd2cc}.textButton{padding:0;min-height:auto;border:0;background:transparent;color:var(--accent)}.iconAction{width:42px;height:42px;padding:0;border-color:#efd6d0;background:#fff7f5;color:var(--accent)}.heroImageWrap{min-height:250px;align-self:stretch;display:flex;align-items:end;justify-content:center;overflow:hidden}.heroImageWrap img{width:min(100%,385px);display:block;border-radius:28px;mix-blend-mode:multiply}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe0;box-shadow:var(--shadow)}.journeyPanel{padding:22px 20px 20px}.overviewPanel{padding:22px;margin-bottom:22px}.overviewPanel.compact{margin:8px 0 18px}.methodPanel,.scenarioPanel,.bossPanel,.documentModel,.templateGuide,.delegationPanel,.loopExamplePanel,.memoryRulesPanel{padding:22px;margin-bottom:22px}.methodIntro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;margin-bottom:18px}.methodIntro h2{margin:0;font-size:24px}.methodIntro p{margin:8px 0 0;max-width:760px}.methodActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.principleGrid,.scenarioGrid,.bossGrid,.documentModelGrid,.guideSteps,.delegationGrid,.riskGrid,.memoryRuleGrid{display:grid;gap:14px}.principleGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.principleCard,.scenarioCard,.bossGrid article,.documentModelGrid article,.guideSteps article,.delegationCard,.riskGrid article,.memoryRuleGrid article{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}.principleCard span,.guideSteps span{width:30px;height:30px;border-radius:10px;display:inline-grid;place-items:center;color:var(--accent);background:var(--accent-soft);font-weight:900;margin-bottom:10px}.principleCard h3,.scenarioCard h3,.guideSteps h3,.delegationCard h3{margin:0 0 8px;font-size:16px}.principleCard p,.scenarioCard p,.bossGrid p,.documentModelGrid span,.guideSteps p,.delegationCard p,.riskGrid p,.memoryRuleGrid p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.scenarioGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.scenarioCard svg{color:var(--accent);margin-bottom:10px}.bossGrid,.memoryRuleGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.bossGrid strong,.memoryRuleGrid strong{color:var(--accent)}.documentModelGrid,.guideSteps,.delegationGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.documentModel>p,.templateGuide>p,.delegationPanel>p,.memoryRulesPanel>p{max-width:820px}.documentModelGrid strong{display:block;margin-bottom:6px}.delegationCard.green strong{color:#0f9a5b}.delegationCard.amber strong{color:#b7791f}.delegationCard.red strong{color:var(--accent)}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.sectionHeader h2,.panel>h2,.focusPanel h2,.quickPanel h2{margin:0;font-size:20px;letter-spacing:0}.sectionHeader p,.panel p{color:var(--muted)}.stageGrid,.stageRowGrid{display:grid;gap:16px}.topStages{grid-template-columns:repeat(4,minmax(0,1fr))}.bottomStages{grid-template-columns:repeat(5,minmax(0,1fr))}.stageCard{min-height:198px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px 18px;text-align:left;display:flex;flex-direction:column;color:var(--ink);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.stageCard:hover{transform:translateY(-2px);box-shadow:0 18px 34px #48281f17}.stageCard.in-progress{border-color:var(--accent)}.stageTop{display:flex;align-items:center;gap:22px;color:var(--accent);margin-bottom:12px}.stageNumber{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-grid;place-items:center;font-weight:800;flex:0 0 auto}.stageCard h3{margin:0 0 10px;font-size:16px;line-height:1.2}.stageCard p{color:#4f4a52;font-size:13px;line-height:1.5;margin:0}.miniProgress,.smallProgress{height:5px;border-radius:999px;background:#f8ebe7;overflow:hidden}.miniProgress{margin-top:auto}.miniProgress span,.smallProgress span{display:block;height:100%;border-radius:999px;background:var(--accent)}.stageCard.completed .miniProgress span{background:var(--success)}.statusLabel{margin-top:10px;color:#4f4a52;font-size:13px}.stageCard.completed .statusLabel{color:#0f9a5b}.stageCard.in-progress .statusLabel{color:var(--accent)}.overviewGraphic{min-height:380px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(96px,auto));gap:14px;position:relative}.overviewGraphic:before,.overviewGraphic:after{content:"";position:absolute;top:18%;right:16%;bottom:18%;left:16%;border:1px dashed #efbdb6;border-radius:999px;pointer-events:none}.overviewGraphic:after{top:28%;right:28%;bottom:28%;left:28%;border-style:solid;opacity:.55}.overviewCenter{grid-column:2;grid-row:2;align-self:center;justify-self:center;width:min(100%,240px);min-height:150px;border-radius:18px;background:linear-gradient(180deg,#fff,#fff4f1);border:1px solid #efcdc6;box-shadow:0 18px 40px #f2352b1f;display:grid;place-items:center;text-align:center;padding:18px;position:relative;z-index:2}.overviewCenter span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--accent)}.overviewCenter strong{font-size:18px}.overviewCenter small{color:var(--muted)}.overviewNode{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;min-height:112px;position:relative;z-index:1}.overviewNode svg{color:var(--accent)}.overviewNode h3,.exampleCard h3,.checkGroup h3{margin:8px 0 6px;font-size:16px}.overviewNode p,.exampleCard p{margin:0;color:var(--muted);font-size:13px;line-height:1.48}.node1{grid-column:1;grid-row:1}.node2{grid-column:2;grid-row:1}.node3{grid-column:3;grid-row:1}.node4{grid-column:1;grid-row:3}.node5{grid-column:2;grid-row:3}.node6{grid-column:3;grid-row:3}.loopStrip{margin-top:16px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.loopStrip span{min-height:38px;border:1px solid #efd6d0;border-radius:10px;background:#fff7f5;color:#3b343b;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800}.loopStrip svg{color:var(--accent)}.rightRail{display:grid;gap:20px;position:sticky;top:24px}.progressPanel,.focusPanel,.quickPanel{padding:22px}.progressBody{display:grid;grid-template-columns:138px 1fr;gap:22px;align-items:center;margin-top:20px}.ring{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--progress),#fae1dc 0deg);position:relative}.ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:#fff;border-radius:50%}.ring>div{position:relative;z-index:1;display:grid;text-align:center}.ring strong{font-size:34px}.ring span{color:#4a454d}.progressStats{display:grid;gap:14px}.stat{display:grid;grid-template-columns:24px 26px 1fr;align-items:center;gap:9px;color:var(--accent)}.stat strong{color:var(--ink);font-size:18px}.stat span{color:var(--muted);font-size:13px}.focusTop{display:flex;justify-content:space-between;align-items:center;gap:12px}.focusTop span,.stagePill{color:var(--accent);background:var(--accent-soft);border-radius:9px;padding:8px 12px;font-weight:800;font-size:13px}.focusPanel h3{color:var(--accent);font-size:21px;margin:26px 0 8px}.focusAdvice{border:1px solid #efd6d0;border-radius:14px;background:#fffaf8;padding:13px;margin-top:14px}.focusAdvice strong{color:var(--accent);font-size:13px}.focusAdvice p{margin:6px 0 0;font-size:13px}.loopMini{width:240px;height:132px;margin:18px auto;position:relative}.loopOrbit{position:absolute;top:20px;right:22px;bottom:20px;left:22px;border:2px dashed #f0b4ac;border-radius:50%}.loopMiniItem{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;position:absolute;background:#fff5f2;color:var(--accent);border:1px solid #f2cbc4;z-index:2}.item1{left:103px;top:4px}.item2{right:36px;top:25px}.item3{right:18px;top:70px}.item4{right:72px;bottom:4px}.item5{left:78px;bottom:4px}.item6{left:18px;top:70px}.item7{left:36px;top:25px}.item8{left:103px;bottom:44px;background:var(--accent);color:#fff}.quickAction{width:100%;border:0;background:transparent;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:10px;text-align:left;padding:13px 0;color:#26232b}.quickAction svg:first-child{color:var(--accent)}.page{max-width:1120px;margin:0 auto}.pageTitle{margin:14px 0 24px}.twoColumn{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:22px;align-items:start}.twoColumn>.panel,.page>.panel,.docCard,.templateCard,.glossaryCard{padding:22px}.stageList,.noteList,.checkList{display:grid;gap:12px}.stageRow{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;grid-template-columns:34px 28px 1fr auto;align-items:center;gap:14px;padding:14px;text-align:left}.stageRow.selected{border-color:var(--accent);box-shadow:0 16px 28px #f2352b14}.stageRow p{margin:3px 0 0;font-size:13px}.rowStatus{white-space:nowrap;font-size:13px;color:var(--muted)}.rowStatus.completed{color:#0f9a5b}.rowStatus.in-progress{color:var(--accent)}.detailPanel h2{margin-top:18px;font-size:30px}.lessonStack{display:grid;gap:12px;margin:18px 0}.lessonBlock{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}.lessonBlock.primary{background:linear-gradient(180deg,#fff,#fff5f2);border-color:#efcdc6}.lessonBlock strong,.riskGrid strong{color:var(--accent)}.lessonBlock p{margin:8px 0 0}.riskGrid{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.outputBox,.exerciseBox,.exampleBox,.noteCard{border:1px solid var(--line);border-radius:14px;background:#fffaf8;padding:16px;margin:16px 0}.outputBox{display:grid;gap:8px}.exampleBox{background:#fff}.loopHero,.docGrid,.templateGrid,.glossaryGrid,.exampleGrid,.memoryLevels{display:grid;gap:16px}.loopHero{grid-template-columns:repeat(4,minmax(0,1fr));padding:18px;margin-bottom:22px}.loopExampleList{display:grid;gap:10px}.loopExampleList article{display:grid;grid-template-columns:92px minmax(0,.72fr) minmax(0,1fr);gap:14px;align-items:start;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 14px}.loopExampleList strong{color:var(--accent)}.loopExampleList p,.loopExampleList span{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.loopExampleList span{color:#38323a}.loopStepCard,.docCard{min-height:160px}.loopStepCard{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.loopStepCard svg,.docCard svg{color:var(--accent)}.canvasGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fieldBlock{display:grid;gap:7px}.fieldBlock span{font-weight:800}.fieldBlock small{color:var(--muted)}.fieldBlock textarea,.fieldBlock input{width:100%;border:1px solid #efd6d0;border-radius:12px;background:#fff;color:var(--ink);padding:12px 13px;outline:none}.fieldBlock textarea{min-height:106px;resize:vertical}.fieldBlock textarea:focus,.fieldBlock input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #f2352b1a}.docGrid,.glossaryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.exampleGrid,.memoryLevels{grid-template-columns:repeat(4,minmax(0,1fr))}.examplesPanel,.memoryMap{padding:22px;margin-bottom:22px}.exampleCard,.memoryLevels article{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}.exampleCard strong{color:var(--ink)}.docExample{border-top:1px solid #f0e4df;margin-top:14px;padding-top:12px}.docExample strong{display:block;color:var(--accent);font-size:13px;margin-bottom:5px}.docExample p{margin:0;font-size:13px}.docExample.subtle strong{color:#3d3740}.templateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sourceLabel{display:inline-flex;width:fit-content;border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:5px 9px;margin-bottom:10px;font-size:12px;font-weight:800}.templateCard pre{white-space:pre-wrap;margin:0;padding:16px;border-radius:12px;background:#fffaf8;border:1px solid var(--line);color:#29262d;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}.smallProgress{width:170px}.checkRow{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;background:#fff}.checkGroup{display:grid;gap:10px;border:1px solid #f0e4df;border-radius:14px;padding:14px;background:#fffaf8}.checkGroup h3{color:var(--accent)}.checkRow input{width:18px;height:18px;accent-color:var(--accent)}.memoryLevels article{display:grid;gap:8px}.memoryLevels strong{color:var(--accent)}.memoryLevels span{color:var(--muted);font-size:13px;line-height:1.5}.settingsActions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:1180px){.appShell{grid-template-columns:92px minmax(0,1fr);background:linear-gradient(90deg,#fff8f5 0,#fff8f5 92px,#fff 92px,#fff)}.sidebar{padding:22px 14px;align-items:center}.brand span:last-child,.navItem span,.sideNote{display:none}.navItem{justify-content:center;padding:14px}.dashboardGrid{grid-template-columns:1fr}.rightRail{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.principleGrid,.scenarioGrid,.bossGrid,.memoryRuleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.hero,.twoColumn,.rightRail,.templateGrid,.docGrid,.glossaryGrid,.exampleGrid,.memoryLevels,.principleGrid,.scenarioGrid,.bossGrid,.documentModelGrid,.guideSteps,.delegationGrid,.riskGrid,.memoryRuleGrid,.loopHero,.canvasGrid{grid-template-columns:1fr}.methodIntro,.loopExampleList article{grid-template-columns:1fr}.methodActions{justify-content:flex-start}.overviewGraphic{grid-template-columns:1fr;grid-template-rows:none}.overviewGraphic:before,.overviewGraphic:after{display:none}.overviewCenter,.overviewNode,.node1,.node2,.node3,.node4,.node5,.node6{grid-column:auto;grid-row:auto;width:100%}.loopStrip{grid-template-columns:repeat(4,minmax(0,1fr))}.topStages,.bottomStages{grid-template-columns:repeat(2,minmax(0,1fr))}.progressBody{grid-template-columns:138px 1fr}}@media(max-width:640px){.appShell{display:block;background:#fff}.sidebar{min-height:auto;position:static;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #f0e4df;gap:12px}.brand{flex:0 0 auto}.navItem span{display:inline}.navItem{flex:0 0 auto;gap:8px;padding:10px 12px;font-size:13px}.navList{display:flex;gap:8px}.mainSurface{padding:18px 14px 34px}.topbar{display:none}.heroText{padding:0}.hero h1,.pageTitle h1{font-size:34px}.topStages,.bottomStages,.sectionHeader,.stageRow{grid-template-columns:1fr}.progressBody{grid-template-columns:1fr;justify-items:center}}