@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Source+Sans+Pro:wght@300;400;500;600;700;900&family=Kalam:wght@300;400;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-headers: "Playfair Display", serif;--font-body: "Source Sans Pro", sans-serif;--font-handwritten: "Kalam", cursive;--font-data: "JetBrains Mono", monospace;--paper-cream: #faf8f3;--aged-white: #f5f2e8;--golf-green: #2d5016;--leather-brown: #8b4513;--pencil-gray: #4a4a4a;--coffee-stain: rgba(139,69,19,.1);--grass-stain: rgba(45,80,22,.08);--pin-red: #cc0000;--sky-blue: #87ceeb;--golf-green-dark: #2d5016;--golf-green-medium: #4a7c23;--golf-green-light: #6b9f35;--golf-green-accent: #8fbc47;--leather-brown-dark: #654321;--leather-brown-medium: #8b4513;--leather-brown-light: #a0522d;--leather-brown-accent: #cd853f;--weathered-white: #faf8f3;--weathered-cream: #f5f2e8;--weathered-beige: #f0ead6;--weathered-tan: #e8dcc0;--coffee-stain-light: rgba(139, 69, 19, .1);--coffee-stain-medium: rgba(139, 69, 19, .15);--coffee-stain-dark: rgba(139, 69, 19, .25);--shadow-paper: 0 2px 8px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .4);--shadow-card: 0 4px 12px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .12);--shadow-depth: 0 8px 24px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .15);--shadow-floating: 0 12px 32px rgba(0, 0, 0, .25), 0 6px 12px rgba(0, 0, 0, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem}.shot-viz-card{background:var(--aged-white);border:1px solid var(--leather-brown-light);border-radius:12px;padding:12px}.shot-viz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.shot-viz-header .club-name{font-weight:800;color:var(--golf-green);font-size:1.1rem}.shot-viz-header .club-yards{font-weight:800;color:var(--leather-brown);font-size:1rem}.trajectory-svg{width:100%;height:220px}.trajectory-arc{stroke:var(--golf-green);stroke-width:5px;fill:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.landing-zone{fill:#2d50162e;stroke:var(--golf-green);stroke-width:2px}.label-strong{font-family:var(--font-data);font-size:13px;fill:var(--golf-green);paint-order:stroke;stroke:#fff;stroke-width:3px}.shot-quick-stats{display:flex;justify-content:space-between;margin-top:6px}.shot-quick-stats .stat{display:flex;flex-direction:column;align-items:center;flex:1}.shot-quick-stats .label{font-size:12px;color:var(--pencil-gray)}.shot-quick-stats .value{font-size:16px;color:var(--golf-green);font-weight:700}.club-switcher{display:flex;gap:8px;margin-top:10px}.club-btn{flex:1;min-height:44px;border:2px solid var(--leather-brown);border-radius:8px;background:var(--weathered-cream);font-weight:700;color:var(--pencil-gray)}.club-btn.primary{background:var(--golf-green);color:var(--weathered-white);border-color:var(--golf-green)}.bg-weathered-white{background:var(--weathered-white)}.bg-leather-brown{background:var(--leather-brown)}.bg-leather-brown-light{background:var(--leather-brown-light)}.bg-golf-green{background:var(--golf-green)}.text-golf-green{color:var(--golf-green)}.text-weathered-white{color:var(--weathered-white)}.border-leather-brown-light{border-color:var(--leather-brown-light)}.border-leather-brown{border-color:var(--leather-brown)}.rounded-2xl{border-radius:1.5rem}.shadow-2xl{box-shadow:var(--shadow-floating)}.max-h\[80vh\]{max-height:80vh}.p-6{padding:1.5rem}.rounded-full{border-radius:9999px}.hover\:bg-leather-brown:hover{background:var(--leather-brown)}.transition-colors{transition:background-color .2s ease,color .2s ease}.space-y-2>*+*{margin-top:.5rem}.p-3{padding:.75rem}.border{border-width:1px}.hover\:border-golf-green:hover{border-color:var(--golf-green)}.hover\:shadow-sm:hover{box-shadow:0 1px 2px #0000001f}.transition-all{transition:all .2s ease}.duration-200{transition-duration:.2s}.text-left{text-align:left}.hover\:bg-weathered-white:hover{background:var(--weathered-white)}.bg-weathered-cream{background:var(--weathered-cream)}.flex{display:flex}.gap-3{gap:.75rem}.w-8{width:2rem}.h-8{height:2rem}.text-xs{font-size:.75rem}.font-data{font-family:var(--font-data)}.font-headers{font-family:var(--font-headers)}.font-body{font-family:var(--font-body)}.font-handwritten{font-family:var(--font-handwritten)}.font-bold{font-weight:700}.font-medium{font-weight:600}.shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.min-w-0{min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-4{margin-top:1rem}.text-center{text-align:center}.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.z-50{z-index:50}.z-\[2000\]{z-index:2000}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.items-center{align-items:center}.justify-center{justify-content:center}.w-full{width:100%}.max-w-sm{max-width:24rem}.overflow-y-auto{overflow-y:auto}.mx-4{margin-left:1rem;margin-right:1rem}.text-lg{font-size:1.125rem}.bg-black\/95{background:rgba(0,0,0,.95)}.bg-black\/90{background:rgba(0,0,0,.9)}.bg-black\/80{background:rgba(0,0,0,.8)}.bg-transparent{background:transparent}.overlay-glass{background:rgba(245,242,232,.12);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}.bg-black\/50{background:rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;min-height:100vh;background:radial-gradient(circle at 20% 80%,var(--coffee-stain) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--coffee-stain) 0%,transparent 30%),radial-gradient(circle at 65% 70%,rgba(139,69,19,.05) 0%,transparent 40%),radial-gradient(circle at 30% 30%,rgba(139,69,19,.08) 0%,transparent 25%),radial-gradient(circle at 90% 85%,var(--coffee-stain) 0%,transparent 35%),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(139,69,19,.015) 1px,rgba(139,69,19,.015) 2px),repeating-linear-gradient(-45deg,transparent,transparent 1px,rgba(101,67,33,.01) 1px,rgba(101,67,33,.01) 3px),radial-gradient(circle at 25% 25%,rgba(139,69,19,.02) 1px,transparent 1px),linear-gradient(180deg,var(--paper-cream) 0%,var(--aged-white) 50%,var(--aged-white) 100%);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,8px 8px,12px 12px,20px 20px,100% 100%;color:var(--pencil-gray);font-feature-settings:"cv02","cv03","cv04","cv11";scroll-behavior:smooth}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--weathered-cream);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--leather-brown-light);border-radius:4px;border:2px solid var(--weathered-cream)}::-webkit-scrollbar-thumb:hover{background:var(--leather-brown)}.page-curl-scrollable::-webkit-scrollbar{display:block;width:8px}*:focus{outline:2px solid #10b981;outline-offset:2px}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button,input,select,textarea,a{transition:all .2s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){button,input,select,a{min-height:44px}.mobile-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body{overflow-x:hidden}.tap-target{min-height:48px;min-width:48px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-headers);font-weight:700;color:var(--golf-green);line-height:1.25;letter-spacing:-.025em}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}p,li,span,div{font-family:var(--font-body);color:var(--pencil-gray)}.text-gradient{background:linear-gradient(135deg,#10b981,#059669);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out}.animate-fade-in{animation:fadeIn .2s ease-out}.font-headers{font-family:var(--font-headers);font-weight:700;color:var(--golf-green)}.font-body{font-family:var(--font-body);font-weight:400;color:var(--pencil-gray)}.font-handwritten{font-family:var(--font-handwritten);font-weight:400;color:var(--golf-green);transform:rotate(-1.2deg);line-height:1.4}.font-data{font-family:var(--font-data);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.05em}.font-clean{font-family:var(--font-body)}.font-serif{font-family:var(--font-headers);line-height:1.7}.font-yardages{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.05em}.yardage-card{background:var(--weathered-white);border:1px solid var(--leather-brown-light);box-shadow:var(--shadow-card);position:relative}.yardage-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 85%,var(--coffee-stain-light) 0%,transparent 12%),radial-gradient(circle at 85% 15%,var(--coffee-stain-light) 0%,transparent 8%);pointer-events:none;border-radius:inherit}.pro-tip{font-family:var(--font-handwritten);color:var(--golf-green-dark);background:rgba(143,188,71,.1);border-left:3px solid var(--golf-green-accent);padding:.75rem;border-radius:var(--radius-md);position:relative}.pro-tip:before{content:'"';font-size:2rem;color:var(--golf-green-medium);position:absolute;left:.5rem;top:-.5rem;line-height:1}.course-header{background:linear-gradient(135deg,var(--golf-green-dark) 0%,var(--golf-green-medium) 100%);color:var(--weathered-white);padding:1rem;border-radius:var(--radius-lg);font-family:var(--font-serif);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.yardage-marker{background:var(--leather-brown-medium);color:var(--weathered-white);font-family:var(--font-yardages);font-weight:700;font-size:1.25rem;padding:.5rem 1rem;border-radius:var(--radius-lg);display:inline-block;box-shadow:var(--shadow-depth);border:2px solid var(--leather-brown-dark)}.pencil-note{font-family:var(--font-handwritten);color:var(--leather-brown-medium);font-size:.9rem;transform:rotate(-1deg);background:rgba(240,234,214,.7);padding:.5rem;border-radius:var(--radius-sm);border:1px dashed var(--leather-brown-light);position:relative}.wind-conditions{background:linear-gradient(45deg,#e0f2fe 0%,#b3e5fc 100%);color:#0277bd;font-family:var(--font-clean);font-weight:600;padding:.75rem;border-radius:var(--radius-md);border:1px solid #81d4fa}.golf-button-primary{background:linear-gradient(135deg,var(--golf-green-medium) 0%,var(--golf-green-dark) 100%);color:var(--weathered-white);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-clean);font-weight:600;box-shadow:var(--shadow-card);transition:all .2s ease}.golf-button-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-floating)}.golf-button-secondary{background:var(--weathered-white);color:var(--golf-green-dark);border:2px solid var(--golf-green-medium);padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-family:var(--font-clean);font-weight:600;box-shadow:var(--shadow-paper);transition:all .2s ease}.golf-button-secondary:hover{background:var(--golf-green-medium);color:var(--weathered-white);transform:translateY(-1px)}@keyframes golfBallBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.golf-icon-bounce{animation:golfBallBounce 2s ease-in-out infinite}@keyframes flagWave{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.flag-wave{animation:flagWave 3s ease-in-out infinite}.golf-spacing{padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.golf-card-stack{background:var(--weathered-cream);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-floating);position:relative;border:1px solid var(--leather-brown-light)}.golf-card-stack:after{content:"";position:absolute;top:-3px;left:3px;right:-3px;bottom:3px;background:var(--weathered-beige);border-radius:var(--radius-xl);z-index:-1;border:1px solid var(--leather-brown-light)}.hole-diagram{background:var(--golf-green-light);border:2px solid var(--golf-green-dark);border-radius:var(--radius-lg);padding:1rem;position:relative;min-height:120px}.hole-fairway{background:linear-gradient(90deg,var(--golf-green-medium) 0%,var(--golf-green-light) 50%,var(--golf-green-medium) 100%);border-radius:var(--radius-sm);height:80px;position:relative;border:1px solid var(--golf-green-dark)}.hole-tee{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--leather-brown-medium);border-radius:50%;border:2px solid var(--leather-brown-dark)}.hole-green{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--golf-green-accent);border-radius:50%;border:2px solid var(--golf-green-dark)}.hole-flag{position:absolute;right:16px;top:30%;width:2px;height:20px;background:var(--leather-brown-dark)}.hole-flag:after{content:"";position:absolute;top:0;right:0;width:8px;height:6px;background:#dc2626;border-radius:0 2px 2px 0}.yardage-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-family:var(--font-yardages);font-size:.75rem;font-weight:700;color:var(--leather-brown-dark);background:var(--weathered-white);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--leather-brown-light)}.golf-diagram{position:relative;padding:2rem;background:var(--weathered-white);border:2px solid var(--leather-brown-light);border-radius:var(--radius-lg);overflow:hidden}.ground-texture{position:absolute;bottom:0;left:0;right:0;height:40px;background:radial-gradient(circle at 10% 20%,var(--golf-green-dark) 1px,transparent 1px),radial-gradient(circle at 30% 50%,var(--golf-green-medium) 1px,transparent 1px),radial-gradient(circle at 60% 30%,var(--golf-green-dark) 1px,transparent 1px),radial-gradient(circle at 80% 60%,var(--golf-green-medium) 1px,transparent 1px),radial-gradient(circle at 25% 80%,var(--golf-green-dark) 1px,transparent 1px),radial-gradient(circle at 70% 90%,var(--golf-green-medium) 1px,transparent 1px),var(--golf-green-light);background-size:20px 20px,15px 15px,25px 25px,18px 18px,22px 22px,16px 16px,100% 100%;border-top:2px dashed var(--golf-green-dark)}.sand-texture{background:radial-gradient(circle at 15% 25%,#deb887 1px,transparent 1px),radial-gradient(circle at 45% 55%,#d2b48c 1px,transparent 1px),radial-gradient(circle at 75% 35%,#deb887 1px,transparent 1px),radial-gradient(circle at 25% 75%,#d2b48c 1px,transparent 1px),#f4e4bc;background-size:12px 12px,18px 18px,15px 15px,20px 20px,100% 100%}.stick-golfer{position:relative;width:60px;height:80px;margin:1rem auto}.golfer-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:12px;height:12px;border:2px solid var(--leather-brown-dark);border-radius:50%;background:var(--weathered-white)}.golfer-body{position:absolute;top:12px;left:50%;transform:translate(-50%);width:2px;height:35px;background:var(--leather-brown-dark)}.golfer-arms{position:absolute;top:20px;left:50%;transform:translate(-50%) rotate(-25deg);width:30px;height:2px;background:var(--leather-brown-dark);border-radius:1px}.golfer-legs{position:absolute;top:47px;left:50%;transform:translate(-50%)}.golfer-legs:before{content:"";position:absolute;left:-8px;width:16px;height:2px;background:var(--leather-brown-dark);transform:rotate(15deg)}.golfer-legs:after{content:"";position:absolute;right:-8px;width:16px;height:2px;background:var(--leather-brown-dark);transform:rotate(-15deg)}.golf-club{position:absolute;top:10px;left:65%;transform:rotate(-30deg);width:2px;height:45px;background:var(--leather-brown-medium)}.golf-club:after{content:"";position:absolute;bottom:0;left:-3px;width:8px;height:6px;background:var(--leather-brown-dark);border-radius:2px}.ball-position{position:absolute;width:8px;height:8px;background:var(--weathered-white);border:2px solid var(--leather-brown-dark);border-radius:50%;box-shadow:inset 0 0 0 1px var(--golf-green-medium)}.swing-path{position:absolute;stroke:var(--leather-brown-dark);stroke-width:2;fill:none;stroke-dasharray:5,3;stroke-linecap:round}.swing-arrow{position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--leather-brown-dark)}.target-line{position:absolute;border-top:2px dashed var(--golf-green-dark);opacity:.7}.target-line:after{content:"🎯";position:absolute;right:-15px;top:-12px;font-size:16px}.slope-indicator{position:absolute;background:linear-gradient(45deg,transparent 45%,var(--leather-brown-light) 45%,var(--leather-brown-light) 55%,transparent 55%);background-size:8px 8px;opacity:.3;border-radius:var(--radius-sm)}.uphill-slope{transform:rotate(15deg)}.downhill-slope{transform:rotate(-15deg)}.sidehill-slope{background:linear-gradient(90deg,transparent 45%,var(--golf-green-medium) 45%,var(--golf-green-medium) 55%,transparent 55%)}.wind-arrows{position:absolute;display:flex;gap:4px}.wind-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid #0ea5e9;animation:windSway 2s ease-in-out infinite}@keyframes windSway{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.stance-feet{position:absolute;bottom:10px}.foot{position:absolute;width:16px;height:8px;background:var(--leather-brown-dark);border-radius:4px}.left-foot{left:-20px}.right-foot{right:-20px}.square-stance .foot{transform:rotate(0)}.open-stance .left-foot{transform:rotate(-15deg)}.closed-stance .right-foot{transform:rotate(15deg)}.distance-marker{position:absolute;background:var(--weathered-white);border:2px solid var(--leather-brown-dark);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:var(--font-yardages);font-size:10px;font-weight:700;color:var(--leather-brown-dark)}.club-visual{position:relative;display:inline-block;padding:.5rem;background:var(--weathered-cream);border:2px solid var(--leather-brown-medium);border-radius:var(--radius-md);margin:.5rem}.club-visual:before{content:attr(data-club);font-family:var(--font-serif);font-weight:700;color:var(--leather-brown-dark)}.shot-result{position:absolute;font-size:12px;font-family:var(--font-handwritten);color:var(--golf-green-dark);background:rgba(255,255,255,.9);padding:2px 6px;border-radius:var(--radius-sm);border:1px dashed var(--golf-green-medium)}.draw-result:after{content:"↺";margin-left:4px;color:#dc2626}.fade-result:after{content:"↻";margin-left:4px;color:#2563eb}.high-result:after{content:"↑";margin-left:4px;color:#16a34a}.low-result:after{content:"→";margin-left:4px;color:#ea580c}.tab-book-style{position:relative;background:var(--weathered-cream);border:2px solid var(--leather-brown-medium);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.75rem 1.5rem .5rem;margin-right:2px;transform:perspective(20px) rotateX(2deg);box-shadow:0 2px 4px #0000001a}.tab-book-style.active{background:var(--weathered-white);border-bottom:2px solid var(--weathered-white);transform:perspective(20px) rotateX(0) translateY(-2px);z-index:10;box-shadow:0 4px 8px #00000026}.tab-book-style:before{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;background:linear-gradient(90deg,rgba(139,69,19,.1) 0%,transparent 100%);transform:skew(-10deg)}.pro-insight{background:linear-gradient(135deg,rgba(45,80,22,.05) 0%,rgba(75,124,35,.1) 100%);border:1px solid var(--golf-green-medium);border-left:4px solid var(--golf-green-dark);padding:1rem;border-radius:var(--radius-md);font-family:var(--font-serif);position:relative}.pro-insight:before{content:"💡";position:absolute;top:.5rem;left:.5rem;font-size:1.2rem}.pro-insight-content{margin-left:2rem;font-style:italic;color:var(--golf-green-dark)}.page-curl-content-learn{background:var(--weathered-white);border:2px solid var(--leather-brown-light);min-height:100vh;display:flex;flex-direction:column}.learn-page-header{margin:0 0 1.5rem;padding-top:.5rem}.learn-title-section{display:flex;align-items:flex-start;gap:1rem;margin:0 0 1rem;padding:0}.learn-icon-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--golf-green-light),var(--golf-green-medium));border-radius:50%;border:3px solid var(--golf-green-dark);box-shadow:var(--shadow-card)}.learn-icon{font-size:1.8rem;color:var(--weathered-white)}.learn-title-content{flex:1;min-width:0}.learn-page-title{font-family:var(--font-headers);font-size:1.8rem;font-weight:700;color:var(--golf-green);line-height:1.2;margin-bottom:.5rem}.learn-page-subtitle{font-family:var(--font-handwritten);font-size:1.1rem;color:var(--golf-green);margin-bottom:.75rem;line-height:1.3}.learn-difficulty-badge{display:inline-block;background:linear-gradient(135deg,var(--golf-green-medium),var(--golf-green-dark));color:var(--weathered-white);padding:.4rem 1rem;border-radius:var(--radius-lg);font-family:var(--font-clean);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-paper)}.learn-page-divider{height:2px;background:linear-gradient(90deg,var(--golf-green-medium) 0%,var(--golf-green-light) 50%,var(--golf-green-medium) 100%);border-radius:1px;margin:1rem 0}.learn-content-grid{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.learn-section{background:rgba(255,255,255,.9);border:2px solid var(--leather-brown-light);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-paper);position:relative;margin:0 0 1rem;width:auto;box-sizing:border-box}.learn-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 85% 15%,var(--coffee-stain-light) 0%,transparent 8%);pointer-events:none;border-radius:inherit}.learn-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--golf-green-light)}.learn-section-icon{font-family:var(--font-data);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;background:var(--golf-green);color:var(--aged-white);border-radius:2px;box-shadow:0 1px 3px #0003,inset 0 1px #fff3;text-shadow:0 1px 1px rgba(0,0,0,.3);border:1px solid var(--leather-brown)}.learn-section-title{font-family:var(--font-headers);font-size:1.3rem;font-weight:700;color:var(--golf-green);margin:0}.learn-list{display:flex;flex-direction:column;gap:.75rem}.learn-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:var(--radius-md);transition:all .2s ease}.learn-item:hover{background:rgba(75,124,35,.05);transform:translate(2px)}.learn-bullet{font-size:1.2rem;font-weight:700;min-width:1.25rem;margin-top:.1rem;text-align:center}.learn-bullet.green{color:var(--golf-green-medium)}.learn-bullet.red{color:#dc2626}.learn-number{display:flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;background:var(--golf-green-medium);color:var(--weathered-white);border-radius:50%;font-family:var(--font-yardages);font-size:.85rem;font-weight:700;margin-top:-.1rem}.learn-text{font-family:var(--font-body);font-size:.95rem;line-height:1.5;color:var(--pencil-gray);flex:1}.key-points-section,.learn-section.key-points-section,div.key-points-section,.mistakes-section,.learn-section.mistakes-section,div.mistakes-section,.drills-section,.learn-section.drills-section,div.drills-section{border-left:5px solid #4a7c23!important;border-bottom:none!important;border-top:none!important;border-right:none!important;background:linear-gradient(90deg,rgba(74,124,35,.08) 0%,transparent 20%)!important;padding-left:1.5rem!important}.instruction-section{border-left:4px solid #4a7c23!important}.page-section{border:1px solid rgba(139,69,19,.2)!important}.key-points-section *,.mistakes-section *,.drills-section *,.instruction-section *{border-color:#4a7c23!important}.learn-bullet.golf-green,.learn-bullet.green{color:#4a7c23!important;font-weight:700}.page-curl-tab{position:relative}.page-curl-tab:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 0%,rgba(139,69,19,.1) 50%,transparent 100%);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.page-curl-tab:hover:before{opacity:1}.learn-insights{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.learn-insight-card{background:var(--weathered-cream);border:2px solid var(--leather-brown-medium);border-radius:var(--radius-lg);padding:1.25rem;position:relative;box-shadow:var(--shadow-card)}.learn-insight-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--coffee-stain-light) 0%,transparent 10%);pointer-events:none;border-radius:inherit}.insight-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.insight-emoji{font-family:var(--font-data);font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.2rem .4rem;background:var(--leather-brown);color:var(--aged-white);border-radius:3px;box-shadow:0 1px 2px #00000026,inset 0 1px #ffffff26;text-shadow:0 1px 1px rgba(0,0,0,.4);border:1px solid var(--golf-green)}.insight-title{font-family:var(--font-headers);font-size:1.1rem;font-weight:700;color:var(--golf-green);margin:0}.insight-text{font-family:var(--font-body);font-size:.95rem;line-height:1.5;color:var(--pencil-gray);margin:0}.insight-quote{font-family:var(--font-handwritten);font-size:1.05rem;font-style:italic;line-height:1.4;color:var(--golf-green);margin:0}.insight-quote.memorable{font-size:1.1rem;font-weight:500;color:var(--golf-green)}.pro-tip-card{background:linear-gradient(135deg,var(--weathered-cream) 0%,rgba(75,124,35,.1) 100%);border-color:var(--golf-green-medium)!important}.mental-cue-card,.quote-card{background:linear-gradient(135deg,var(--weathered-cream) 0%,rgba(75,124,35,.08) 100%);border-color:var(--golf-green-medium)!important}.authentic-card{background:var(--aged-white);border:2px solid var(--leather-brown);border-radius:8px 12px 12px 8px;box-shadow:inset 0 0 0 1px #8b451333,0 4px 12px #00000026;position:relative}.authentic-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 85%,var(--coffee-stain) 0%,transparent 12%),radial-gradient(circle at 85% 15%,var(--coffee-stain) 0%,transparent 8%);pointer-events:none;border-radius:inherit}.page-section{background:var(--aged-white);border:1px solid var(--leather-brown);border-radius:6px 10px 10px 6px;padding:1.5rem;margin-bottom:1.5rem;position:relative;box-shadow:0 3px 8px #0000001f}.page-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--coffee-stain) 0%,transparent 10%);pointer-events:none;border-radius:inherit}.instruction-section{border:2px solid var(--golf-green);border-radius:4px 8px 8px 4px;padding:1rem;margin:1rem 0;background:rgba(245,242,232,.9);position:relative}.instruction-section .section-header{font-family:var(--font-headers);font-weight:700;color:var(--golf-green);font-size:1.1rem;margin-bottom:.75rem;border-bottom:1px solid var(--golf-green);padding-bottom:.5rem}.instruction-section .bullet-points{font-family:var(--font-body);color:var(--pencil-gray);line-height:1.6}.handwritten-tip{font-family:var(--font-handwritten);color:var(--golf-green);background:rgba(245,242,232,.7);padding:.75rem;border-radius:4px;border:1px dashed var(--leather-brown);transform:rotate(-.8deg);margin:.5rem 0;position:relative}.handwritten-tip .contributor{font-size:.8rem;opacity:.8;font-style:italic;display:block;margin-top:.5rem;text-align:right}.weather-modern{background:var(--aged-white)!important;border:1px solid var(--leather-brown)!important;border-radius:6px 10px 8px 6px!important;color:var(--pencil-gray)!important}.weather-modern h1,.weather-modern h2,.weather-modern h3{color:var(--golf-green)!important;font-family:var(--font-headers)!important}.page-curl-content{background:var(--weathered-white);border:2px solid var(--leather-brown-light);min-height:100vh;display:flex;flex-direction:column;position:relative;margin:0;padding:0;overflow:hidden;width:100%;box-sizing:border-box}.menu-button{position:fixed;top:1rem;right:1rem;z-index:1000;background:var(--weathered-white);border:2px solid var(--leather-brown);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);cursor:pointer;transition:all .2s ease;color:var(--golf-green)}.menu-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-floating);background:var(--aged-white);border-color:var(--golf-green)}.menu-button:active{transform:scale(.95)}.page-curl-scrollable{margin-top:-40px;padding-top:0}.page-curl-wrapper{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;margin:0;padding:0;box-sizing:border-box;overflow:hidden}.page-curl-scrollable{flex:1 1 auto;overflow-y:scroll;padding:0 1rem 5rem;-webkit-overflow-scrolling:touch;position:relative;background:var(--weathered-white);margin-top:0;height:100vh;box-sizing:border-box;z-index:1}@media (max-width: 768px){.learn-title-section{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.learn-icon-container{width:50px;height:50px}.learn-icon,.learn-page-title{font-size:1.5rem}.learn-section,.learn-insight-card{padding:1rem}.page-section{padding:1rem;margin-bottom:1rem}.instruction-section{padding:.75rem}}