@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";:root{--bg-color:#030305;--card-bg:#ffffff0a;--card-border:#ffffff1f;--accent-blue:#00f2ff;--accent-purple:#bc13fe;--text-primary:#fff;--text-secondary:#ffffffb3;--glass-blur:blur(40px);--neon-shadow:0 0 20px #00f2ff66;--base-font:clamp(16px, 1.2vh + 1vw, 22px);--title-font:clamp(1.8rem, 4vh, 2.8rem);--icon-size:clamp(2rem, 5vh, 3.2rem);--safe-bottom:clamp(100px, 12vh, 140px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 10% 10%,#bc13fe26 0%,#0000 45%),radial-gradient(circle at 90% 90%,#00f2ff26 0%,#0000 45%),radial-gradient(circle,#0f0f19 0%,#0000 100%);width:100vw;height:100dvh;font-family:Outfit,sans-serif;position:relative;overflow:hidden}#app{z-index:10;flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative}.app-version{color:var(--accent-blue);z-index:1000;pointer-events:none;text-transform:uppercase;letter-spacing:1px;background:#00f2ff26;border:1px solid #00f2ff66;border-radius:10px;padding:4px 12px;font-size:.8rem;font-weight:800;position:absolute;top:15px;left:15px;box-shadow:0 0 10px #00f2ff33}.glass-header{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--card-border);z-index:100;background:#ffffff08;border-radius:0 0 40px 40px;flex-direction:column;align-items:center;gap:1.5rem;padding:clamp(1.5rem,3vh,3rem) 1.5rem 1.5rem;display:flex;box-shadow:0 15px 40px #0006}h1{font-size:var(--title-font);background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;letter-spacing:-1.5px;text-align:center;-webkit-background-clip:text;font-weight:800;line-height:1}.month-selector{border:1px solid var(--card-border);background:#ffffff0f;border-radius:25px;align-items:center;gap:1.5rem;padding:10px 20px;display:flex}.month-selector button{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;font-size:1.5rem;font-weight:800}.month-selector h2{text-align:center;min-width:150px;font-size:clamp(1rem,2vh,1.4rem);font-weight:700}.view-selector,.header-actions,.weekday-labels{display:none!important}.main-container{padding:12px;padding-bottom:var(--safe-bottom);flex-direction:column;flex:1;display:flex;overflow:hidden}.week-grid{flex:1;height:100%;grid-template-columns:repeat(7,1fr)!important;grid-auto-rows:1fr!important;gap:clamp(6px,1.2vh,12px)!important;display:grid!important}.day-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1.5px solid var(--card-border);border-radius:20px;flex-direction:column;justify-content:space-between;padding:clamp(6px,1vh,12px);transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.day-card.today{border:2px solid var(--accent-blue);background:#00f2ff14;box-shadow:0 0 30px #00f2ff4d}.day-card.planned{background:#ffffff0f;border-color:#00f2ff99}.day-number{color:var(--text-secondary);opacity:.6;font-size:clamp(.9rem,1.8vh,1.3rem);font-weight:800}.day-card.planned .day-number{color:var(--accent-blue);opacity:1;text-shadow:0 0 10px #00f2ff99}.meal-content{-webkit-line-clamp:3;color:var(--text-primary);text-align:center;word-break:break-word;-webkit-box-orient:vertical;font-size:clamp(.75rem,1.6vh,1.1rem);font-weight:800;line-height:1.05;display:-webkit-box;overflow:hidden}.mobile-nav{-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px);z-index:1000;background:#0c0c14d9;border:2px solid #ffffff2e;border-radius:50px;justify-content:space-around;align-items:center;height:clamp(75px,10vh,100px);display:flex;position:fixed;bottom:clamp(20px,3vh,40px);left:clamp(15px,4vw,30px);right:clamp(15px,4vw,30px);box-shadow:0 20px 50px #000000b3,0 0 20px #00f2ff26}.nav-item{color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:clamp(.7rem,1.5vh,.9rem);font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.nav-item.active{color:var(--accent-blue);transform:translateY(-5px)}.nav-icon{font-size:var(--icon-size);filter:drop-shadow(0 0 10px #00f2ff33)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 15px #00f2ff99)}.modal{z-index:10000;-webkit-backdrop-filter:blur(55px);backdrop-filter:blur(55px);opacity:0;pointer-events:none;width:92%;max-width:400px;max-height:85dvh;box-shadow:0 40px 80px #000000e6, var(--neon-shadow);background:#08080cfa;border:2px solid #fff3;border-radius:40px;flex-direction:column;padding:2.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.modal.open{opacity:1;pointer-events:all;transform:translate(-50%,-50%)scale(1)}.modal-header h2{color:#fff;font-size:1.8rem;font-weight:800}.sidebar{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);z-index:5000;background:#040406fa;flex-direction:column;width:100vw;height:100dvh;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translateY(100%)}.sidebar.open{transform:translateY(0)}.sidebar-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:clamp(2rem,5vh,4rem) 2rem 1.5rem;display:flex}.sidebar h3{font-size:2.22rem;font-weight:800}.toast{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1.5px solid var(--accent-blue);z-index:20000;background:#00f2ff33;border-radius:25px;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:800;position:fixed;bottom:clamp(120px,18vh,180px);left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}