:root{--md-sys-color-primary: #d0bcff;--md-sys-color-on-primary: #381e72;--md-sys-color-primary-container: #4f378b;--md-sys-color-on-primary-container: #eaddff;--md-sys-color-secondary: #ccc2dc;--md-sys-color-on-secondary: #332d41;--md-sys-color-tertiary: #efb8c8;--md-sys-color-on-tertiary: #492532;--md-sys-color-tertiary-container: #633b48;--md-sys-color-on-tertiary-container: #ffd8e4;--md-sys-color-background: #0f0d13;--md-sys-color-surface: #141218;--md-sys-color-surface-container-low: #1d1b20;--md-sys-color-surface-container: #211f26;--md-sys-color-surface-container-high: #2b2930;--md-sys-color-surface-container-highest: #36343b;--md-sys-color-on-surface: #e6e1e5;--md-sys-color-on-surface-variant: #cac4d0;--md-sys-color-outline: #938f99;--md-sys-color-outline-variant: #49454f;--radius-full: 9999px;--radius-xl: 42px;--radius-l: 28px;--radius-m: 16px;--font-display: "Outfit", sans-serif;--font-body: "Roboto Flex", sans-serif;--glow-primary: rgba(208, 188, 255, .15);--glow-tertiary: rgba(239, 184, 200, .12);--ease-expressive: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.material-icons-round{user-select:none;-webkit-user-select:none}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s var(--ease-expressive),transform .7s var(--ease-expressive)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}#app-wrapper{opacity:1;filter:blur(20px);transform:translateY(20px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.2,0,0,1),filter .8s var(--ease-expressive);pointer-events:none}h1,h2,h3,h4{font-family:var(--font-display)}.display-large{font-size:clamp(3.5rem,8vw,6rem);font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 0%,var(--md-sys-color-on-surface-variant) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.headline-large{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.02em;color:var(--md-sys-color-on-surface);line-height:1.1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 32px;height:56px;border-radius:28px;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.2,0,0,1),border-radius .25s cubic-bezier(.2,0,0,1),background-color .2s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1);gap:12px;border:none;cursor:pointer;font-family:var(--font-display);font-size:1.1rem;position:relative;overflow:hidden}.btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:0 4px 10px #0003}.btn-primary:hover{box-shadow:0 6px 20px #d0bcff66;transform:scale(1.02)}.btn-secondary{background-color:transparent;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary)}.btn-secondary:hover{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-low)}.container{max-width:1200px;margin:0 auto;padding:0 24px}header.navbar{padding:24px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--md-sys-color-on-surface);letter-spacing:-.05em;display:flex;align-items:center;gap:8px}.logo span{color:var(--md-sys-color-primary)}.logo-icon-ee{cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .15s var(--ease-spring)}.logo-icon-ee:active{transform:scale(.85)}.logo-icon-ee.wiggle{animation:ee-wiggle .4s var(--ease-spring)}@keyframes ee-wiggle{0%{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.15)}50%{transform:rotate(8deg) scale(1.1)}75%{transform:rotate(-4deg)}to{transform:rotate(0)}}.ee-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);pointer-events:none;transition:background .5s ease,backdrop-filter .5s ease}.ee-overlay.active{background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:all}.ee-card{background:#211f26d9;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(208,188,255,.15);border-radius:32px;padding:48px 40px;max-width:420px;width:90%;text-align:center;position:relative;overflow:hidden;opacity:0;transform:scale(.85) translateY(30px);transition:all .6s var(--ease-spring);box-shadow:0 32px 64px #0009,0 0 120px #d0bcff0f,inset 0 1px 1px #ffffff14}.ee-overlay.active .ee-card{opacity:1;transform:scale(1) translateY(0)}.ee-card:before{content:"";position:absolute;inset:-1px;border-radius:32px;padding:1.5px;background:linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-tertiary),var(--md-sys-color-secondary),var(--md-sys-color-primary));background-size:300% 300%;animation:ee-border-glow 4s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}@keyframes ee-border-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ee-card:after{content:"✧ ✦ ✧ ✦ ✧";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;opacity:.03;letter-spacing:.5rem;pointer-events:none;white-space:nowrap;animation:ee-sparkle-drift 6s ease-in-out infinite}@keyframes ee-sparkle-drift{0%,to{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(3deg) scale(1.05)}}.ee-kaomoji{font-size:3.5rem;display:block;margin-bottom:20px;color:var(--md-sys-color-tertiary);animation:float 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(239,184,200,.3))}.ee-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--md-sys-color-on-surface-variant);margin-bottom:8px;letter-spacing:.02em}.ee-name{font-family:var(--font-display);font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px;letter-spacing:-.02em}.ee-link{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--md-sys-color-primary-container),rgba(79,55,139,.6));color:var(--md-sys-color-on-primary-container);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1rem;transition:all .3s var(--ease-expressive);border:1px solid rgba(208,188,255,.2);box-shadow:0 4px 16px #d0bcff26}.ee-link:hover{transform:scale(1.05);box-shadow:0 8px 32px #d0bcff4d;border-color:var(--md-sys-color-primary)}.ee-link svg{width:20px;height:20px;fill:currentColor}.ee-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff0f;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:20px}.ee-close:hover{background:#ffffff1f;color:var(--md-sys-color-on-surface)}.ee-hint{margin-top:20px;font-size:.75rem;color:var(--md-sys-color-outline);opacity:.6}.ee-counter-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(80px);background:#211f26e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);padding:12px 24px;font-family:var(--font-display);font-size:.9rem;color:var(--md-sys-color-on-surface-variant);z-index:9999;opacity:0;transition:all .4s var(--ease-spring);pointer-events:none;box-shadow:0 8px 24px #0006;white-space:nowrap}.ee-counter-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.ee-counter-toast .ee-ct-icon{color:var(--md-sys-color-primary);font-size:18px;vertical-align:middle;margin-right:6px}.hero{padding:80px 0 100px;text-align:center;position:relative}.hero-kaomoji{font-size:clamp(3rem,6vw,5rem);display:block;margin-bottom:24px;color:var(--md-sys-color-secondary);font-weight:300;animation:float 6s ease-in-out infinite}.hero p{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--md-sys-color-on-surface-variant);max-width:680px;margin:24px auto 48px;line-height:1.5;font-weight:400}.web-player-preview{background:#1e1b21bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:32px;max-width:400px;margin:0 auto 80px;box-shadow:0 24px 60px #00000080;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.player-top,.player-middle{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.player-bottom{width:100%}.album-art-wrapper{width:180px;height:180px;border-radius:20px;position:relative;box-shadow:0 12px 30px #0006;z-index:2;flex-shrink:0}.album-art-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:20px}.art-glow{position:absolute;inset:0;background:var(--art-url) center/cover no-repeat;filter:blur(35px) saturate(1.5);opacity:.5;z-index:-1;transform:scale(1.1);border-radius:50%}.play-overlay{position:absolute;inset:0;background:#0000004d;border-radius:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;cursor:pointer}.album-art-wrapper:hover .play-overlay{opacity:1}.track-info{margin-top:20px;width:100%}.info-header{margin-bottom:6px}.badge-source{background:#ff550026;color:#f50;padding:4px 10px;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.track-info h3{font-size:1.5rem;margin-bottom:4px;color:var(--md-sys-color-on-surface);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info p{color:var(--md-sys-color-on-surface-variant);font-size:1rem;font-weight:500}.play-fab-large .material-icons-round{font-size:42px;line-height:1}.waveform{display:flex;align-items:center;gap:4px;height:24px;margin-top:16px;opacity:.6}.bar{width:4px;background:var(--md-sys-color-on-surface);border-radius:2px;height:100%;animation:wave 1.2s ease-in-out infinite;animation-play-state:paused}.waveform.playing .bar{animation-play-state:running;background:var(--md-sys-color-primary)}.bar:nth-child(odd){height:60%}.progress-row{display:flex;align-items:center;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:600;font-family:monospace;margin-bottom:16px}.progress-container{flex:1;height:16px;display:flex;align-items:center;cursor:pointer}.progress-track{width:100%;height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{width:0%;height:100%;background:var(--md-sys-color-primary);border-radius:4px}.fx-rack{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.effect-chip{padding:6px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.effect-chip:hover{background:#ffffff0d}.effect-chip.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}.speed-control{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#0003;border-radius:10px}.speed-control span{font-size:14px;color:var(--md-sys-color-primary)}#speed-value{font-size:.8rem;min-width:28px}.mini-slider{width:50px;height:20px;accent-color:var(--md-sys-color-primary)}@media(min-width:900px){.web-player-preview{max-width:850px;flex-direction:row;text-align:left;align-items:stretch;padding:0}.player-top{flex:0 0 300px;background:#00000026;padding:32px;margin-bottom:0;justify-content:center;border-right:1px solid rgba(255,255,255,.05)}.album-art-wrapper{width:140px;height:140px;margin-bottom:0}.track-info{margin-top:24px}.track-info h3{font-size:1.4rem}.web-player-preview{display:grid;grid-template-columns:280px 1fr;grid-template-rows:1fr auto;grid-template-areas:"sidebar controls" "sidebar controls"}.player-top{grid-area:sidebar;height:100%;border-right:1px solid rgba(255,255,255,.08)}.player-middle{grid-column:2;grid-row:1;padding:40px 40px 10px;justify-content:flex-end;margin-bottom:0}.player-bottom{grid-column:2;grid-row:2;padding:10px 40px 40px}.play-fab-large{width:80px;height:80px;margin-bottom:20px}.waveform{width:100%;justify-content:center;height:32px}.fx-rack{justify-content:flex-start}.progress-row{margin-top:10px}}.features-section{padding:40px 0}.section-header{text-align:center;margin-bottom:80px}.section-header p{color:var(--md-sys-color-outline);margin-top:12px;font-size:1.3rem}.expressive-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;grid-auto-rows:minmax(280px,auto)}.expressive-card{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:36px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:all .5s var(--ease-expressive);border:1px solid var(--panel-border);cursor:default;box-shadow:var(--panel-shadow);&:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background .5s ease;pointer-events:none}&:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 24px 48px #00000059,0 0 80px var(--card-glow, rgba(208, 188, 255, .06));border-color:var(--md-sys-color-primary);background:var(--card-hover-bg);&:before{background:linear-gradient(135deg,var(--card-accent, var(--md-sys-color-primary)),transparent 60%)}:root.light-mode &{border-color:#0000001f;box-shadow:0 24px 48px #00000014}}:root.light-mode &{border-color:#0000000f}}.kaomoji-hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);font-size:clamp(5rem,10vw,9rem);font-weight:900;color:var(--md-sys-color-on-surface);opacity:.03;white-space:nowrap;pointer-events:none;transition:all .6s var(--ease-expressive);font-family:var(--font-display)}.expressive-card:hover .kaomoji-hero{opacity:.08;transform:translate(-50%,-50%) rotate(0) scale(1.15);color:var(--card-accent, var(--md-sys-color-primary))}.card-content{position:relative;z-index:2}.card-icon{font-size:36px;color:var(--card-accent, var(--md-sys-color-primary));margin-bottom:24px;background:var(--card-icon-bg);width:68px;height:68px;border-radius:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--panel-border);transition:all .4s var(--ease-expressive);:root.light-mode &{background:#0000000a;border-color:#0000000f}}.expressive-card:hover .card-icon{background:#d0bcff14;border-color:#d0bcff26;box-shadow:0 0 24px var(--card-glow, rgba(208, 188, 255, .1));transform:scale(1.05);:root.light-mode &{background:#6750a41a;border-color:#6750a433}}.expressive-card h3{font-size:1.7rem;margin-bottom:12px;color:var(--md-sys-color-on-surface);line-height:1.15;letter-spacing:-.01em}.expressive-card p{font-size:1.05rem;color:var(--md-sys-color-on-surface-variant);line-height:1.55}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.variant-primary{--card-accent: var(--md-sys-color-primary);--card-glow: rgba(208, 188, 255, .08)}.variant-secondary{--card-accent: var(--md-sys-color-secondary);--card-glow: rgba(204, 194, 220, .08)}.variant-tertiary{--card-accent: var(--md-sys-color-tertiary);--card-glow: rgba(239, 184, 200, .08)}.showcase-section{padding:100px 0 60px;overflow:hidden}.showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:160px;opacity:0;transform:translateY(60px);transition:all .8s cubic-bezier(.2,0,0,1)}.showcase-row:last-child{margin-bottom:0}.showcase-row.visible{opacity:1;transform:translateY(0)}.showcase-row.reverse .text-col{order:2}.step-number{font-size:6rem;font-weight:900;color:var(--md-sys-color-surface-container-highest);line-height:1;margin-bottom:-20px;font-family:var(--font-display);position:relative;z-index:-1;opacity:.5}.text-col h3{font-size:3rem;margin-bottom:24px;line-height:1.1}.text-col p{font-size:1.25rem;color:var(--md-sys-color-on-surface-variant);line-height:1.6}.highlight{color:var(--md-sys-color-primary);font-weight:600;display:inline-block;margin-top:16px;border:1px solid var(--md-sys-color-outline-variant);padding:8px 16px;border-radius:50px;font-size:.9rem}.showcase-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.phone-mockup{width:320px;margin:0 auto;aspect-ratio:9/19.5;background:#000;border-radius:40px;border:8px solid #2b2930;box-shadow:0 0 0 1px #000,0 30px 60px #00000080;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.2,0,0,1)}.showcase-row:hover .phone-mockup{transform:translateY(-15px) scale(1.02)}.phone-mockup img{width:100%;height:100%;object-fit:cover;border-radius:32px;display:block}.kaomoji-badge{position:absolute;z-index:20;display:flex;align-items:center;gap:16px;padding:10px 24px 10px 10px;background:#1e1b21a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080,inset 0 1px 1px #ffffff1a;animation:float-badge 7s ease-in-out infinite;transition:all .3s ease;cursor:default;:root.light-mode &{background:#ffffffd9;border-color:#00000014;box-shadow:0 8px 32px #0000001a,inset 0 1px 1px #fff9;backdrop-filter:blur(16px)}:root.light-mode .showcase-row:hover &{background:#fffffff2}}.badge-icon-circle{width:44px;height:44px;border-radius:50%;background:var(--badge-surface, #332d41);color:var(--badge-color, #d0bcff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003}.badge-icon-circle .material-icons-round{font-size:22px}.badge-text{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--md-sys-color-on-surface);letter-spacing:.5px;white-space:nowrap}.showcase-row:hover .kaomoji-badge{transform:translateY(-5px) scale(1.05);background:#2d2832cc;border-color:var(--badge-color)}.variant-1{--badge-surface: var(--md-sys-color-primary-container);--badge-color: var(--md-sys-color-on-primary-container);top:15%;right:-30px;animation-delay:0s}.variant-2{--badge-surface: var(--md-sys-color-secondary);--badge-color: var(--md-sys-color-on-secondary);bottom:20%;left:-40px;animation-delay:1.5s}.variant-3{--badge-surface: var(--md-sys-color-tertiary);--badge-color: var(--md-sys-color-on-tertiary);bottom:-25px;left:50%;margin-left:-90px;animation-delay:3s}.variant-4{--badge-surface: #4a4458;--badge-color: #ffd8e4;top:20%;right:-40px;animation-delay:4.5s}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:900px){.kaomoji-badge{display:none}}@media(max-width:900px){.player-header{grid-template-columns:1fr;text-align:center;justify-items:center}.track-info{align-items:center;margin-bottom:16px}.play-btn-center-wrapper{order:-1;margin-bottom:24px}.expressive-grid{display:flex;flex-direction:column;gap:16px}.showcase-row,.showcase-row.reverse{grid-template-columns:1fr;text-align:center;gap:40px;margin-bottom:100px}.showcase-row.reverse .text-col{order:0}.step-number{font-size:4rem}.phone-mockup{width:280px}.kaomoji-badge{display:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes wave{0%,to{height:10px}50%{height:32px}}.philosophy-section{padding:120px 24px;background:transparent;position:relative}.philosophy-wrapper{max-width:1000px;margin:0 auto}.philosophy-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:72px}.philosophy-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:var(--radius-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:.85rem;font-weight:600;margin-bottom:24px;border:none;letter-spacing:.02em}.philosophy-header h2{font-size:clamp(3rem,6vw,4.5rem);margin-bottom:24px;color:var(--md-sys-color-on-surface);letter-spacing:-.03em;font-weight:800;line-height:1.1}.philosophy-desc{color:var(--md-sys-color-on-surface-variant);font-size:1.15rem;line-height:1.6;margin-bottom:40px;max-width:650px}.philosophy-github-btn{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:none!important;font-weight:500!important}.philosophy-github-btn:hover{box-shadow:none!important;transform:none!important;filter:none!important}.philosophy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1000px;margin:0 auto}@media(max-width:768px){.philosophy-grid{grid-template-columns:1fr}.philosophy-header h2{br{display:none}}}.philosophy-item{position:relative;overflow:hidden;text-align:left;padding:32px;background-color:var(--md-sys-color-surface-container);border-radius:var(--radius-l);border:1px solid rgba(255,255,255,.02);cursor:pointer;transition:border-radius .2s cubic-bezier(.2,0,0,1),background-color .2s var(--ease-expressive);display:flex;flex-direction:column;justify-content:center;user-select:none;-webkit-tap-highlight-color:transparent}.philosophy-item:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.2,0,0,1)}.philosophy-item:hover:after{opacity:.04}.philosophy-item:active:after{opacity:.1}.philosophy-item:active{border-radius:12px;background-color:var(--md-sys-color-surface-container-high)}.philosophy-item h4{position:relative;z-index:1;font-size:1.4rem;font-weight:700;margin-bottom:12px;color:var(--md-sys-color-on-surface);display:flex;align-items:center;gap:12px;font-family:var(--font-display)}.philosophy-item p{position:relative;z-index:1;color:var(--md-sys-color-on-surface-variant);line-height:1.6;font-size:1rem;margin:0}.text-link{color:var(--md-sys-color-primary);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s}.text-link:hover{border-bottom-color:var(--md-sys-color-primary)}@font-face{font-family:Google Sans Flex;src:url(/kittytune/_astro/google_sans_flex.D9Yxgz2-.ttf) format("truetype");font-weight:100 900}.m3-nav-rail{width:104px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;padding:12px 0 24px;background-color:var(--md-sys-color-background);border-right:1px solid rgba(255,255,255,.05);z-index:100}.nav-fab{width:56px;height:56px;border-radius:16px;background-color:var(--md-sys-color-surface-container-high);display:flex;align-items:center;justify-content:center;margin-bottom:32px;cursor:pointer;color:var(--md-sys-color-on-surface);transition:transform .2s var(--ease-expressive),background-color .2s;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.nav-fab:hover{background-color:var(--md-sys-color-surface-container-highest)}.nav-rail-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:16px;cursor:pointer;text-decoration:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.nav-indicator{position:relative;width:64px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.2,0,0,1)}.nav-rail-item:hover:not(.active) .nav-indicator{background-color:#ffffff14}.nav-icon{font-size:24px;color:var(--md-sys-color-on-surface-variant);transition:color .2s ease;z-index:1}.nav-rail-item.active .nav-icon,.nav-rail-item.active .nav-logo-svg{color:var(--md-sys-color-on-primary-container)}.nav-label{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);transition:color .2s ease,font-weight .2s ease;text-align:center}.nav-bottom-action{width:48px;height:48px;border-radius:50%;border:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant);margin-top:12px;cursor:pointer;transition:all .2s var(--ease-expressive);user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.nav-bottom-action:hover{background-color:#ffffff0d;color:var(--md-sys-color-on-surface)}:root.light-mode .progress-track{background:#00000014}:root.light-mode .effect-chip:not(.active){border-color:#0000001a}:root.light-mode .effect-chip:hover{background:#0000000a}:root.light-mode .speed-control{background:#0000000a}:root.light-mode .phone-mockup{background:#f0eef4;border-color:#d8d6dc;box-shadow:0 0 0 1px #0000000d,0 30px 60px #0000001a}:root.light-mode .ee-close{background:#0000000d}:root.light-mode .ee-counter-toast{background:#ffffffeb;border-color:#00000014;box-shadow:0 8px 24px #0000001a}:root.light-mode .ide-tab{color:#79747e}:root.light-mode .code-controls{background:#00000005;border-color:#0000000f}:root.light-mode .step-number{color:var(--md-sys-color-outline-variant)}