@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-duration:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.min-h-screen{min-height:100vh}.max-w-\[1120px\]{max-width:1120px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#f59e0b\]\/10{border-color:#f59e0b1a;border-color:lab(72.7914% 26.933 75.4338/.1)}.bg-\[\#78350f\]\/5{background-color:#78350f0d;background-color:lab(31.2543% 28.2912 36.339/.05)}.bg-\[\#FFFBF5\]{background-color:#fffbf5}.bg-\[\#FFFBF5\]\/95{background-color:#fffbf5f2;background-color:lab(98.8052% .609219 3.37744/.95)}.text-center{text-align:center}.text-\[\#78350f\]{color:#78350f}.text-\[\#78350f\]\/30{color:#78350f4d;color:lab(31.2543% 28.2912 36.339/.3)}.text-\[\#78350f\]\/40{color:#78350f66;color:lab(31.2543% 28.2912 36.339/.4)}.text-\[\#78350f\]\/60{color:#78350f99;color:lab(31.2543% 28.2912 36.339/.6)}.text-\[\#78350f\]\/70{color:#78350fb3;color:lab(31.2543% 28.2912 36.339/.7)}.text-\[\#f59e0b\]{color:#f59e0b}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:text-\[\#f59e0b\]:hover{color:#f59e0b}}:root{--bg-color:#fbf7f1;--text-primary:#3e2c2c;--text-secondary:#806e66;--accent-color:#c76d4a;--card-bg:#fffcf7;--bg-soft:#f3ece3;--divider:#eae0d5;--radius-l:24px;--radius-m:16px;--shadow-soft:0 12px 40px #3e2c2c0a;--primary:#d97706;--primary-light:#f59e0b;--primary-pale:#fef3c7;--primary-pale-light:#fffbeb;--background:#fffbf5;--foreground:#78350f;--foreground-muted:#92400e;--foreground-subtle:#a16207;--foreground-light:#78350f99;--foreground-lighter:#78350f66;--foreground-lightest:#78350f40;--card:#fff;--border:#f59e0b1f;--border-hover:#f59e0b40;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px #78350f0a;--shadow-md:0 4px 12px #78350f14;--shadow-lg:0 8px 24px #78350f1f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.02em;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;line-height:1.8}h1{letter-spacing:-.02em;font-size:2.25rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:600;line-height:1.3}h3{font-size:1.125rem;font-weight:600;line-height:1.4}p{color:var(--text-secondary);font-size:1rem;line-height:1.75}.container{width:100%;max-width:1000px;margin:0 auto;padding:0 32px}.card{background:var(--card-bg);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);padding:var(--space-xl);border:1px solid #eae0d580;transition:all .2s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-light);color:#fff}.btn-primary:hover{background:var(--primary);box-shadow:var(--shadow-md)}.btn-secondary{color:var(--foreground-light);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--border-hover);color:var(--foreground)}.tag{background:var(--primary-pale);color:var(--foreground-subtle);border-radius:var(--radius-full);align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.divider{background:var(--primary-light);border-radius:var(--radius-full);width:2rem;height:2px;margin:var(--space-lg) 0}.text-muted{color:var(--foreground-lighter);font-size:.875rem}.text-subtle{color:var(--foreground-lightest);font-size:.8125rem}.rate-btn{background:var(--primary-pale-light);color:var(--primary);border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:1rem;font-size:1.125rem;font-weight:500;transition:all .15s}.rate-btn:hover{background:var(--primary-pale)}.rate-btn.selected{background:var(--primary-light);color:#fff}.progress-bar{border-radius:var(--radius-full);background:#f59e0b26;width:100%;height:4px;overflow:hidden}.progress-bar-fill{background:var(--primary-light);border-radius:var(--radius-full);height:100%;transition:width .3s}details{background:var(--card-bg);border-radius:var(--radius-m);border:1px solid #eae0d580;overflow:hidden}details>summary{padding:var(--space-md) var(--space-lg);cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;gap:1rem;font-weight:500;list-style:none;display:flex}details>summary svg{flex-shrink:0;width:1rem;height:1rem}details>summary::-webkit-details-marker{display:none}details[open]>summary{border-bottom:1px solid #eae0d580}details-content{padding:var(--space-lg)}.score-display{letter-spacing:-.03em;color:var(--text-primary);font-size:5rem;font-weight:700;line-height:1}.tool-card{background:var(--card-bg);border-radius:var(--radius-l);box-shadow:var(--shadow-soft);padding:var(--space-xl);border:1px solid #eae0d566;transition:all .2s}.tool-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.tool-card-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.125rem;font-weight:600}.tool-card-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.coming-soon-card{border-radius:var(--radius-m);border:1px dashed var(--border);padding:var(--space-lg);text-align:center;background:0 0}.nav-link{color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--accent-color)}.nav-link-active{color:var(--accent-color);font-weight:500}.footer{background:var(--bg-soft);padding:var(--space-3xl) 0;margin-top:var(--space-3xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fadeIn}@media (max-width:768px){.container{padding:0 24px}h1{font-size:1.75rem}h2{font-size:1.25rem}.score-display{font-size:4rem}}@keyframes gentleSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes drainTop{0%{opacity:.85;transform:scaleY(1)}70%{opacity:.85;transform:scaleY(.15)}71%{opacity:0;transform:scaleY(1)}to{opacity:.85;transform:scaleY(1)}}@keyframes fillBottom{0%{opacity:.85;transform:scaleY(.05)}70%{opacity:.85;transform:scaleY(1)}71%{opacity:0;transform:scaleY(.05)}to{opacity:.85;transform:scaleY(.05)}}@keyframes streamFlow{0%,70%{opacity:.9;transform:scaleY(1)}71%,to{opacity:0;transform:scaleY(.3)}}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1;color:#c76d4a}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes expandHeight{0%{height:0}to{height:40px}}@media (max-width:768px){.resonance-overview{flex-direction:column}.grid-2{grid-template-columns:1fr;gap:40px}.tools-grid{grid-template-columns:1fr}}@keyframes breathingGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.breathing-glow{will-change:opacity, transform;animation:8s ease-in-out infinite breathingGlow}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-fade-up{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards staggerFadeUp}.stagger-fade-up:first-child{animation-delay:0s}.stagger-fade-up:nth-child(2){animation-delay:.1s}.stagger-fade-up:nth-child(3){animation-delay:.2s}.stagger-fade-up:nth-child(4){animation-delay:.3s}.stagger-fade-up:nth-child(5){animation-delay:.4s}.stagger-fade-up:nth-child(6){animation-delay:.5s}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.ripple-container{position:relative;overflow:hidden}.ripple-effect{pointer-events:none;will-change:transform, opacity;background:#c76d4a4d;border-radius:50%;animation:.6s ease-out forwards ripple;position:absolute}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 16px 48px #3e2c2c1a}@keyframes textShimmer{0%,to{text-shadow:1px 1px #3e2c2c08}50%{text-shadow:1px 1px 2px #3e2c2c0f}}.text-shimmer{animation:4s ease-in-out infinite textShimmer}@keyframes revealPulse{0%{opacity:0;transform:scale(.95)}20%{opacity:.8;transform:scale(1.02)}40%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1)}}.reveal-pulse{animation:.8s cubic-bezier(.22,1,.36,1) forwards revealPulse}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.gradient-animate{background-size:200% 200%;animation:12s infinite gradientShift}@keyframes breathe{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}.animate-breathe{animation:9s ease-in-out infinite breathe}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
