:root{--color-accent-1: var(--color-button);--color-accent-1-text: var(--color-button-text);--color-accent-2: var(--color-secondary-button);--color-accent-2-text: var(--color-secondary-button-text);--animation-ease: var(--ease-out-slow);--app-spacing: calc(var(--spacing-sections-desktop) / 2)}.welcome-screen{max-width:var(--page-width);margin:0 auto;padding:0 0 100px;text-align:center;--app-spacing: 20px}.welcome-header h1{margin-bottom:1.5rem;margin-top:0}.pathway-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));gap:var(--app-spacing);margin-top:var(--app-spacing)}.pathway-card{background:#fff;border-radius:var(--buttons-radius);padding:calc(var(--app-spacing) * 1.5);box-shadow:0 0 3rem #c2c2c266,inset 0 0 3rem #ffffff4d,inset -2rem -2rem 4rem #faf7f5;cursor:pointer;transition:var(--duration-default) var(--animation-ease);border:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));position:relative;overflow:hidden}.pathway-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-accent-1),.05);opacity:0;transition:opacity var(--duration-default) ease}.pathway-card:hover{transform:translateY(-.4rem);box-shadow:var(--shadow-horizontal-offset) calc(var(--shadow-vertical-offset) * 2) calc(var(--shadow-blur-radius) * 1.5) rgba(var(--color-shadow),calc(var(--shadow-opacity) * 1.5));border-color:rgba(var(--color-foreground),.2)}.pathway-card:hover:before{opacity:1}.pathway-card .card-icon{font-size:4rem;z-index:1;line-height:1em}.pathway-card h3{font-size:2rem;margin-bottom:1.5rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);position:relative;z-index:1}.pathway-card p{color:rgba(var(--color-foreground),.75);margin-bottom:2rem;line-height:1.6;font-size:1.4rem;position:relative;z-index:1}.pathway-card .card-action{font-weight:var(--font-heading-weight);color:rgb(var(--color-accent-1));font-size:1.4rem;position:relative;z-index:1}.random-discovery-view{max-width:80rem;margin:0 auto;padding:var(--app-spacing) 1.5rem;text-align:center}.random-header,.situation-header,.pathway-header{margin-bottom:calc(var(--app-spacing) * 2)}.back-button{background:none;border:none;color:rgb(var(--color-link));font-size:1.4rem;cursor:pointer;margin-bottom:var(--app-spacing);transition:color var(--duration-default) ease;padding:1rem 0}.back-button:hover{color:rgb(var(--color-foreground))}.random-header h2,.situation-header h2,.pathway-header h2{margin-bottom:1.5rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.random-header p,.situation-header p,.pathway-header p{line-height:1.6}.shimmering-circle{position:relative;width:50px;height:50px;background:radial-gradient(ellipse at center,#1b2735,#090a0f);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #4cafc933;overflow:hidden}.shimmering-circle:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:conic-gradient(from 0deg,transparent 50%,#ec53f1,#165d9c);border-radius:50%;animation:shimmer 4s linear infinite;z-index:1}.shimmering-circle:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:radial-gradient(ellipse at center,#233d5c,#161e45);border-radius:50%;z-index:2}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star:empty{position:absolute;width:2px;height:2px;background:#bcbcbc;border-radius:50%;z-index:3;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #0af;animation:sparkle 5s infinite alternate ease-in-out}@keyframes sparkle{0%{opacity:.6;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.star:nth-child(1){top:20%;left:25%;animation-delay:0s}.star:nth-child(2){top:35%;left:40%;animation-delay:.3s}.star:nth-child(3){top:50%;left:55%;animation-delay:.6s;width:3px;height:3px}.star:nth-child(4){top:65%;left:45%;animation-delay:.9s}.star:nth-child(5){top:80%;left:30%;animation-delay:1.2s}.line:empty{position:absolute;height:2px;background:linear-gradient(90deg,#fff0,#fff6,#fff0);z-index:3;transform-origin:left center}.line-1:empty{width:7%;top:27%;left:32%;transform:rotate(45deg)}.line-2:empty{width:10%;top:40%;left:45%;transform:rotate(45deg)}.line-3:empty{width:8%;top:57%;left:55%;transform:rotate(133deg)}.line-4:empty{width:11%;top:69%;left:44%;transform:rotate(135deg)}.line-1:empty,.line-2:empty,.line-3:empty,.line-4:empty,.line:empty,.star:empty{display:unset}.crystal-ball-button:disabled{cursor:not-allowed}.crystal-ball-button:hover:not(:disabled){transform:scale(1.05)}.crystal-ball-button:active:not(:disabled){transform:scale(.98)}.crystal-ball-text.revealing{font-size:3rem;animation:textPulse 1s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(102,126,234,.8),0 2px 4px rgba(0,0,0,.5)}50%{text-shadow:0 0 20px rgba(102,126,234,1),0 0 30px rgba(255,255,255,.8),0 2px 4px rgba(0,0,0,.5)}}@keyframes textPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@keyframes shimmer{0%,to{opacity:.3;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(180deg)}}.crystal-ball-button.active .crystal-ball{animation:crystalGlow 2s ease-in-out;transform:scale(1.05)}.crystal-ball-button.active .crystal-ball:after{animation:shimmerActive 1s ease-in-out infinite}@keyframes shimmerActive{0%,to{opacity:.5;transform:scale(1.2) rotate(0)}50%{opacity:1;transform:scale(1.4) rotate(360deg)}}.crystal-ball:hover:not(.active){transform:scale(1.02);box-shadow:0 0 4rem #667eea80,inset 0 0 3rem #fff6,inset -2rem -2rem 4rem #667eea4d}.crystal-inner{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden}.crystal-inner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(6px 6px at 5rem 5rem,#ffffff,rgba(255,255,255,.8) 30%,transparent 60%),radial-gradient(4px 4px at 15rem 10rem,#667eea,rgba(102,126,234,.9) 30%,transparent 60%),radial-gradient(5px 5px at 10rem 15rem,#764ba2,rgba(118,75,162,.8) 30%,transparent 60%),radial-gradient(3px 3px at 18rem 4rem,#ffffff,rgba(255,255,255,.9) 30%,transparent 60%);border-radius:50%;animation:glitter 3s linear infinite}.crystal-ball-button.active .crystal-inner:before{animation:glitterActive 1s linear infinite}@keyframes glitter{0%{transform:rotate(0) scale(1);opacity:.7}25%{transform:rotate(90deg) scale(1.1);opacity:1}50%{transform:rotate(180deg) scale(.9);opacity:.8}75%{transform:rotate(270deg) scale(1.05);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.7}}@keyframes glitterActive{0%{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(180deg) scale(1.3);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.8}}.sparkles{position:absolute;width:100%;height:100%;background:radial-gradient(4px 4px at 2rem 3rem,#ffffff,rgba(255,255,255,.8) 20%,transparent 50%),radial-gradient(3px 3px at 4rem 7rem,#667eea,rgba(102,126,234,.8) 20%,transparent 50%),radial-gradient(5px 5px at 9rem 4rem,#ffffff,rgba(255,255,255,.9) 20%,transparent 50%),radial-gradient(3px 3px at 13rem 8rem,#764ba2,rgba(118,75,162,.8) 20%,transparent 50%),radial-gradient(4px 4px at 16rem 3rem,#ffffff,rgba(255,255,255,.8) 20%,transparent 50%),radial-gradient(3px 3px at 6rem 12rem,#667eea,rgba(102,126,234,.9) 20%,transparent 50%),radial-gradient(2px 2px at 14rem 6rem,#ffffff,rgba(255,255,255,.8) 20%,transparent 50%),radial-gradient(4px 4px at 8rem 9rem,#764ba2,rgba(118,75,162,.8) 20%,transparent 50%),radial-gradient(3px 3px at 12rem 2rem,#ffffff,rgba(255,255,255,.9) 20%,transparent 50%),radial-gradient(2px 2px at 3rem 11rem,#667eea,rgba(102,126,234,.8) 20%,transparent 50%);animation:sparkle 2s ease-in-out infinite;border-radius:50%}.crystal-ball-button.active .sparkles{animation:sparkleActive 1.5s ease-in-out infinite}.glow{position:absolute;top:10%;left:10%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(102,126,234,.6) 30%,rgba(255,255,255,.4) 50%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes crystalGlow{0%{box-shadow:0 0 3rem #667eea66,inset 0 0 3rem #ffffff4d,inset -2rem -2rem 4rem #667eea33}50%{box-shadow:0 0 6rem #667eeacc,0 0 9rem #fff9,inset 0 0 4rem #ffffff80,inset -2rem -2rem 6rem #667eea66;transform:scale(1.1)}to{box-shadow:0 0 3rem #667eea66,inset 0 0 3rem #ffffff4d,inset -2rem -2rem 4rem #667eea33}}@keyframes sparkle{0%,to{opacity:.4;transform:scale(1)}25%{opacity:1;transform:scale(1.2)}50%{opacity:.7;transform:scale(.8)}75%{opacity:1;transform:scale(1.1)}}@keyframes sparkleActive{0%,to{opacity:.6;transform:scale(1) rotate(0)}20%{opacity:1;transform:scale(1.5) rotate(72deg)}40%{opacity:.8;transform:scale(.9) rotate(144deg)}60%{opacity:1;transform:scale(1.3) rotate(216deg)}80%{opacity:.9;transform:scale(1.1) rotate(288deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.discovery-button{--color-button: var(--color-accent-1);--color-button-text: var(--color-accent-1-text);--shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);--shadow-vertical-offset: var(--buttons-shadow-vertical-offset);--shadow-blur-radius: var(--buttons-shadow-blur-radius);--shadow-opacity: var(--buttons-shadow-opacity);--border-offset: var(--buttons-border-offset);--border-opacity: calc(1 - var(--buttons-border-opacity));background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:0;padding:1.5rem 4rem;border-radius:var(--buttons-radius);font-size:1.6rem;font-weight:var(--font-heading-weight);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:15rem;min-height:5.5rem;display:inline-flex;justify-content:center;align-items:center;position:relative;box-shadow:0 4px 15px #667eea4d}.discovery-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--buttons-radius);background:linear-gradient(135deg,#667eea,#764ba2)}.discovery-button:hover:not(:disabled){transform:translateY(-.3rem) scale(1.02);box-shadow:0 8px 25px #667eea66}.discovery-button:disabled{opacity:.8;cursor:not-allowed;animation:buttonPulse 1.5s ease-in-out infinite}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.situation-view{max-width:100rem;margin:0 auto;padding:var(--app-spacing) 1.5rem}.situation-step h3{text-align:center;font-size:calc(var(--font-heading-scale) * 2rem);margin-bottom:var(--app-spacing);color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}.situation-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:var(--app-spacing)}.situation-option{background:rgb(var(--color-background));border-radius:var(--text-boxes-radius);padding:calc(var(--app-spacing) * 1.5);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));cursor:pointer;transition:var(--duration-default) ease;border:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity))}.situation-option:hover{transform:translateY(-.4rem);box-shadow:var(--shadow-horizontal-offset) calc(var(--shadow-vertical-offset) * 2) calc(var(--shadow-blur-radius) * 1.5) rgba(var(--color-shadow),calc(var(--shadow-opacity) * 1.5));border-color:rgba(var(--color-foreground),.2)}.situation-option h4{font-size:1.8rem;margin-bottom:1.5rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.situation-option p{color:rgba(var(--color-foreground),.75);margin-bottom:1.5rem;line-height:1.6;font-size:1.4rem}.option-description{color:rgba(var(--color-foreground),.65);font-size:1.2rem;line-height:1.5;margin-bottom:1.5rem;padding:1rem;background:rgba(var(--color-foreground),.05);border-radius:calc(var(--buttons-radius) / 2);border-left:3px solid rgba(var(--color-accent-1),.3)}.option-tags{display:flex;flex-wrap:wrap;gap:.8rem}.tag{background:rgba(var(--color-accent-1),var(--alpha-button-background));color:rgb(var(--color-accent-1-text));padding:.5rem 1.2rem;border-radius:var(--buttons-radius);font-size:1.2rem;font-weight:var(--font-heading-weight);border:1px solid rgba(var(--color-accent-1),.3)}.web-chart-step{text-align:center}.web-chart-step h3{font-size:calc(var(--font-heading-scale) * 2rem);margin-bottom:1.5rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}.web-chart-step p{color:rgba(var(--color-foreground),.75);margin-bottom:var(--app-spacing);font-size:1.4rem;line-height:1.6}.web-chart-container{display:flex;flex-direction:column;align-items:center;gap:var(--app-spacing)}#webChart{border:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));border-radius:var(--media-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.chart-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem;width:100%;max-width:60rem}.chart-control{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:rgb(var(--color-background));border-radius:var(--text-boxes-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));border:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity))}.chart-control label{font-weight:var(--font-heading-weight);color:rgb(var(--color-foreground));font-size:1.4rem}.chart-control input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:.6rem;border-radius:.3rem;background:rgba(var(--color-foreground),.1);outline:none;cursor:pointer}.chart-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2rem;height:2rem;border-radius:50%;background:rgba(var(--color-accent-1),var(--alpha-button-background));cursor:pointer;border:2px solid rgb(var(--color-accent-1-text));transition:var(--duration-default) ease}.chart-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.chart-control span{text-align:center;font-weight:var(--font-heading-weight);color:rgb(var(--color-accent-1));font-size:1.4rem}.generate-path-button,.select-pathway-btn{--color-button: var(--color-accent-1);--color-button-text: var(--color-accent-1-text);background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));border:0;padding:1.5rem 3rem;border-radius:var(--buttons-radius);font-size:1.4rem;font-weight:var(--font-heading-weight);cursor:pointer;transition:var(--duration-default) ease;margin-top:var(--app-spacing);min-width:18rem;min-height:5rem;display:inline-flex;justify-content:center;align-items:center;position:relative}.generate-path-button:before,.select-pathway-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--buttons-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.generate-path-button:hover,.select-pathway-btn:hover{transform:translateY(-.2rem);--border-offset: 1.3px}.pathway-flow-view{max-width:80rem;margin:0 auto;padding:var(--app-spacing) 1.5rem}.flowchart-container{background:rgb(var(--color-background));border-radius:var(--text-boxes-radius);padding:calc(var(--app-spacing) * 1.5);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));border:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity))}.flowchart-step{text-align:center}.flowchart-step h3{font-size:calc(var(--font-heading-scale) * 1.8rem);margin-bottom:var(--app-spacing);color:rgb(var(--color-foreground));font-family:var(--font-heading-family);line-height:1.4}.flowchart-buttons{display:flex;justify-content:center;gap:var(--app-spacing);margin-bottom:var(--app-spacing);flex-wrap:wrap}.flowchart-btn{padding:1.5rem 3rem;border:var(--buttons-border-width) solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:var(--font-heading-weight);cursor:pointer;transition:var(--duration-default) ease;min-width:12rem;min-height:4.5rem;display:inline-flex;justify-content:center;align-items:center;position:relative}.flowchart-btn:hover{border-color:rgb(var(--color-accent-1));color:rgb(var(--color-accent-1));transform:translateY(-.2rem)}.flowchart-btn.yes{--color-button: var(--color-accent-1);--color-button-text: var(--color-accent-1-text);background:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));border-color:rgb(var(--color-accent-1))}.flowchart-btn.no{--color-button: var(--color-accent-2);--color-button-text: var(--color-accent-2-text);background:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));border-color:rgb(var(--color-accent-2))}.pathway-result{background:rgba(var(--color-accent-1),.1);border-radius:var(--text-boxes-radius);padding:calc(var(--app-spacing) * 1.5);margin-top:var(--app-spacing);border:var(--text-boxes-border-width) solid rgba(var(--color-accent-1),.3)}.pathway-result h4{font-size:calc(var(--font-heading-scale) * 1.6rem);margin-bottom:1.5rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.pathway-result p{color:rgba(var(--color-foreground),.75);margin-bottom:2rem;line-height:1.6;font-size:1.4rem}.flowchart-progress{margin-top:var(--app-spacing);padding:1.5rem;background:rgba(var(--color-accent-1),.1);border-radius:var(--text-boxes-radius);text-align:center;border:1px solid rgba(var(--color-accent-1),.3)}.flowchart-progress h4{margin-bottom:1.5rem;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:var(--font-heading-weight)}.answer-trail{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.answer-badge{background:rgba(var(--color-accent-1),var(--alpha-button-background));color:rgb(var(--color-accent-1-text));padding:.8rem 1.5rem;border-radius:var(--buttons-radius);font-size:1.2rem;font-weight:var(--font-heading-weight);border:1px solid rgba(var(--color-accent-1),.3)}@media screen and (max-width: 749px){.welcome-header h1{font-size:calc(var(--font-heading-scale) * 2.5rem)}.pathway-cards,.situation-options{grid-template-columns:1fr}.flowchart-buttons{flex-direction:column;align-items:center}.chart-controls{grid-template-columns:1fr}.discovery-button{font-size:1.4rem;padding:1.2rem 2.5rem}.welcome-screen,.random-discovery-view,.situation-view,.pathway-flow-view{padding:var(--app-spacing) 1rem}}#waypoint-app{transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.swipe-left{animation:swipeLeft .3s cubic-bezier(.4,0,.2,1)}.swipe-right{animation:swipeRight .3s cubic-bezier(.4,0,.2,1)}@keyframes swipeLeft{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}@keyframes swipeRight{0%{transform:translate(-100%);opacity:.8}to{transform:translate(0);opacity:1}}.welcome-screen,.random-discovery-view,.situation-view,.pathway-flow-view,.waypoint-details,.browse-view{animation:fadeInSlide .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}.pathway-card{animation:fadeInUp .6s var(--animation-ease)}.pathway-card:nth-child(2){animation-delay:.1s}.pathway-card:nth-child(3){animation-delay:.2s}.pathway-card:nth-child(4){animation-delay:.3s}.web-chart-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sections-mobile);background:rgb(var(--color-background));border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));margin:var(--spacing-sections-mobile) 0;overflow:visible;width:100%;max-width:60rem;margin-left:auto;margin-right:auto}.chart-instructions{background:rgba(var(--color-button),.1);padding:1.2rem 1.6rem;border-radius:var(--border-radius);margin:1rem 0;font-size:var(--font-size-static-medium);border-left:.4rem solid rgb(var(--color-button));color:rgb(var(--color-foreground))}#webChart{border-radius:var(--border-radius);box-shadow:var(--shadow-depth-1);transition:transform var(--duration-short) var(--animation-ease)}#webChart:hover{transform:scale(1.02)}.chart-values{background:rgb(var(--color-background));padding:1.6rem;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));width:100%;max-width:40rem}.value-display{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:rgba(var(--color-foreground),.04);border-radius:calc(var(--border-radius) * .6);transition:background-color var(--duration-short) var(--animation-ease)}.value-display:hover{background:rgba(var(--color-button),.1)}.category-name{font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground));font-size:var(--font-size-static-medium)}.category-value{font-weight:var(--font-weight-bold);color:rgb(var(--color-button));font-size:var(--font-size-static-medium)}.generate-path-button{margin-top:2rem;padding:var(--buttons-padding-vertical) var(--buttons-padding-horizontal);background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:var(--border-width) solid rgb(var(--color-button));border-radius:var(--buttons-radius);font-size:var(--font-size-static-medium);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-short) var(--animation-ease);box-shadow:var(--shadow-depth-1)}.generate-path-button:hover{background:rgba(var(--color-button),.9);transform:translateY(-.1rem);box-shadow:var(--shadow-depth-2)}.generate-path-button:active{transform:translateY(0)}@media screen and (max-width: 749px){.web-chart-container{padding:var(--spacing-sections-mobile);max-width:100%;overflow-x:auto}#webChart{min-width:400px;min-height:400px;max-width:none;width:400px!important;height:400px!important}.chart-values{grid-template-columns:1fr;gap:.8rem;max-width:100%}.value-display{padding:.6rem 1rem}.chart-instructions{padding:1rem 1.4rem}}.flow-cards-container{display:flex;flex-direction:column;gap:2rem;max-width:80rem;margin:0 auto;padding:2rem;position:relative}.flow-card{background:rgb(var(--color-background));border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));box-shadow:var(--shadow-depth-1);transition:all var(--duration-default) var(--animation-ease);overflow:hidden;position:relative}.flow-card.preview{opacity:.6;transform:translateY(1rem) scale(.98);pointer-events:none}.flow-card.active{border-color:rgb(var(--color-button));box-shadow:var(--shadow-depth-2);transform:translateY(-.5rem)}.flow-card.completed{opacity:.8;transform:translateY(-1rem) scale(.96)}.card-header{padding:1rem;border-bottom:var(--border-width) solid rgba(var(--color-foreground),calc(var(--border-opacity) * .5));background:rgba(var(--color-button),.05)}.card-number{display:inline-block;background:rgb(var(--color-button));color:rgb(var(--color-button-text));width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-static-medium);margin-bottom:1rem}.card-header h3{margin:0}.card-content{padding:0 2rem 2rem}.card-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.flow-btn{cursor:pointer;transition:all var(--duration-default) var(--animation-ease);text-align:left;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden;background:var(--app-color-background);border:2px solid var(--app-color-border);border-radius:var(--app-border-radius);padding:var(--app-spacing-sm)}.flow-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-button),.1);opacity:0;transition:opacity var(--duration-default) ease}.flow-btn:hover:before{opacity:1}.flow-btn:hover{border-color:rgb(var(--color-button));transform:translateY(-.3rem);box-shadow:var(--shadow-depth-2)}.flow-btn.yes{border-color:rgba(var(--color-button),.5)}.flow-btn.no{border-color:rgba(var(--color-foreground),.3)}.btn-text{font-size:1.6rem;font-family:var(--font-heading-family);line-height:2rem;margin-bottom:.8rem}.btn-subtitle{font-size:1.6rem;font-weight:var(--font-weight-medium);position:relative;z-index:1}.card-answer{background:rgba(var(--color-button),.1);padding:1.5rem;border-radius:var(--border-radius);border-left:.4rem solid rgb(var(--color-button));display:flex;align-items:center;gap:1rem}.answer-label{font-size:calc(var(--font-size-static-medium) * .9);color:rgba(var(--color-foreground),.7);font-weight:var(--font-weight-medium)}.answer-value{font-size:var(--font-size-static-medium);color:rgb(var(--color-foreground));font-weight:var(--font-weight-bold)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(3rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardSlideDown{0%{transform:translateY(0) scale(1)}to{transform:translateY(-1rem) scale(.96)}}.flow-card.active{animation:cardSlideIn .5s var(--animation-ease)}.flow-card.completed{animation:cardSlideDown .3s var(--animation-ease)}@media screen and (max-width: 749px){.flow-cards-container{padding:1rem;gap:1.5rem}.card-header,.card-content{padding:1.5rem}.card-buttons{grid-template-columns:1fr;gap:1rem}.flow-btn{padding:1.5rem;text-align:center}.card-header h3{font-size:calc(var(--font-heading-scale) * 1.5rem)}}.framework-explanation-view{max-width:90rem;margin:0 auto;padding:2rem}.framework-card{background:rgb(var(--color-background));border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-depth-2);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity))}.framework-hero{background:linear-gradient(135deg,rgb(var(--color-button)),rgba(var(--color-button),.8));padding:4rem 3rem;color:rgb(var(--color-button-text));display:flex;align-items:center;gap:3rem;position:relative;overflow:hidden}.framework-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="20" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="60" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="70" cy="80" r="2.5" fill="rgba(255,255,255,0.1)"/></svg>');animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}}.framework-icon{font-size:6rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));position:relative;z-index:1}.framework-title-section{flex:1;position:relative;z-index:1}.framework-subtitle{display:block;font-size:var(--font-size-static-medium);opacity:.9;font-weight:var(--font-weight-medium);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.framework-title{font-size:calc(var(--font-heading-scale) * 3rem);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);margin:0 0 1rem;line-height:1.2}.framework-description{font-size:calc(var(--font-size-static-medium) * 1.1);opacity:.95;line-height:1.6;margin:0}.framework-content{padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.framework-explanation h3,.framework-benefits h3{font-size:calc(var(--font-heading-scale) * 1.6rem);color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);margin-bottom:1.5rem}.framework-explanation p{color:rgba(var(--color-foreground),.8);line-height:1.7;font-size:var(--font-size-static-medium)}.benefits-list{list-style:none;padding:0;margin:0}.benefit-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:rgba(var(--color-button),.05);border-radius:var(--border-radius);border-left:.3rem solid rgba(var(--color-button),.3)}.benefit-icon{font-size:1.2rem;margin-top:.2rem;flex-shrink:0}.benefit-text{color:rgba(var(--color-foreground),.8);line-height:1.6;font-size:var(--font-size-static-medium)}.framework-actions{padding:3rem;background:rgba(var(--color-foreground),.02);border-top:var(--border-width) solid rgba(var(--color-foreground),calc(var(--border-opacity) * .5));display:grid;grid-template-columns:2fr 1fr;gap:2rem}.explore-waypoints-btn{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:var(--border-radius);padding:2rem;cursor:pointer;transition:all var(--duration-default) var(--animation-ease);display:flex;align-items:center;gap:1.5rem;position:relative;overflow:hidden}.explore-waypoints-btn:hover{transform:translateY(-.2rem);box-shadow:var(--shadow-depth-2)}.explore-waypoints-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.explore-waypoints-btn:hover:before{transform:translate(100%)}.try-again-btn{background:transparent;color:rgb(var(--color-foreground));border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));border-radius:var(--border-radius);padding:2rem;cursor:pointer;transition:all var(--duration-default) var(--animation-ease);display:flex;align-items:center;justify-content:center}.try-again-btn:hover{border-color:rgb(var(--color-button));color:rgb(var(--color-button));transform:translateY(-.1rem)}.btn-icon{font-size:3rem;position:relative;z-index:1}.btn-content{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1}.btn-title{font-size:1.6rem;font-weight:var(--font-weight-bold);margin-bottom:.3rem}.btn-subtitle{font-size:1.6rem;font-weight:var(--font-weight-medium)}@media screen and (max-width: 749px){.framework-explanation-view{padding:1rem}.framework-hero{flex-direction:column;text-align:center;padding:3rem 2rem;gap:2rem}.framework-icon{font-size:4rem}.framework-title{font-size:calc(var(--font-heading-scale) * 2rem)}.framework-content{grid-template-columns:1fr;padding:2rem;gap:2rem}.framework-actions{grid-template-columns:1fr;padding:2rem;gap:1.5rem}.explore-waypoints-btn,.try-again-btn{padding:1.5rem}.btn-content{align-items:center;text-align:center}}.activity-cards-grid{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.activity-card{display:flex;align-items:center;padding:.75rem;background:rgba(var(--color-foreground),.02);border:var(--border-width) solid rgba(var(--color-foreground),calc(var(--border-opacity) * .5));border-radius:var(--border-radius);cursor:pointer;transition:all var(--duration-default) var(--animation-ease);gap:1rem}.activity-card:hover{background:rgba(var(--color-button),.05);border-color:rgba(var(--color-button),.3);transform:translateY(-.1rem)}.activity-image{width:3rem;height:3rem;background:linear-gradient(135deg,rgba(var(--color-button),.1),rgba(var(--color-button),.2));border-radius:calc(var(--border-radius) * .5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon{font-size:1.2rem;opacity:.8}.activity-content{flex:1;min-width:0}.activity-title{font-size:var(--font-size-static-medium);font-weight:var(--font-weight-bold);color:rgb(var(--color-foreground));margin:0 0 .25rem;line-height:1.3}.activity-meta{display:flex;gap:1rem;font-size:calc(var(--font-size-static-medium) * .9);color:rgba(var(--color-foreground),.7);margin:0}.activity-time:before{content:"\23f1\fe0f  ";margin-right:.25rem}.activity-difficulty:before{content:"\1f4ca  ";margin-right:.25rem}.activity-action{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:rgba(var(--color-button),.1);transition:all var(--duration-default) var(--animation-ease);flex-shrink:0}.activity-card:hover .activity-action{background:rgb(var(--color-button));transform:scale(1.1)}.play-icon{font-size:.8rem;color:rgba(var(--color-button),.8);transition:color var(--duration-default) var(--animation-ease)}.activity-card:hover .play-icon{color:rgb(var(--color-button-text))}.waypoint-playlist{position:fixed;bottom:0;left:0;right:0;background:rgb(var(--color-background));background:var(--gradient-background);border-bottom:.1rem solid rgba(var(--color-foreground),.08);box-shadow:0 -.5rem 2rem #0000001a;z-index:100;transform:translateY(calc(100% - 7rem));transition:transform var(--duration-default) var(--animation-ease);border-top:1px solid rgba(var(--color-foreground),.08)}.waypoint-playlist.playlist-expanded{transform:translateY(0)}.playlist-header{padding:1rem 1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:rgba(var(--color-button),.05);border-bottom:var(--border-width) solid rgba(var(--color-foreground),calc(var(--border-opacity) * .5))}.playlist-info{display:flex;align-items:center;gap:.75rem}.playlist-icon{font-size:1.5rem}.playlist-text{display:flex;flex-direction:column;gap:.1rem}.playlist-title{font-size:var(--font-size-static-medium);font-weight:var(--font-weight-bold);color:rgb(var(--color-foreground))}.playlist-count{font-size:calc(var(--font-size-static-medium) * .85);color:rgba(var(--color-foreground),.7)}.playlist-toggle{background:#fff;border:none;padding:.5rem;cursor:pointer;border-radius:var(--border-radius);transition:background var(--duration-default) var(--animation-ease);width:30px;height:30px;border-radius:50%}.playlist-header:hover{background:rgba(var(--color-button),.15)}.playlist-header:hover .playlist-toggle{background:rgba(var(--color-foreground),.1)}.chevron{font-size:1.2rem;color:rgba(var(--color-foreground),.7);transition:transform var(--duration-default) var(--animation-ease);font-weight:700;line-height:1.3rem}.waypoint-playlist.playlist-expanded .playlist-toggle{transform:rotate(180deg)}.playlist-content{padding:1.5rem;max-height:20rem;overflow-y:auto}.playlist-items{margin-bottom:1.5rem}.playlist-items .item-image{height:50px;width:50px;display:block;float:left;background:#fff;text-align:center;margin-right:20px;border-radius:6px}.playlist-items .item-image .item-thumbnail{max-width:40px;max-height:100%;margin-left:auto;margin-right:auto;text-align:center}.playlist-item{display:flex;align-items:center;padding:.75rem;margin-bottom:.5rem;background:rgba(var(--color-foreground),.02);border-radius:var(--border-radius);cursor:pointer;transition:all var(--duration-default) var(--animation-ease);gap:1rem}.playlist-item:hover{background:rgba(var(--color-button),.05);transform:translate(.25rem)}.item-number{width:1.5rem;height:1.5rem;background:rgba(var(--color-button),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-static-medium) * .8);font-weight:var(--font-weight-bold);color:rgb(var(--color-button));flex-shrink:0}.item-content{flex:1;min-width:0}.item-title{display:block;font-size:var(--font-size-static-medium);font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground));margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-symbols{font-size:calc(var(--font-size-static-medium) * .85);color:rgba(var(--color-foreground),.6)}.playlist-more{text-align:center;padding:.5rem;color:rgba(var(--color-foreground),.6);font-size:calc(var(--font-size-static-medium) * .9);font-style:italic}.playlist-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.playlist-btn{padding:.75rem 1.5rem;border-radius:var(--border-radius);border:none;cursor:pointer;font-size:var(--font-size-static-medium);font-weight:var(--font-weight-medium);transition:all var(--duration-default) var(--animation-ease)}.playlist-btn--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.playlist-btn--primary:hover{transform:translateY(-.1rem);box-shadow:var(--shadow-depth-1)}.playlist-btn--secondary{background:transparent;color:rgb(var(--color-foreground));border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity))}.playlist-btn--secondary:hover{border-color:rgb(var(--color-button));color:rgb(var(--color-button))}.breadcrumbs{margin-bottom:1.5rem;padding:.75rem 0;border-bottom:var(--border-width) solid rgba(var(--color-foreground),calc(var(--border-opacity) * .3))}.breadcrumb-link{color:rgb(var(--color-button));cursor:pointer;text-decoration:none;font-size:calc(var(--font-size-static-medium) * .9);transition:opacity var(--duration-default) var(--animation-ease);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb-link:hover{opacity:.8;text-decoration:underline}.breadcrumb-separator{margin:0 .5rem;color:rgba(var(--color-foreground),.5);font-size:calc(var(--font-size-static-medium) * .9)}@media screen and (max-width: 749px){.activity-card{padding:.5rem;gap:.75rem}.activity-image{width:2.5rem;height:2.5rem}.activity-meta{flex-direction:column;gap:.25rem}.playlist-header{padding:.75rem 1rem}.playlist-content{padding:1rem}.playlist-actions{grid-template-columns:1fr;gap:.75rem}.playlist-item{padding:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pathway-creation.css.map */