:root{--zen-white:#fdfbf7;--zen-cream:#f5f1e8;--zen-sand:#e8dcc4;--zen-earth:#c4b59d;--zen-charcoal:#2d3436;--zen-sage:#8ba888;--zen-coral:#f39c6b;--zen-ocean:#6c9bd1;--shadow-subtle:#0000000d;--shadow-medium:#0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--zen-white);color:var(--zen-charcoal);font-family:Inter,Helvetica Neue,sans-serif;font-weight:400;line-height:1.8}body:before{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.container{z-index:2;max-width:1200px;margin:0 auto;padding:40px 20px;position:relative}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fdfbf7f2;border-bottom:1px solid #c4b59d33;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.navbar-logo{letter-spacing:3px;color:var(--zen-charcoal);text-transform:lowercase;font-size:24px;font-weight:300}.navbar-logo:first-letter{color:var(--zen-sage);font-weight:600}.navbar-links{gap:40px;display:flex}.navbar-links a{color:var(--zen-charcoal);letter-spacing:1px;text-transform:lowercase;font-size:14px;font-weight:400;text-decoration:none;transition:all .3s;position:relative}.navbar-links a:after{content:"";background:var(--zen-sage);width:0;height:1px;transition:width .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.navbar-links a:hover:after{width:100%}.navbar-links a:hover{color:var(--zen-sage)}.btn{border:1px solid var(--zen-charcoal);color:var(--zen-charcoal);letter-spacing:1px;cursor:pointer;text-transform:lowercase;background:0 0;border-radius:0;padding:12px 32px;font-size:14px;font-weight:400;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn:hover{background:var(--zen-charcoal);color:var(--zen-white)}.btn-primary{background:var(--zen-sage);border-color:var(--zen-sage);color:#fff}.btn-primary:hover{color:var(--zen-sage);background:0 0}.hero{text-align:center;margin-top:120px;padding:80px 0}.hero-title{letter-spacing:-1px;margin-bottom:20px;font-size:64px;font-weight:300;line-height:1.2}.hero-title span{color:var(--zen-sage);font-weight:600}.hero-subtitle{color:var(--zen-earth);max-width:600px;margin:0 auto 40px;font-size:18px;line-height:1.8}.card{box-shadow:0 1px 2px var(--shadow-subtle), 0 4px 8px var(--shadow-subtle);background:#fff;border:1px solid #c4b59d26;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 4px 8px var(--shadow-medium), 0 12px 24px var(--shadow-subtle);transform:translateY(-4px)}.frequency-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin:80px 0;display:grid}.frequency-card{cursor:pointer;background:#fff;border:1px solid #c4b59d26;padding:48px 36px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.frequency-card:before{content:"";background:var(--zen-sage);width:4px;height:0;transition:height .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.frequency-card:hover:before{height:100%}.frequency-card:hover{box-shadow:-4px 0 0 var(--zen-sage), 0 4px 16px var(--shadow-subtle);transform:translate(8px)}.frequency-icon{width:48px;height:48px;color:var(--zen-sage);margin-bottom:24px;font-size:32px}.frequency-name{letter-spacing:-.5px;color:var(--zen-charcoal);margin-bottom:8px;font-size:28px;font-weight:300}.frequency-hz{color:var(--zen-earth);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:500}.frequency-desc{color:var(--zen-earth);font-size:15px;line-height:1.8}.upload-section{background:linear-gradient(135deg, var(--zen-cream) 0%, white 100%);box-shadow:0 8px 32px var(--shadow-subtle);border:1px solid #c4b59d33;margin:80px 0;padding:80px 60px}.upload-title{letter-spacing:-.5px;text-align:center;margin-bottom:12px;font-size:36px;font-weight:300}.upload-subtitle{text-align:center;color:var(--zen-earth);margin-bottom:48px;font-size:16px}.input-group{margin-bottom:32px}.input-label{color:var(--zen-charcoal);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:500;display:block}.input{width:100%;color:var(--zen-charcoal);background:#fff;border:1px solid #c4b59d4d;padding:16px 20px;font-family:inherit;font-size:15px;transition:all .3s}.input:focus{border-color:var(--zen-sage);outline:none;box-shadow:0 0 0 3px #8ba8881a}.input::placeholder{color:var(--zen-earth)}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%232d3436' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;padding-right:50px}.file-upload{text-align:center;cursor:pointer;background:#fff;border:2px dashed #c4b59d4d;padding:60px;transition:all .3s}.file-upload:hover{border-color:var(--zen-sage);background:#8ba88805}.file-upload-icon{width:48px;height:48px;color:var(--zen-earth);margin:0 auto 20px}.file-upload-text{color:var(--zen-earth);font-size:14px}.audio-player-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;height:72px;box-shadow:0 -4px 24px var(--shadow-subtle);background:#fdfbf7fa;border-top:1px solid #c4b59d33;justify-content:space-between;align-items:center;padding:0 60px;display:flex;position:fixed;bottom:0;left:0;right:0}.player-track-info{flex-direction:column;flex:1;gap:4px;display:flex}.player-track-name{color:var(--zen-charcoal);font-size:15px;font-weight:500}.player-track-mode{color:var(--zen-earth);text-transform:lowercase;letter-spacing:1px;font-size:12px}.player-controls{align-items:center;gap:24px;display:flex}.player-btn{border:1px solid var(--zen-charcoal);width:40px;height:40px;color:var(--zen-charcoal);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.player-btn:hover{background:var(--zen-charcoal);color:#fff}.player-btn.playing{background:var(--zen-sage);border-color:var(--zen-sage);color:#fff}.progress-bar{cursor:pointer;background:#c4b59d33;border-radius:2px;flex:2;height:4px;position:relative}.progress-fill{background:var(--zen-sage);border-radius:2px;height:100%;transition:width .1s linear}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.breathe{animation:4s ease-in-out infinite breathe}.divider{background:linear-gradient(90deg,#0000,#c4b59d4d,#0000);width:100%;height:1px;margin:80px 0}.tag{background:var(--zen-cream);color:var(--zen-charcoal);letter-spacing:1px;text-transform:lowercase;border:1px solid #c4b59d33;margin:4px;padding:6px 16px;font-size:12px;transition:all .3s;display:inline-block}.tag:hover{background:var(--zen-sage);color:#fff;border-color:var(--zen-sage)}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}@media (max-width:768px){.navbar-container{flex-direction:column;gap:20px;padding:0 20px}.navbar-links{flex-wrap:wrap;justify-content:center;gap:20px}.hero-title{font-size:40px}.frequency-grid{grid-template-columns:1fr;gap:24px}.upload-section{padding:40px 24px}.audio-player-bar{padding:0 20px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--zen-cream)}::-webkit-scrollbar-thumb{background:var(--zen-earth);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--zen-sage)}:focus-visible{outline:2px solid var(--zen-sage);outline-offset:2px}body{padding-top:80px;padding-bottom:96px}.navbar-user{color:var(--zen-charcoal);align-items:center;gap:16px;font-size:14px;display:flex}.navbar-user .greeting{letter-spacing:.5px}.btn-ghost{color:var(--zen-charcoal);letter-spacing:1px;cursor:pointer;text-transform:lowercase;background:0 0;border:1px solid #c4b59d66;padding:8px 20px;font-size:13px;transition:all .3s}.btn-ghost:hover{background:var(--zen-charcoal);color:var(--zen-white);border-color:var(--zen-charcoal)}.btn-sm{padding:8px 16px;font-size:12px}.section-title{letter-spacing:-.5px;color:var(--zen-charcoal);margin-bottom:24px;font-size:28px;font-weight:300}.home-columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin:60px 0;display:grid}.frequency-list{flex-direction:column;gap:16px;display:flex}.frequency-item{cursor:pointer;background:#fff;border:1px solid #c4b59d33;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex}.frequency-item:hover{border-color:var(--zen-sage);box-shadow:-3px 0 0 var(--zen-sage);transform:translate(4px)}.frequency-item-icon{font-size:28px}.frequency-item-name{color:var(--zen-charcoal);font-size:18px;font-weight:400}.frequency-item-hz{color:var(--zen-earth);letter-spacing:1.5px;text-transform:uppercase;font-size:11px}.frequency-item-desc{color:var(--zen-earth);margin-top:4px;font-size:13px}.track-row{background:#fff;border:1px solid #c4b59d33;align-items:center;gap:12px;margin-bottom:10px;padding:14px 18px;transition:all .3s;display:flex}.track-row:hover{border-color:var(--zen-sage)}.track-row .track-meta{flex-direction:column;flex:1;gap:2px;display:flex}.track-row .track-name{color:var(--zen-charcoal);font-size:14px}.track-row .track-mode{color:var(--zen-earth);letter-spacing:1px;text-transform:lowercase;font-size:11px}.track-row audio{height:32px}.icon-btn{width:32px;height:32px;color:var(--zen-charcoal);cursor:pointer;background:0 0;border:1px solid #c4b59d4d;justify-content:center;align-items:center;font-size:13px;transition:all .3s;display:inline-flex}.icon-btn:hover{background:var(--zen-sage);border-color:var(--zen-sage);color:#fff}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.review-card{background:#fff;border:1px solid #c4b59d33;margin-bottom:16px;padding:24px 28px}.review-card .review-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.review-card .review-rating{color:var(--zen-coral);font-size:13px}.review-card .review-body{color:var(--zen-earth);font-size:14px;line-height:1.7}.zen-footer{text-align:center;color:var(--zen-earth);letter-spacing:1px;border-top:1px solid #c4b59d33;margin-top:80px;padding:32px 20px;font-size:13px}.zen-footer a{color:var(--zen-charcoal);margin:0 12px;text-decoration:none;transition:color .3s}.zen-footer a:hover{color:var(--zen-sage)}.login-gate{background:linear-gradient(135deg, var(--zen-cream) 0%, var(--zen-white) 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login-gate-card{text-align:center;width:100%;max-width:440px;box-shadow:0 8px 32px var(--shadow-subtle);background:#fff;border:1px solid #c4b59d33;padding:60px 48px}.login-gate-logo{height:72px;margin-bottom:24px}.login-gate-title{letter-spacing:-.5px;color:var(--zen-charcoal);margin-bottom:12px;font-size:28px;font-weight:300}.login-gate-subtitle{color:var(--zen-earth);margin-bottom:32px;font-size:14px;line-height:1.7}.login-gate-btns{justify-content:center;display:flex}.prose{max-width:760px;margin:0 auto}.prose h1{letter-spacing:-.5px;color:var(--zen-charcoal);margin-bottom:8px;font-size:40px;font-weight:300}.prose h2{color:var(--zen-charcoal);margin-top:40px;margin-bottom:12px;font-size:22px;font-weight:400}.prose h3{color:var(--zen-charcoal);margin-top:28px;margin-bottom:10px;font-size:18px;font-weight:500}.prose h4{color:var(--zen-sage);margin-top:20px;margin-bottom:8px;font-size:16px;font-weight:500}.prose p,.prose li{color:var(--zen-earth);margin-bottom:12px;font-size:15px;line-height:1.8}.prose ul{margin-bottom:16px;padding-left:24px}.prose a{color:var(--zen-sage);border-bottom:1px solid #8ba8884d;text-decoration:none}.prose a:hover{border-bottom-color:var(--zen-sage)}.zen-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#2d343680;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.zen-modal{text-align:center;width:100%;max-width:480px;box-shadow:0 16px 48px var(--shadow-medium);background:#fff;padding:48px 40px}.zen-modal h2{color:var(--zen-charcoal);margin-bottom:16px;font-size:24px;font-weight:300}.zen-modal p{color:var(--zen-earth);margin-bottom:24px;line-height:1.7}@media (max-width:768px){body{padding-top:140px}}