:root{--color-canvas: #F4EEE8;--color-canvas-alt: #DAD1BF;--color-primary: #2B2F33;--color-secondary: #50565C;--color-accent-ok: #8A9B68;--color-accent-warn: #A65A44;--color-white: #FFFFFF;--bg-color: var(--color-canvas);--text-color: var(--color-primary);--card-bg-color: var(--color-white);--card-border-color: var(--color-canvas-alt);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}body.dark-mode{--bg-color: var(--color-primary);--text-color: var(--color-canvas);--card-bg-color: #33383D;--card-border-color: var(--color-secondary)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-color);color:var(--text-color);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:background-color .4s cubic-bezier(.25,.1,.25,1)}.app-container{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-width:480px;background-color:var(--bg-color);position:relative;overflow:hidden;box-shadow:0 0 40px #00000008}.app-header{padding:calc(16px + var(--safe-area-top)) 20px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border-color);background-color:var(--bg-color);z-index:10;transition:border-color .4s ease}.header-logo-area{display:flex;align-items:center;gap:10px}.logo-wrapper{display:flex;flex-direction:column;align-items:flex-start}.nav-logo{display:inline-flex;align-items:center;text-decoration:none}.nav-logo-text{font-family:Outfit,sans-serif;font-weight:700;font-size:16px;color:var(--text-color);letter-spacing:.146em;display:inline-flex;align-items:center;line-height:1}.nav-logo-text span{letter-spacing:0}.nav-logo-text svg{width:.9em;height:.9em;display:block;flex-shrink:0;margin-left:.056em;margin-right:.056em}.brand-subtitle{font-size:9px;font-weight:500;color:var(--color-accent-ok);letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.header-status{display:flex;align-items:center;gap:6px;background-color:var(--card-bg-color);border:1px solid var(--card-border-color);padding:6px 12px;border-radius:30px;font-size:11px;font-weight:600;color:var(--color-secondary)}body.dark-mode .header-status{color:var(--color-canvas-alt)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-accent-ok)}.status-dot.pulsing{animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #8a9b68b3}70%{transform:scale(1);box-shadow:0 0 0 6px #8a9b6800}to{transform:scale(.95);box-shadow:0 0 #8a9b6800}}.app-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;padding-bottom:calc(90px + var(--safe-area-bottom))}.app-content::-webkit-scrollbar{display:none}.tab-pane{display:none;animation:fadeIn .4s cubic-bezier(.25,.1,.25,1)}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bento-grid{display:grid;grid-template-cols:repeat(2,1fr);gap:16px;margin-top:16px}.bento-card{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:24px;padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.25,.1,.25,1)}.bento-card.col-span-2{grid-column:span 2}.bento-card.flex-row{flex-direction:row}.bento-card.justify-between{justify-content:space-between}.bento-card.align-center{align-items:center}.hero-card{grid-column:span 2;background-color:var(--color-canvas-alt);border:none;min-height:180px;padding:24px;justify-content:center;position:relative}body.dark-mode .hero-card{background-color:#3d3b37}.hero-bg-glow{position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,#8a9b6840,#fff0 70%);pointer-events:none}.badge{background-color:#2b2f3314;color:var(--color-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:30px;width:fit-content;margin-bottom:12px}body.dark-mode .badge{background-color:#f6f2eb1a;color:var(--color-canvas)}.hero-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;line-height:1.3;color:var(--color-primary);margin-bottom:8px}body.dark-mode .hero-title{color:var(--color-canvas)}.hero-desc{font-size:12.5px;color:var(--color-secondary);margin-bottom:16px;max-width:90%;line-height:1.4}body.dark-mode .hero-desc{color:var(--color-canvas-alt)}.btn{font-family:Outfit,sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;width:100%;text-align:center;transition:all .3s cubic-bezier(.25,.1,.25,1)}.btn:active{transform:scale(.96)}.btn-primary{background-color:var(--color-primary);color:var(--color-canvas)}body.dark-mode .btn-primary{background-color:var(--color-canvas);color:var(--color-primary)}.btn-secondary{background-color:#2b2f330a;color:var(--color-primary);border:1px solid var(--card-border-color)}body.dark-mode .btn-secondary{background-color:#ffffff0d;color:var(--color-canvas);border-color:var(--color-secondary)}.btn-rust{background-color:var(--color-accent-warn);color:var(--color-white)}.btn-sm{padding:8px 16px;font-size:11px}.w-fit{width:fit-content}.card-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:4px}.card-desc{font-size:11px;color:var(--color-secondary);line-height:1.3}body.dark-mode .card-desc{color:var(--color-canvas-alt)}.metric-value{font-family:Outfit,sans-serif;font-size:32px;font-weight:700;margin:6px 0 2px;line-height:1}.text-accent{color:var(--color-accent-ok)}.text-rust{color:var(--color-accent-warn)}.metadata-text{font-size:10px;font-weight:500;color:var(--color-secondary);margin-top:auto}body.dark-mode .metadata-text{color:var(--color-canvas-alt)}.progress-bar-container{background-color:#2b2f330d;height:6px;border-radius:10px;width:100%;margin:12px 0 6px;overflow:hidden}body.dark-mode .progress-bar-container{background-color:#ffffff1a}.progress-bar-container.large{height:8px;margin:16px 0}.progress-bar-fill{background-color:var(--color-accent-ok);height:100%;border-radius:10px;transition:width 1s ease}.progress-bar-fill.pulse-bg{background:linear-gradient(90deg,var(--color-accent-ok) 0%,#a4b880 50%,var(--color-accent-ok) 100%);background-size:200% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:var(--color-secondary)}.device-visual{width:50px;height:50px}.device-svg{width:100%;height:100%}.rotating{transform-origin:center;animation:rotate 8s infinite linear}@keyframes rotate{to{transform:rotate(360deg)}}.tag-status{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--color-secondary);background-color:#2b2f330f;padding:2px 8px;border-radius:4px;width:fit-content;margin-top:8px}.tag-status.ok{color:var(--color-accent-ok);background-color:#8a9b681a}.section-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:var(--text-color);margin-bottom:4px}.section-subtitle{font-size:12px;color:var(--color-secondary);margin-bottom:20px;line-height:1.4}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-item-card{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:20px;padding:20px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.25,.1,.25,1)}.session-item-card.border-olive{border-left:4px solid var(--color-accent-ok)}.session-item-card.border-rust{border-left:4px solid var(--color-accent-warn)}.session-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.session-icon{width:36px;height:36px;border-radius:12px;background-color:#2b2f330d;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:var(--color-primary)}body.dark-mode .session-icon{background-color:#ffffff0f;color:var(--color-canvas)}.session-icon.icon-olive{background-color:#8a9b6826;color:var(--color-accent-ok)}.session-icon.icon-rust{background-color:#a65a4426;color:var(--color-accent-warn)}.session-name{font-family:Outfit,sans-serif;font-size:15px;font-weight:600;color:var(--text-color)}.session-duration{font-size:11px;color:var(--color-secondary)}body.dark-mode .session-duration{color:var(--color-canvas-alt)}.session-badge{margin-left:auto;font-size:10px;font-weight:700;padding:3px 8px;border-radius:30px;text-transform:uppercase}.badge-olive{background-color:#8a9b681f;color:var(--color-accent-ok)}.session-desc{font-size:12px;color:var(--color-secondary);margin-bottom:14px;line-height:1.4}body.dark-mode .session-desc{color:var(--color-canvas-alt)}.integration-card{transition:all .4s ease}.integration-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:14px}.integration-brand{display:flex;align-items:center;gap:8px}.brand-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-secondary)}.brand-dot.active{background-color:var(--color-accent-ok)}.integration-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;width:100%}.detail-metric{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid rgba(43,47,51,.04);padding-bottom:4px}body.dark-mode .detail-metric{border-color:#ffffff0d}.detail-metric .label{color:var(--color-secondary)}body.dark-mode .detail-metric .label{color:var(--color-canvas-alt)}.detail-metric .val{font-weight:600;color:var(--text-color)}.settings-list{display:flex;flex-direction:column;gap:16px}.profile-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(43,47,51,.04);font-size:13px}body.dark-mode .profile-info-row{border-color:#ffffff0d}.profile-label{color:var(--color-secondary)}.profile-value{font-weight:600;color:var(--text-color)}.setting-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;font-weight:500;cursor:pointer}.setting-toggle-row input[type=checkbox]{position:relative;width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-canvas-alt);outline:none;border-radius:20px;transition:background-color .3s;cursor:pointer}body.dark-mode .setting-toggle-row input[type=checkbox]{background-color:var(--color-secondary)}.setting-toggle-row input[type=checkbox]:checked{background-color:var(--color-accent-ok)}.setting-toggle-row input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:2px;left:2px;background-color:var(--color-white);transition:transform .3s}.setting-toggle-row input[type=checkbox]:checked:before{transform:translate(20px)}.disclaimer-area{margin-top:30px;padding:16px;background-color:#2b2f3308;border-radius:12px;border:1px solid rgba(43,47,51,.05)}body.dark-mode .disclaimer-area{background-color:#ffffff05;border-color:#ffffff0d}.disclaimer-text{font-size:10.5px;color:var(--color-secondary);line-height:1.4;margin-bottom:8px}.disclaimer-text-de{font-size:10px;color:var(--color-secondary);font-style:italic;line-height:1.3}.ritual-overlay{position:absolute;left:0;right:0;bottom:0;background-color:var(--card-bg-color);border-top:1px solid var(--card-border-color);border-top-left-radius:30px;border-top-right-radius:30px;box-shadow:0 -10px 30px #00000014;z-index:100;transform:translateY(105%);transition:transform .5s cubic-bezier(.25,.8,.25,1);padding:12px 24px calc(24px + var(--safe-area-bottom))}.ritual-overlay.active{transform:translateY(0)}.ritual-overlay-handle-zone{width:100%;padding:8px 0 16px;cursor:grab;display:flex;justify-content:center;align-items:center}.ritual-overlay-handle{width:36px;height:5px;border-radius:3px;background-color:var(--color-canvas-alt);margin:0}.ritual-overlay-content{display:flex;flex-direction:column}.ritual-header{display:flex;justify-content:space-between;align-items:flex-start}.ritual-active-badge{font-size:9px;font-weight:700;color:var(--color-accent-ok);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:2px}#overlay-ritual-name{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:var(--text-color)}.ritual-timer{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;color:var(--text-color)}.ritual-status-text{font-size:12px;color:var(--color-secondary);margin-bottom:20px;line-height:1.4}body.dark-mode .ritual-status-text{color:var(--color-canvas-alt)}.ritual-actions{display:grid;grid-template-cols:1fr 1fr;gap:12px}.app-nav{position:absolute;bottom:0;left:0;right:0;height:calc(65px + var(--safe-area-bottom));background-color:var(--card-bg-color);border-top:1px solid var(--card-border-color);display:flex;justify-content:space-around;align-items:center;padding-bottom:var(--safe-area-bottom);z-index:90;transition:background-color .4s ease,border-color .4s ease}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--color-secondary);font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:600;gap:4px;width:60px;cursor:pointer;transition:all .3s}body.dark-mode .nav-item{color:var(--color-canvas-alt)}.nav-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.nav-item.active{color:var(--color-primary)}body.dark-mode .nav-item.active{color:var(--color-canvas)}.nav-item.active .nav-icon{stroke:var(--color-accent-ok);stroke-width:2.5}.nav-item:active{transform:scale(.92)}.soft-ease{transition:all .4s cubic-bezier(.25,.1,.25,1)}.calm-hover{transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease}.calm-hover:active{transform:translateY(1px)}.ritual-overlay.acoustic-mode{max-height:92vh;overflow-y:auto;padding-top:16px}.ritual-overlay.acoustic-mode::-webkit-scrollbar{display:none}.acoustic-ritual-dashboard{display:flex;flex-direction:column;gap:20px}.breathing-guide-container{display:flex;justify-content:center;align-items:center;margin:10px 0;height:160px;position:relative}.breathing-circle{width:90px;height:90px;border-radius:50%;border:1px solid var(--color-accent-ok);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform 5s cubic-bezier(.4,0,.2,1),border-color 5s ease,box-shadow 5s ease;box-shadow:0 0 20px #8a9b6826}.breathing-circle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle,#8a9b68b3,#8a9b6826 70%);z-index:1;transition:opacity 5s ease;opacity:.4}.breathing-circle.inhale{transform:scale(1.6);box-shadow:0 0 35px #8a9b6859}.breathing-circle.inhale:before{opacity:.85}.breathing-circle.exhale{transform:scale(.95);box-shadow:0 0 10px #8a9b681a}.breathing-circle.exhale:before{opacity:.25}.breathing-circle.paused{transition:transform .5s ease;transform:scale(1);background:radial-gradient(circle,#50565c33,#50565c0d 70%);border-color:var(--color-secondary);box-shadow:none}.breathing-circle.paused:before{opacity:0}.breathing-text-container{position:relative;width:100%;height:20px;display:flex;justify-content:center;align-items:center;z-index:2}.breathing-text{position:absolute;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;color:var(--text-color);text-transform:uppercase;letter-spacing:.1em;text-align:center;opacity:0;transition:opacity .618s ease-in-out;will-change:opacity;pointer-events:none}.breathing-text.active{opacity:1}.science-link-container{display:flex;justify-content:center;margin-top:-10px}.science-btn-link{background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;color:var(--color-accent-ok);cursor:pointer;padding:6px 12px;text-transform:lowercase;border-bottom:1px dashed var(--color-accent-ok);transition:color .3s ease,border-color .3s ease}.science-btn-link:active{color:var(--color-primary);border-color:var(--color-primary)}.volume-slider-section{display:flex;flex-direction:column;gap:8px;background-color:#2b2f3308;padding:14px;border-radius:16px;border:1px solid var(--card-border-color)}body.dark-mode .volume-slider-section{background-color:#ffffff05}.biofeedback-status-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background-color:#2b2f3308;border:1px solid var(--card-border-color);transition:all .4s ease}body.dark-mode .biofeedback-status-card{background-color:#ffffff05}.biofeedback-status-text{font-size:11.5px;line-height:1.45;color:var(--color-secondary)}body.dark-mode .biofeedback-status-text{color:var(--color-canvas-alt)}.volume-label-row{display:flex;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-secondary);letter-spacing:.05em}body.dark-mode .volume-label-row{color:var(--color-canvas-alt)}.volume-slider-wrapper{display:flex;align-items:center;gap:12px}.volume-icon{font-size:14px}.acoustic-vol-slider{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background-color:var(--color-canvas-alt);outline:none}body.dark-mode .acoustic-vol-slider{background-color:var(--color-secondary)}.acoustic-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background-color:var(--color-accent-ok);cursor:pointer;box-shadow:0 2px 6px #00000026;transition:transform .2s}.acoustic-vol-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.acoustic-warning-card{display:flex;gap:12px;padding:12px 16px;border-radius:16px;font-size:11.5px;line-height:1.45;border:1px solid transparent}.acoustic-warning-card.speaker-warn{background-color:#a65a4414;border-color:#a65a4426;color:var(--color-primary)}body.dark-mode .acoustic-warning-card.speaker-warn{background-color:#a65a4426;color:var(--color-canvas)}.acoustic-warning-card.bass-warn{background-color:#8a9b6814;border-color:#8a9b6826;color:var(--color-primary)}body.dark-mode .acoustic-warning-card.bass-warn{background-color:#8a9b6826;color:var(--color-canvas)}.warn-icon{font-size:16px;line-height:1}.warn-content strong{font-weight:700;text-transform:lowercase}.selection-section{display:flex;flex-direction:column;gap:8px}.selection-title-text{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-secondary);letter-spacing:.05em}body.dark-mode .selection-title-text{color:var(--color-canvas-alt)}.acoustic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.acoustic-grid.brainwave-grid{grid-template-columns:repeat(3,1fr)}.grid-btn{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:14px;padding:10px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.grid-btn:hover{background-color:#2b2f3305}body.dark-mode .grid-btn:hover{background-color:#ffffff05}.grid-btn.active{background-color:#8a9b681a;border-color:var(--color-accent-ok);box-shadow:0 4px 12px #8a9b6814}.grid-btn.active .btn-title{color:var(--color-accent-ok)}.btn-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:var(--text-color)}.rune-prefix{color:var(--color-accent-ok);margin-right:6px;font-weight:600;font-family:sans-serif;display:inline-block}.btn-desc{font-size:9px;color:var(--color-secondary);line-height:1.2}body.dark-mode .btn-desc{color:var(--color-canvas-alt)}.science-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0f111599;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;justify-content:center;align-items:flex-end}.science-modal-content{background-color:var(--card-bg-color);width:100%;max-width:480px;border-top-left-radius:28px;border-top-right-radius:28px;padding:24px 20px calc(24px + var(--safe-area-bottom));box-shadow:0 -10px 40px #00000026;animation:slideUpModal .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;gap:20px;max-height:85vh;overflow-y:auto}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.science-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border-color);padding-bottom:12px}.science-modal-header h3{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--text-color);letter-spacing:.02em}.science-modal-close{background:none;border:none;font-size:24px;color:var(--color-secondary);cursor:pointer;line-height:1}.science-modal-body{display:flex;flex-direction:column;gap:16px}.science-intro{font-size:12.5px;line-height:1.5;color:var(--color-secondary)}body.dark-mode .science-intro{color:var(--color-canvas-alt)}.science-section{display:flex;flex-direction:column;gap:4px}.science-section h4{font-family:Outfit,sans-serif;font-size:12px;font-weight:700;color:var(--color-accent-ok)}.science-section p{font-size:12px;line-height:1.5;color:var(--color-secondary)}body.dark-mode .science-section p{color:var(--color-canvas-alt)}.device-info-row{display:flex;justify-content:space-between;font-size:11px;color:var(--color-secondary);padding:0 4px;margin-top:-6px;margin-bottom:-4px}body.dark-mode .device-info-row{color:var(--color-canvas-alt)}.device-name-value{font-weight:600;text-transform:lowercase}