: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{width:36px;height:5px;border-radius:3px;background-color:var(--color-canvas-alt);margin:0 auto 16px}.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)}