@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-deep: #030712;--bg-surface: rgba(255, 255, 255, .03);--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-glass: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--teal-50: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-glow: rgba(45, 212, 191, .15);--teal-gradient: linear-gradient(135deg, #2dd4bf, #5eead4, #99f6e4);--gold-300: #5eead4;--gold-400: #2dd4bf;--gold-500: #14b8a6;--gold-gradient: var(--teal-gradient);--gold-glow: var(--teal-glow);--energy-shame: #dc2626;--energy-fear: #ea580c;--energy-courage: #16a34a;--energy-love: #9333ea;--energy-peace: #0ea5e9;--energy-enlighten: #2dd4bf;--energy-gradient: linear-gradient(90deg, #dc2626, #ea580c, #eab308, #16a34a, #0ea5e9, #9333ea, #2dd4bf);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--text-accent: #5eead4;--font-serif: "Noto Serif SC", "Songti SC", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-glow: 0 0 30px rgba(45, 212, 191, .08);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .4);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}#app{position:relative;min-height:100vh}.bg-cosmos{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(ellipse at 30% 20%,rgba(45,212,191,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(15,23,42,.9) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(14,116,144,.06) 0%,transparent 50%),var(--bg-deep);pointer-events:none}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.6}.page{position:relative;z-index:2;max-width:680px;margin:0 auto;padding:var(--space-xl) var(--space-md);min-height:100vh;display:flex;flex-direction:column;animation:fadeIn var(--duration-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:all var(--duration-normal) var(--ease-out)}.card:hover{background:var(--bg-card-hover);border-color:#2dd4bf26;box-shadow:var(--shadow-glow)}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0%,rgba(45,212,191,.03) 25%,transparent 50%);animation:rotateGlow 8s linear infinite;pointer-events:none}@keyframes rotateGlow{to{transform:rotate(360deg)}}h1,h2,h3{font-family:var(--font-serif);font-weight:700;letter-spacing:.02em}h1{font-size:2rem;line-height:1.3;background:var(--teal-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.5rem;color:var(--text-primary)}h3{font-size:1.125rem;color:var(--text-accent)}p{color:var(--text-secondary);line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 32px;border:none;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--duration-fast);background:#ffffff1a}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--teal-gradient);color:#030712;font-weight:600;box-shadow:0 4px 20px #2dd4bf40}.btn-primary:hover{box-shadow:0 6px 30px #2dd4bf59;transform:translateY(-2px)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:var(--teal-400);color:var(--teal-300)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 20px}.btn-ghost:hover{color:var(--teal-300)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input-group{position:relative}.input{width:100%;padding:16px 20px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;outline:none;transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--teal-400);box-shadow:0 0 0 3px var(--teal-glow)}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.progress-bar{width:100%;height:4px;background:var(--bg-card);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--teal-gradient);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out);position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:-2px;width:8px;height:8px;border-radius:50%;background:var(--teal-300);box-shadow:0 0 12px var(--teal-400)}.option-card{padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);color:var(--text-secondary);font-size:.95rem;line-height:1.6;position:relative}.option-card:hover{background:var(--bg-card-hover);border-color:#2dd4bf33;color:var(--text-primary);transform:translate(4px)}.option-card.selected{background:#2dd4bf14;border-color:var(--teal-400);color:var(--text-primary);box-shadow:0 0 20px var(--teal-glow)}.option-card.selected:before{content:"✦";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--teal-400);font-size:1rem}.modal-overlay{position:fixed;inset:0;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal{background:#14142b;border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:440px;width:100%;box-shadow:var(--shadow-elevated);animation:slideUp var(--duration-normal) var(--ease-spring)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{margin-bottom:var(--space-md)}.modal .input{margin:var(--space-md) 0}.modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.dimension-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;background:#2dd4bf14;border:1px solid rgba(45,212,191,.15);border-radius:var(--radius-full);font-size:.8rem;color:var(--teal-300);font-weight:500}.energy-shame{color:#ef4444}.energy-guilt{color:#f87171}.energy-apathy{color:#fb923c}.energy-grief{color:#fbbf24}.energy-fear{color:#f97316}.energy-desire{color:#fb923c}.energy-anger{color:#ef4444}.energy-pride{color:#eab308}.energy-courage{color:#22c55e}.energy-neutrality{color:#34d399}.energy-willingness{color:#2dd4bf}.energy-acceptance{color:#06b6d4}.energy-reason{color:#3b82f6}.energy-love{color:#a855f7}.energy-joy{color:#c084fc}.energy-peace{color:#67e8f9}.energy-enlightenment{color:#fde68a}.divider{width:60px;height:2px;background:var(--teal-gradient);border-radius:var(--radius-full);margin:var(--space-lg) auto;opacity:.5}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-breathe{animation:breathe 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(100px);background:#14142b;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--text-primary);font-size:.9rem;box-shadow:var(--shadow-elevated);z-index:200;opacity:0;transition:all var(--duration-normal) var(--ease-spring)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:640px){:root{font-size:15px}.page{padding:var(--space-lg) var(--space-md)}.card{padding:var(--space-lg)}h1{font-size:1.7rem}.btn{padding:12px 24px;width:100%}.modal{padding:var(--space-lg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.home-hero{text-align:center;padding:var(--space-3xl) 0 var(--space-2xl);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-logo{font-size:3.5rem;margin-bottom:var(--space-lg);animation:breathe 4s ease-in-out infinite}.home-title{margin-bottom:var(--space-md)}.home-subtitle{font-size:.95rem;max-width:420px;margin:0 auto var(--space-2xl)}.home-input-area{width:100%;max-width:380px}.home-input-area .input{text-align:center;font-size:1.1rem;letter-spacing:.15em}.home-start-btn{width:100%;margin-top:var(--space-md);font-size:1.05rem}.home-error{color:#ef4444;font-size:.85rem;margin-top:var(--space-sm);min-height:1.2em}.home-footer{text-align:center;padding:var(--space-lg) 0;color:var(--text-muted);font-size:.8rem}.home-links{display:flex;gap:var(--space-lg);justify-content:center;margin-top:var(--space-md)}.home-links a{color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast)}.home-links a:hover{color:var(--teal-300)}.assessment-header{position:sticky;top:0;z-index:10;background:#0a0a14d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--space-md) 0;margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md)}.assessment-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);font-size:.85rem;color:var(--text-secondary)}.assessment-question-area{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) 0}.assessment-question-text{font-family:var(--font-serif);font-size:1.25rem;line-height:1.7;color:var(--text-primary);margin-bottom:var(--space-xl);text-align:center}.assessment-options{display:flex;flex-direction:column;gap:var(--space-sm)}.assessment-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;gap:var(--space-md)}.assessment-nav .btn{min-width:120px}.question-counter{color:var(--teal-300);font-weight:600;font-variant-numeric:tabular-nums}.result-header{text-align:center;padding:var(--space-2xl) 0}.result-level-number{font-family:var(--font-serif);font-size:4rem;font-weight:900;background:var(--teal-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-sm)}.result-level-name{font-family:var(--font-serif);font-size:1.5rem;color:var(--text-accent);margin-bottom:var(--space-md)}.result-level-desc{max-width:460px;margin:0 auto;font-size:.95rem}.gauge-container{margin:var(--space-xl) auto;max-width:360px}.radar-container{margin:var(--space-md) auto;max-width:360px}.radar-container canvas{width:100%!important;height:auto!important}.dimension-list{display:flex;flex-direction:column;gap:var(--space-md)}.dimension-item{display:flex;align-items:center;gap:var(--space-md)}.dimension-label{width:80px;font-size:.85rem;color:var(--text-secondary);text-align:right;flex-shrink:0}.dimension-bar-track{flex:1;height:8px;background:var(--bg-card);border-radius:var(--radius-full);overflow:hidden}.dimension-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1.5s var(--ease-out);background:var(--teal-gradient)}.dimension-value{width:40px;font-size:.85rem;color:var(--teal-300);font-weight:600;font-variant-numeric:tabular-nums}.suggestion-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.suggestion-item{padding:var(--space-sm) 0;color:var(--text-secondary);font-size:.9rem;line-height:1.6;border-bottom:1px solid var(--border-subtle)}.suggestion-item:last-child{border-bottom:none}.suggestion-header{color:var(--teal-300);font-weight:600;font-size:.95rem;border-bottom:none;padding-top:var(--space-md)}.result-actions{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg) 0}.history-list{display:flex;flex-direction:column;gap:var(--space-md)}.history-card{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.history-card .card{flex:1;display:flex;align-items:center;gap:var(--space-md)}.history-energy{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--teal-300);min-width:60px}.history-info{flex:1}.history-level-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.history-date{font-size:.8rem;color:var(--text-muted)}.history-empty{text-align:center;padding:var(--space-3xl) 0;color:var(--text-muted)}.history-empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.3}.page-enter{animation:pageEnter var(--duration-slow) var(--ease-out)}@keyframes pageEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.calibration-page{justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at center,#0f172a,#000)}.calibration-breathe-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);position:relative}.breathe-circle{width:220px;height:220px;border-radius:50%;border:1px solid rgba(45,212,191,.3);box-shadow:0 0 20px #2dd4bf1a;display:flex;align-items:center;justify-content:center;position:relative;animation:breatheScale 5s cubic-bezier(.4,0,.2,1) infinite}.breathe-inner{width:200px;height:200px;border-radius:50%;border:1px solid rgba(45,212,191,.1);background:radial-gradient(circle,rgba(45,212,191,.05) 0%,transparent 60%);position:absolute;animation:innerPulse 5s cubic-bezier(.4,0,.2,1) infinite}.breathe-core{width:4px;height:4px;background:#2dd4bf;border-radius:50%;box-shadow:0 0 15px #2dd4bf;opacity:.8}@keyframes breatheScale{0%,to{transform:scale(.95);border-color:#2dd4bf33;box-shadow:0 0 15px #2dd4bf0d}50%{transform:scale(1.05);border-color:#2dd4bf80;box-shadow:0 0 30px #2dd4bf33}}@keyframes innerPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}}.breathe-text{font-family:var(--font-sans);font-weight:300;letter-spacing:2px;font-size:1.1rem;color:#ccfbf1;text-shadow:0 0 10px rgba(45,212,191,.3);transition:opacity var(--duration-normal) var(--ease-out);margin-top:var(--space-xl)}.breathe-sub{font-size:.8rem;color:#5eead4;opacity:.6;letter-spacing:1px;margin-top:var(--space-xs)}.breathe-dots{display:flex;gap:8px;margin-top:var(--space-lg)}.breathe-dots .dot{width:4px;height:4px;border-radius:50%;background:#2dd4bf4d;transition:all var(--duration-normal) var(--ease-out)}.breathe-dots .dot.active{background:#2dd4bf;box-shadow:0 0 8px #2dd4bf;transform:scale(1.2)}.calibration-skip{align-self:center;margin-top:var(--space-2xl);color:#fff6;font-size:.8rem;font-weight:300;letter-spacing:1px}.calibration-input-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:420px}.calibration-greeting{text-align:center;margin-bottom:var(--space-2xl)}.calibration-form{width:100%;display:flex;flex-direction:column;gap:var(--space-xl)}.calibration-field{text-align:left}.calibration-label{display:block;font-family:var(--font-serif);font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.age-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.age-chip{padding:10px 8px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);text-align:center;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.age-chip:hover{background:var(--bg-card-hover);border-color:#2dd4bf33;color:var(--text-primary)}.age-chip.selected{background:#2dd4bf14;border-color:var(--teal-400);color:var(--teal-300);box-shadow:0 0 15px var(--teal-glow)}.transition-guide{display:flex;flex-direction:column;gap:var(--space-lg)}.transition-levels{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.transition-current,.transition-next{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);min-width:100px}.transition-current{background:#ffffff0a;border:1px solid var(--border-glass)}.transition-next{background:#2dd4bf0f;border:1px dashed rgba(45,212,191,.25)}.transition-emoji{font-size:1.5rem}.transition-name{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.transition-range{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.transition-arrow{font-size:1.5rem;color:var(--teal-400);animation:arrowPulse 2s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.transition-tip{padding:var(--space-md);background:#2dd4bf08;border-radius:var(--radius-md);border-left:3px solid var(--teal-500)}.chart-container{width:100%;margin-top:var(--space-md);margin-bottom:var(--space-sm);background:#0003;border-radius:var(--radius-md);padding:var(--space-sm);border:1px solid rgba(255,255,255,.05)}#history-canvas{width:100%;height:200px;display:block}.result-actions{display:grid;gap:var(--space-md);margin-top:var(--space-xl)}.viewpoint-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.viewpoint-grid{grid-template-columns:1fr 1fr}}.viewpoint-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:var(--space-md);display:flex;gap:var(--space-md);align-items:flex-start;transition:all .3s ease}.viewpoint-card:hover{background:#2dd4bf0d;border-color:#2dd4bf33;transform:translateY(-2px)}.viewpoint-icon{font-size:1.5rem;padding:8px;background:#ffffff0d;border-radius:50%;line-height:1}.viewpoint-label{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.viewpoint-value{display:block;font-size:1.1rem;color:var(--teal-300);font-weight:600;margin-bottom:6px;font-family:var(--font-serif)}.viewpoint-content p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.transition-desc-sm{display:block;font-size:.75rem;color:var(--text-muted);margin-top:4px}.transition-comparison{margin:var(--space-lg) 0;padding:var(--space-md);background:#0003;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm)}.comparison-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.comparison-label{color:var(--text-muted)}.comparison-val{color:var(--text-primary);font-family:var(--font-serif)}.history-empty-state{padding:var(--space-lg) 0;text-align:center;animation:fadeIn .6s ease-out}.dashboard-card{text-align:center;padding:var(--space-lg) var(--space-md);background:linear-gradient(180deg,#1e293b66,#0f172a99);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003;position:relative;overflow:visible}.gauge-wrapper{position:relative;margin-bottom:var(--space-md);display:flex;justify-content:center}.level-info-container{margin-bottom:var(--space-lg);position:relative;z-index:2}.level-title-main{font-size:2rem;font-weight:300;color:var(--teal-300);margin-bottom:var(--space-sm);letter-spacing:1px}.level-title-sub{font-size:1em;color:#ffffff80;font-weight:300;margin-left:12px}.level-keyword-tag{display:inline-block;padding:6px 16px;border:1px solid var(--teal-500);border-radius:6px;color:var(--teal-300);font-size:.9rem;letter-spacing:1px;background:#2dd4bf0d;box-shadow:0 0 10px #2dd4bf1a}.level-ladder{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:var(--space-xl);perspective:1000px;padding-bottom:40px}.ladder-item{height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.15);border-left:2px solid var(--level-color);border-right:2px solid var(--level-color);border-radius:12px;box-shadow:0 0 10px #0000004d,inset 0 0 10px #00000080;color:var(--level-color);text-shadow:0 0 5px rgba(0,0,0,.8);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:2px;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:default;max-width:90%;position:relative;overflow:hidden}.ladder-item:nth-child(1){width:140px;z-index:17}.ladder-item:nth-child(2){width:155px;z-index:16}.ladder-item:nth-child(3){width:170px;z-index:15}.ladder-item:nth-child(4){width:185px;z-index:14}.ladder-item:nth-child(5){width:200px;z-index:13}.ladder-item:nth-child(6){width:220px;z-index:12}.ladder-item:nth-child(7){width:240px;z-index:11}.ladder-item:nth-child(8){width:260px;z-index:10}.ladder-item:nth-child(9){width:260px;z-index:9}.ladder-item:nth-child(10){width:240px;z-index:8}.ladder-item:nth-child(11){width:220px;z-index:7}.ladder-item:nth-child(12){width:200px;z-index:6}.ladder-item:nth-child(13){width:180px;z-index:5}.ladder-item:nth-child(14){width:165px;z-index:4}.ladder-item:nth-child(15){width:150px;z-index:3}.ladder-item:nth-child(16){width:135px;z-index:2}.ladder-item:nth-child(17){width:120px;z-index:1}.ladder-item:not(.active):hover{border-color:var(--level-color);box-shadow:0 0 15px var(--level-color);color:#fff;z-index:100!important}.ladder-item.active{width:min(320px,95%)!important;height:46px;margin-top:8px;margin-bottom:8px;z-index:50!important;background:linear-gradient(90deg,transparent 0%,var(--level-color) 20%,#fff 50%,var(--level-color) 80%,transparent 100%);box-shadow:0 0 10px var(--level-color),0 0 20px var(--level-color),0 0 30px #fff3;border:none;border-radius:12px;font-size:1.1rem;letter-spacing:2px;font-weight:800;transform:scale(1.05);animation:pulse-pillar 3s infinite ease-in-out;color:#000;text-shadow:0 0 2px rgba(255,255,255,.8)}@keyframes pulse-pillar{0%,to{opacity:1;filter:brightness(1);box-shadow:0 0 10px var(--level-color),0 0 20px var(--level-color)}50%{opacity:.95;filter:brightness(1.2);box-shadow:0 0 15px var(--level-color),0 0 30px var(--level-color),0 0 40px #fff6}}.ladder-content{display:flex;gap:12px;z-index:2;position:relative}.ladder-score{font-family:Cinzel,serif;opacity:.9;font-weight:700}.ladder-indicator{position:absolute;right:20px;font-size:.75rem;color:#fff;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.ladder-indicator:before{display:none}@media(max-width:640px){.ladder-indicator{right:16px;font-size:.65rem}}.ladder-item:not(.active):hover{border-color:#fff6;background:#ffffff0d}.transition-engine{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--space-lg)}.paradigm-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;flex-direction:column}.paradigm-card.next{background:#2dd4bf0d;border-color:#2dd4bf4d;box-shadow:0 4px 15px #2dd4bf1a}.paradigm-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.paradigm-card.next .paradigm-header{border-bottom-color:#2dd4bf33}.paradigm-icon{font-size:1.5rem}.paradigm-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.paradigm-body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.paradigm-row{display:flex;flex-direction:column;gap:4px}.paradigm-row:nth-child(2){align-items:flex-end;text-align:right}.paradigm-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.paradigm-val{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.paradigm-val.highlight{color:var(--teal-300);font-weight:500}.shift-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);padding-top:20px}.shift-icon{font-size:1.2rem;color:var(--teal-500)}.shift-label{font-size:.7rem;margin-top:6px;writing-mode:horizontal-tb;letter-spacing:1px;opacity:.8;color:var(--teal-300)}.breakthrough-box{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);padding:16px;border-radius:8px}@media(min-width:768px){.transition-engine{flex-direction:row;align-items:stretch;justify-content:space-between}.paradigm-card{flex:1;min-width:0}.shift-arrow{flex-direction:column;padding:0 16px;justify-content:center;flex-shrink:0}.shift-icon{transform:rotate(0);font-size:1.5rem;margin-bottom:4px}}@media(max-width:767px){.transition-engine{flex-direction:column;gap:16px}.shift-arrow{flex-direction:row;padding:8px 0;gap:8px}.shift-label{writing-mode:horizontal-tb;margin-top:0}.shift-icon{transform:rotate(90deg)}}@media(max-width:639px){.transition-engine{flex-direction:column;gap:16px}.shift-arrow{flex-direction:row;padding:8px 0;gap:8px}.shift-label{writing-mode:horizontal-tb}.shift-icon{transform:rotate(90deg)}}.suggestion-list{display:flex;flex-direction:column;gap:12px}.suggestion-card{display:flex;gap:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;align-items:flex-start;transition:all .2s ease}.suggestion-card:hover{background:#ffffff14;border-color:#2dd4bf66;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.suggestion-icon{font-size:1.4rem;background:#2dd4bf1a;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal-300)}.suggestion-content{flex:1}.suggestion-header-text{font-size:.85rem;color:var(--teal-300);font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.suggestion-text{font-size:.95rem;color:var(--text-secondary);line-height:1.7;text-align:left}.suggestion-text strong{color:var(--text-primary);font-weight:600}.suggestion-card.compact{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.suggestion-header-row{display:flex;align-items:center;gap:8px;width:100%}.suggestion-icon-small{font-size:1.1rem;line-height:1}.suggestion-title-text{font-weight:700;color:var(--teal-300);font-size:1rem}.suggestion-body-text{font-size:.9rem;line-height:1.6;color:var(--text-secondary);padding-left:2px}.suggestion-body-text strong{color:var(--text-primary);font-weight:600}