@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Noto+Serif+SC:wght@300;400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline:none}body{background:#05060f;font-family:Inter,"Noto Serif SC",sans-serif;min-height:100vh;overflow-x:hidden}.scene{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#1a163a,#0d0f1e 40%,#05060f);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.app-header{position:relative;z-index:100;width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:24px 40px}.header-left{display:flex;align-items:center;gap:20px}.btn-back{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#beafffb3;font-family:inherit;font-size:.9rem;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s}.btn-back:hover{color:#fff;background:#ffffff14}.back-icon{font-size:1.4rem;line-height:.8;margin-bottom:2px}.logo{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.logo-icon{font-size:1.4rem}.logo-text{font-size:1.25rem;font-weight:500;color:#fff;letter-spacing:.05em;text-shadow:0 0 16px rgba(180,140,255,.4)}.lang-toggle{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:8px 16px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s ease;color:#beafffbf;font-family:inherit;font-size:.82rem;letter-spacing:.04em}.lang-toggle:hover{background:#ffffff17;border-color:#beafff4d;color:#beafff;transform:translateY(-1px);box-shadow:0 4px 16px #6c4de633}.lang-icon{font-size:1rem;line-height:1}.lang-text{font-weight:500}.stars{position:fixed;inset:0;pointer-events:none;z-index:0;transition:opacity 2s ease}.stars.dimmed{opacity:.2}.star{position:absolute;border-radius:50%;background:#fff;opacity:0;animation:twinkle var(--dur, 3s) ease-in-out infinite var(--delay, 0s)}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.7;transform:scale(1.1)}}.aurora{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;transition:opacity 2s ease}.aurora.enhanced{opacity:1.5}.aurora-band{position:absolute;width:200%;height:300px;border-radius:50%;filter:blur(70px);animation:auroraDrift 28s ease-in-out infinite}.aurora-1{top:-80px;left:-30%;background:radial-gradient(ellipse,rgba(90,70,180,.14) 0%,transparent 70%);animation-delay:0s}.aurora-2{top:-60px;left:10%;background:radial-gradient(ellipse,rgba(60,110,190,.1) 0%,transparent 70%);animation-delay:-14s}@keyframes auroraDrift{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(5%) scaleY(1.1)}}.moon{position:fixed;top:5vh;right:8vw;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffef4,#fffae0 45%,#e6d8a3);box-shadow:0 0 40px 8px #fffae014,0 0 100px 30px #e6d8a30a;animation:moonFloat 16s ease-in-out infinite;z-index:1;transition:all 4s ease}.moon.ambient-moon{top:50%;right:50%;transform:translate(50%,-50%) scale(.6);opacity:.1;filter:blur(10px)}.moon-crater{position:absolute;border-radius:50%;background:#b4a06426}.moon-c1{width:14px;height:14px;top:22px;left:28px}.moon-c2{width:8px;height:8px;top:38px;left:18px}@keyframes moonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.view-fade-enter-active,.view-fade-leave-active{transition:opacity .4s ease,transform .4s ease}.view-fade-enter-from,.view-fade-leave-to{opacity:0;transform:translateY(15px)}.view-home{position:relative;z-index:2;width:100%;flex:1;display:flex;flex-direction:column;align-items:center}.home-hero{position:relative;text-align:center;margin:12vh 0 8vh;animation:fadeSlideUp 1.2s cubic-bezier(.2,.8,.2,1);z-index:2}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(160,130,255,.12) 0%,rgba(160,130,255,.05) 30%,transparent 70%);z-index:-1;pointer-events:none;animation:slowPulse 8s alternate infinite ease-in-out}@keyframes slowPulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.8}to{transform:translate(-50%,-50%) scale(1.1);opacity:1;filter:hue-rotate(15deg)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:300;letter-spacing:.1em;color:#ffffffe6;margin-bottom:24px;box-shadow:0 4px 12px #0003,inset 0 1px 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:badgeFloat 6s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hero-title{font-size:5rem;font-weight:200;letter-spacing:.05em;margin-bottom:24px;background:linear-gradient(135deg,#fff,#bca5ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 30px rgba(180,140,255,.2)}.hero-subtitle{font-size:1.2rem;font-weight:300;color:#ffffffb3;letter-spacing:.08em;max-width:600px;margin:0 auto;line-height:1.6}.features{width:100%;padding-bottom:80px}.features-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:0 auto;padding:0 20px}.bento-mixer{grid-column:span 2}.bento-ambience,.bento-flow{grid-column:span 1}.bento-card{position:relative;overflow:hidden;background:#ffffff04;border:1px solid rgba(255,255,255,.06);border-radius:36px;padding:40px;cursor:pointer;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 1px #ffffff0d,0 10px 30px #0000001a}.bento-mixer .bento-content{max-width:60%}.bento-card:hover{transform:translateY(-8px) scale(1.015);border-color:#ffffff26;box-shadow:0 32px 64px #0006,0 0 50px #b48cff1f,inset 0 1px 1px #ffffff26}.bento-bg{position:absolute;inset:0;opacity:.2;transition:opacity .8s ease,transform 1.5s ease;z-index:0}.bento-mixer .bento-bg{background:radial-gradient(circle at top right,rgba(144,154,255,.15),transparent 60%)}.bento-ambience .bento-bg{background:radial-gradient(circle at bottom left,rgba(160,255,220,.12),transparent 60%)}.bento-flow .bento-bg{background:radial-gradient(circle at center,rgba(255,180,200,.1),transparent 60%)}.bento-card:hover .bento-bg{opacity:1;transform:scale(1.1)}.bento-content{position:relative;z-index:2;display:flex;flex-direction:column}.bento-icon{font-size:3rem;margin-bottom:28px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .6s cubic-bezier(.2,.8,.2,1)}.bento-card:hover .bento-icon{transform:scale(1.15) translateY(-8px) rotate(-3deg)}.bento-title{font-size:1.7rem;font-weight:400;color:#fff;margin-bottom:12px;letter-spacing:.12em}.bento-desc{font-size:1.05rem;color:#ffffff8c;line-height:1.6;letter-spacing:.06em;font-weight:300}.bento-arrow{position:absolute;top:0;right:0;width:44px;height:44px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:1.2rem;transition:all .5s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bento-card:hover .bento-arrow{background:#fff;color:#000;transform:translate(6px,-6px) scale(1.1);box-shadow:0 4px 16px #ffffff4d}.bento-watermark{position:absolute;right:-20px;bottom:-40px;font-size:14rem;opacity:.02;z-index:1;transform:rotate(-15deg);transition:all .8s cubic-bezier(.2,.8,.2,1);pointer-events:none;filter:grayscale(1)}.bento-card:hover .bento-watermark{transform:rotate(0) scale(1.05);opacity:.08;filter:grayscale(.5)}.layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;width:100%;max-width:960px;padding:80px 40px 48px;flex:1}.panel-visual{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.sheep-wrap{position:relative;display:flex;justify-content:center;transition:transform .6s cubic-bezier(.25,1,.5,1)}.sheep-jump{transform:translateY(-16px) scale(1.03)}.sheep-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(130,90,255,.12) 0%,transparent 70%);animation:haloPulse 7s ease-in-out infinite}@keyframes haloPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.sheep-img{width:200px;height:auto;display:block;filter:drop-shadow(0 14px 28px rgba(110,80,255,.15));animation:sheepFloat 7s ease-in-out infinite;position:relative;z-index:1}@keyframes sheepFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.glow{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:140px;height:24px;background:radial-gradient(ellipse,rgba(140,100,255,.25) 0%,transparent 70%);border-radius:50%;animation:glowPulse 5s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%) scaleX(1)}50%{opacity:.9;transform:translate(-50%) scaleX(1.25)}}.title{font-size:2.4rem;font-weight:300;letter-spacing:.06em;color:#ede7ff;text-shadow:0 0 24px rgba(170,140,255,.4);line-height:1.2}.subtitle{font-family:"Noto Serif SC",serif;font-size:.9rem;font-weight:300;color:#beafffbf;letter-spacing:.04em;line-height:1.7}.subtitle-en{font-size:.76rem;color:#beafff61;line-height:1.8;letter-spacing:.02em}.panel-interact{display:flex;flex-direction:column;gap:20px}.counter-section{display:flex;flex-direction:column;align-items:center;gap:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:32px;padding:36px 40px;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);box-shadow:0 20px 60px #0006,inset 0 1px 1px #ffffff0d}.counter-label{font-size:.8rem;color:#beafff73;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.ring-wrap{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.progress-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff0f;stroke-width:6}.ring-fill{fill:none;stroke:url(#ring-grad);stroke-width:6;stroke-linecap:round}.counter-display{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}.counter-number{font-size:3.8rem;font-weight:300;color:#cdb8ff;text-shadow:0 0 24px rgba(180,140,255,.3);line-height:1;display:inline-block;transition:all .5s cubic-bezier(.25,1,.5,1)}.count-pulse{transform:scale(1.08) translateY(-2px);color:#fff;text-shadow:0 0 32px rgba(255,255,255,.6)}.counter-unit{font-size:.95rem;color:#beafff80;margin-top:4px}.btn-count{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#ffffffe6;font-size:1.05rem;font-weight:300;font-family:inherit;padding:16px 48px;margin-top:8px;cursor:pointer;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0003,inset 0 1px 1px #ffffff1a;transition:all .4s cubic-bezier(.25,1,.5,1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn-count:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:opacity .4s}.btn-count:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d,0 0 20px #b48cff26,inset 0 1px 1px #ffffff26;color:#fff}.btn-count:hover:before{opacity:1}.btn-count:active,.btn-clicked{transform:translateY(1px) scale(.98);background:#ffffff0d;box-shadow:0 4px 12px #0003}.btn-icon{font-size:1.2rem;filter:sepia(10%) hue-rotate(-20deg) opacity(.8)}.btn-reset{background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:50px;color:#beafff66;font-size:.8rem;font-family:inherit;padding:8px 24px;cursor:pointer;transition:all .3s ease;letter-spacing:.05em}.btn-reset:hover{border-color:#beafff4d;color:#beafffe6}.tip-card{display:flex;align-items:stretch;background:#ffffff04;border:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease;box-shadow:0 8px 24px #00000026}.tip-card.visible{opacity:1;transform:translateY(0)}.tip-accent{width:3px;flex-shrink:0;background:linear-gradient(180deg,#7c5cfc80,#b07aff80);border-radius:3px 0 0 3px}.tip-inner{display:flex;align-items:flex-start;gap:10px;padding:16px 18px}.tip-icon{font-size:.75rem;color:#b49bff99;margin-top:3px;flex-shrink:0}.tip-text{font-family:"Noto Serif SC",serif;font-size:.9rem;font-weight:300;color:#d2c8ffb3;line-height:1.9;letter-spacing:.05em}.milestone{text-align:center;font-size:.82rem;color:#dcc8ffb3;letter-spacing:.04em;animation:fadeSlideUp .5s ease forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.features{position:relative;z-index:2;width:100%;max-width:1040px;margin:0 auto;padding:24px 40px 80px;display:flex;flex-direction:column;gap:32px}.view-mixer{position:relative;z-index:2;width:100%;max-width:960px;flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 40px 80px}.mixer-header{text-align:center;margin-bottom:56px;display:flex;flex-direction:column;align-items:center;gap:24px}.timer-control{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:50px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fffc;font-size:.9rem;margin-top:-8px;animation:fadeSlideUp .4s ease forwards;min-height:42px;box-shadow:inset 0 1px 1px #ffffff14}.timer-icon{font-size:1.1rem;filter:grayscale(.5)}.timer-actions{display:flex;align-items:center;gap:8px}.btn-time{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fffc;font-family:inherit;font-size:.8rem;padding:4px 12px;border-radius:50px;cursor:pointer;transition:all .25s ease}.btn-time:hover{background:#b48cff33;border-color:#b48cff66;color:#fff;transform:translateY(-1px)}.custom-timer-wrap{display:flex;align-items:center;background:#00000026;border:1px solid rgba(255,255,255,.1);border-radius:50px;overflow:hidden;padding-left:12px;margin-left:4px;transition:all .3s}.custom-timer-wrap:focus-within{border-color:#b48cff66;box-shadow:0 0 12px #b48cff33;background:#0000004d}.custom-timer-input{background:transparent;border:none;outline:none;color:#ffffffe6;font-family:inherit;font-size:.8rem;width:65px;padding:4px 0}.custom-timer-input::placeholder{color:#ffffff4d;font-size:.75rem}.custom-timer-input::-webkit-outer-spin-button,.custom-timer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-custom-go{background:#b48cff26;border:none;color:#fffc;font-size:.8rem;padding:4px 10px;cursor:pointer;transition:all .2s}.btn-custom-go:hover:not(:disabled){background:#b48cff66;color:#fff}.btn-custom-go:disabled{opacity:.3;cursor:not-allowed}.timer-running{display:flex;align-items:center;gap:12px;cursor:pointer;padding:0 4px;transition:all .3s}.timer-running:hover{opacity:.8}.timer-running:hover .timer-cancel{opacity:1;color:#ff6b6b;transform:scale(1.1)}.timer-countdown{font-variant-numeric:tabular-nums;font-family:monospace;font-size:1.05rem;font-weight:500;color:#cdb8ff;text-shadow:0 0 12px rgba(180,140,255,.6)}.timer-cancel{font-size:.85rem;opacity:.4;color:#fff;transition:all .3s}.status-wrap{display:flex;align-items:center;gap:16px;animation:fadeSlideUp .4s ease forwards}.active-status{display:flex;align-items:center;gap:10px;background:#b48cff26;padding:10px 20px;border-radius:50px;border:1px solid rgba(180,140,255,.3);font-size:.9rem;color:#fffffff2;box-shadow:0 0 24px #b48cff33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-clear{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:50px;color:#beafffb3;font-size:.8rem;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s}.btn-clear:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.playing-indicator{display:flex;align-items:flex-end;gap:3px;height:14px}.playing-indicator .bar{width:3px;background:#fff;border-radius:2px;animation:equalize 1s ease-in-out infinite alternate}@keyframes equalize{0%{height:3px}to{height:14px}}.mixer-categories{width:100%;display:flex;flex-direction:column;gap:60px}.category-title{font-size:1.3rem;font-weight:300;color:#ffffffe6;letter-spacing:.15em;margin-bottom:28px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase}.mixer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px}.mixer-card{display:flex;flex-direction:column;align-items:center;gap:18px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:28px;padding:36px 20px;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:inset 0 1px 1px #ffffff05;cursor:pointer;-webkit-user-select:none;user-select:none}.mixer-card:hover{background:#ffffff09;transform:translateY(-6px);border-color:#ffffff14}.mixer-card.is-active{background:#b48cff14;border-color:#b48cff40;box-shadow:0 16px 40px #00000040,0 0 32px #b48cff26,inset 0 1px 1px #ffffff1a}.card-icon{font-size:2.8rem;line-height:1;opacity:.5;filter:grayscale(.8);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.mixer-card.is-active .card-icon{opacity:1;filter:grayscale(0);transform:scale(1.15) translateY(-4px);text-shadow:0 0 24px rgba(255,255,255,.4)}.card-name{font-size:1rem;color:#beafff80;font-weight:300;letter-spacing:.06em;transition:color .4s}.mixer-card.is-active .card-name{color:#fffffff2;font-weight:500;text-shadow:0 0 12px rgba(180,140,255,.4)}.card-slider{width:90%;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,rgba(180,140,255,.3) var(--progress, 0%),rgba(255,255,255,.06) var(--progress, 0%));height:6px;border-radius:6px;outline:none;margin-top:10px;transition:background .4s}.mixer-card.is-active .card-slider{background:linear-gradient(90deg,#fff var(--progress, 0%),rgba(180,140,255,.3) var(--progress, 0%));box-shadow:inset 0 1px 2px #0003}.card-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#beafff66;cursor:grab;transition:all .3s}.mixer-card.is-active .card-slider::-webkit-slider-thumb{background:#fff;box-shadow:0 0 16px #ffffffe6;transform:scale(1.25)}.card-slider::-webkit-slider-thumb:active{cursor:grabbing}.view-ambience{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:absolute;inset:0;z-index:1;transition:all 1s ease}.view-ambience.is-breathing-mode{background:#0006}.ambience-header{position:absolute;top:15vh;text-align:center;animation:fadeSlideUp .8s ease}.ambience-header .title{font-size:2rem;letter-spacing:.1em;margin-bottom:12px}.ambience-header .subtitle{color:#fff9;font-size:1rem}.breathe-circle{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(144,154,255,.2) 0%,rgba(144,154,255,.05) 50%,transparent 80%);border:1px solid rgba(190,175,255,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #b48cff33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .5s ease;transform:scale(1)}.breathe-circle.is-active.phase-inhale{transform:scale(1.6);background:radial-gradient(circle,rgba(160,255,220,.25) 0%,rgba(160,255,220,.05) 50%,transparent 80%);border-color:#a0ffdc66;box-shadow:0 0 60px #a0ffdc4d;transition:all 4s cubic-bezier(.4,0,.2,1)}.breathe-circle.is-active.phase-hold{transform:scale(1.65);background:radial-gradient(circle,rgba(230,230,255,.3) 0%,rgba(180,140,255,.1) 60%,transparent 90%);border-color:#ffffff4d;box-shadow:0 0 80px #fff3;transition:all 7s ease-out}.breathe-circle.is-active.phase-exhale{transform:scale(.9);background:radial-gradient(circle,rgba(140,120,200,.15) 0%,rgba(140,120,200,.02) 50%,transparent 80%);border-color:#8c78c833;box-shadow:0 0 20px #8c78c81a;transition:all 8s cubic-bezier(.2,0,.6,1)}.breathe-text{font-size:1.5rem;letter-spacing:.15em;font-weight:300;color:#ffffffd9;text-shadow:0 0 10px rgba(255,255,255,.4);animation:textGlitch 1s ease}@keyframes textGlitch{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ambience-controls{position:absolute;bottom:20vh;z-index:2;animation:fadeSlideUp 1s ease .4s backwards}.btn-primary{background:#b48cff33;border:1px solid rgba(180,140,255,.4);color:#fff;padding:14px 40px;font-size:1.1rem;border-radius:50px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s;letter-spacing:.05em}.btn-primary:hover{background:#b48cff66;transform:translateY(-2px);box-shadow:0 6px 20px #b48cff4d}.btn-stop{background:transparent;border:none;color:#fff6;font-size:1rem;padding:10px 20px;cursor:pointer;letter-spacing:.1em;transition:all .3s}.btn-stop:hover{color:#ffffffe6;text-shadow:0 0 8px rgba(255,255,255,.5)}.app-toast{position:fixed;bottom:8vh;left:50%;transform:translate(-50%);background:#1e142db3;box-shadow:0 4px 30px #0006,inset 0 1px 1px #ffffff0d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(180,140,255,.2);padding:14px 28px;border-radius:50px;z-index:1000;pointer-events:none;display:flex;align-items:center;justify-content:center}.toast-text{color:#fff;font-size:.95rem;font-weight:300;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.toast-fade-enter-active,.toast-fade-leave-active{transition:all .4s cubic-bezier(.2,.8,.2,1)}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%,20px)}.footer{position:relative;z-index:2;width:100%;max-width:960px;padding:0 40px 32px;text-align:center}.footer-line{height:1px;background:linear-gradient(90deg,transparent,rgba(190,175,255,.1),transparent);margin-bottom:20px}.footer p{font-size:.76rem;color:#beafff47;letter-spacing:.08em}@media(max-width:820px){.features-bento{grid-template-columns:1fr}.bento-mixer,.bento-ambience,.bento-flow{grid-column:span 1}.bento-mixer .bento-content{max-width:100%}.bento-card{min-height:260px;padding:30px}.hero-title{font-size:3.5rem}}@media(max-width:680px){.app-header{padding:20px}.logo-text{font-size:1.1rem}.hero-title{font-size:2.8rem}.layout{grid-template-columns:1fr;padding:24px 20px 36px;gap:32px}.panel-visual .sheep-img{width:160px}.title{font-size:1.9rem}.counter-section{padding:24px}.features{padding:20px 20px 60px}.footer{padding:0 20px 28px}}