:root{--bg-primary: #0a0b10;--bg-secondary: #12131a;--panel-bg: rgba(255, 255, 255, .03);--panel-border: rgba(255, 255, 255, .06);--panel-hover-border: rgba(255, 255, 255, .12);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .3);--secondary: #3b82f6;--secondary-glow: rgba(59, 130, 246, .3);--violet: #8b5cf6;--amber: #f59e0b;--indigo: #6366f1;--emerald: #10b981;--rose: #f43f5e;--font-heading: "Prompt", sans-serif;--font-body: "Prompt", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000005e;transition:var(--transition)}.glass-panel:hover{border-color:var(--panel-hover-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-heading);font-size:15px;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--panel-border)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--panel-hover-border)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--panel-border)}.btn-outline:hover{color:var(--text-primary);border-color:var(--panel-hover-border);background:#ffffff05}.btn-danger-outline{background:transparent;color:var(--rose);border:1px solid rgba(244,63,94,.2)}.btn-danger-outline:hover{background:#f43f5e1a;border-color:var(--rose)}.btn-block{display:flex;width:100%}.btn-icon{padding:8px 16px;font-size:14px}.app-container{min-height:100vh;display:flex;position:relative}#main-layout{flex:1 1 auto;min-width:0}#onboarding-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(circle at 50% 50%,#1e1b4b 0%,var(--bg-primary) 70%);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .5s ease}#onboarding-view.active-view{opacity:1;pointer-events:all}.onboarding-card{width:100%;max-width:580px;padding:40px;box-shadow:0 20px 50px #00000080;animation:floatUp .6s cubic-bezier(.16,1,.3,1)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:8px;justify-content:center}.logo-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 0 20px var(--primary-glow)}.onboarding-card h1{font-size:32px;background:linear-gradient(135deg,#fff 40%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{text-align:center;color:var(--text-secondary);font-size:15px;margin-bottom:32px}#main-layout{display:flex;width:100%}.layout-hidden{display:none!important}.sidebar{width:280px;position:fixed;top:16px;bottom:16px;left:16px;display:flex;flex-direction:column;padding:24px;z-index:10;border-radius:var(--radius-lg)}.sidebar-header{margin-bottom:32px}.logo{display:flex;align-items:center;gap:12px}.logo i{font-size:24px;color:var(--primary)}.logo h2{font-size:22px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex-grow:1}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text-secondary);text-decoration:none;font-family:var(--font-heading);font-weight:500;font-size:15px;border-radius:var(--radius-md);transition:var(--transition)}.nav-item i{width:20px;height:20px}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:#ffffff0d}.nav-item.active{background:linear-gradient(135deg,#8b5cf626,#3b82f60d);border-left:3px solid var(--primary);box-shadow:inset 0 0 12px #8b5cf60d}.sidebar-footer{margin-top:auto}.user-pill{display:flex;align-items:center;gap:12px;background:#ffffff05;border:1px solid var(--panel-border);padding:12px 16px;border-radius:var(--radius-md)}.avatar{width:38px;height:38px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--primary)}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600}.user-plan{font-size:11px;color:var(--text-secondary)}.main-content{flex-grow:1;margin-left:312px;padding:32px 48px;min-height:100vh}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.welcome-text h1{font-size:28px;font-weight:800}.date-display{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary)}.date-display i{width:16px;height:16px}.form-grid{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}input,select,textarea{width:100%;box-sizing:border-box;background:#ffffff05;border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:12px 16px;font-family:var(--font-body);font-size:16px;color:var(--text-primary);outline:none;transition:var(--transition)}select{color-scheme:dark}select option{background-color:var(--bg-secondary);color:var(--text-primary)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#ffffff0a}.gender-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gender-btn{position:relative;display:flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--panel-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#ffffff05}.gender-btn input{position:absolute;opacity:0}.gender-btn span{font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--text-secondary)}.gender-btn:hover{border-color:var(--panel-hover-border);background:#ffffff0a}.gender-btn:has(input:checked){border-color:var(--primary);background:#8b5cf61a;box-shadow:0 0 10px #8b5cf61a}.gender-btn:has(input:checked) span{color:var(--text-primary)}.content-view{display:none;animation:fadeIn .4s ease-out}.content-view.active{display:block}.dashboard-grid>*{min-width:0}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:24px}.dashboard-grid.second-row{grid-template-columns:1fr 1fr}.card{padding:24px}.card h3{font-size:18px;margin-bottom:20px;font-weight:600}.calorie-summary-wrapper{display:flex;align-items:center;justify-content:space-around;gap:20px}.progress-ring-container{position:relative;width:220px;height:220px}.progress-ring__circle{transform:rotate(-90deg);transform-origin:50% 50%;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-ring__circle-bg{stroke:#ffffff08}.calorie-text-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.calorie-text-overlay .number{font-family:var(--font-heading);font-size:36px;font-weight:800}.calorie-text-overlay .label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.calorie-stats{display:flex;flex-direction:column;gap:16px;min-width:150px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.stat-label i{width:16px;height:16px}.stat-val{font-family:var(--font-heading);font-size:20px;font-weight:700}.icon-target{color:var(--indigo)}.icon-consumed{color:var(--violet)}.icon-burned{color:var(--secondary)}.macro-list{display:flex;flex-direction:column;gap:20px}.macro-item{display:flex;flex-direction:column;gap:8px}.macro-info{display:flex;justify-content:space-between;font-size:14px}.macro-name{font-weight:500}.macro-values{color:var(--text-secondary)}.progress-bar-bg{height:8px;background:#ffffff08;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.02)}.progress-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.protein-fill{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.carbs-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fat-fill{background:linear-gradient(90deg,#10b981,#34d399)}.water-widget{display:flex;align-items:center;gap:40px;justify-content:center;padding:10px 0}.water-glass{position:relative;width:90px;height:140px;border:4px solid rgba(255,255,255,.15);border-top:none;border-radius:0 0 20px 20px;overflow:hidden;background:#3b82f605;box-shadow:0 10px 20px #0003}.water-glass:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:#ffffff26;border-radius:0 0 4px 4px}.water-level{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,#60a5fa,#2563eb);transition:height .5s ease-out;box-shadow:inset 0 8px 10px #ffffff4d}.water-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:2}.water-actions{display:flex;flex-direction:column;gap:16px}.water-count-display{display:flex;align-items:baseline;gap:6px}.water-count-display .large-num{font-family:var(--font-heading);font-size:32px;font-weight:800}.water-count-display .unit{color:var(--text-secondary);font-size:14px}.water-buttons{display:flex;gap:10px}.target-badge{background:#3b82f61a;color:#60a5fa;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(59,130,246,.2)}.card-header-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.card-header-actions h3{margin-bottom:0}.inline-form{margin-bottom:24px}.input-group{display:flex;gap:10px}.input-group input{flex-grow:1}.weight-stats-mini{display:flex;justify-content:space-between;background:#ffffff05;padding:16px;border-radius:var(--radius-md);border:1px solid var(--panel-border)}.mini-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.mini-stat .label{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.mini-stat .val{font-family:var(--font-heading);font-size:16px;font-weight:700}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{font-size:24px}.meals-container{display:grid;grid-template-columns:1fr;gap:20px}.meal-block{padding:24px;border-radius:var(--radius-md)}.meal-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.meal-title-group{display:flex;align-items:center;gap:12px}.meal-title-group i{width:24px;height:24px}.meal-title-group h4{font-size:18px}.meal-cal-sum{font-family:var(--font-heading);font-weight:700;font-size:16px}.meal-items-list{list-style:none;display:flex;flex-direction:column;gap:12px}.meal-item-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff03;padding:12px 18px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.03)}.meal-item-info{display:flex;flex-direction:column;gap:4px}.meal-item-name{font-weight:500;font-size:15px}.meal-item-macros{font-size:11px;color:var(--text-secondary)}.meal-item-cal{display:flex;align-items:center;gap:16px}.meal-item-cal span{font-family:var(--font-heading);font-weight:600;font-size:14px}.delete-btn{background:transparent;border:none;color:var(--rose);cursor:pointer;opacity:.7;transition:var(--transition)}.delete-btn:hover{opacity:1}.empty-list-placeholder{color:var(--text-muted);font-size:13px;text-align:center;padding:16px 0;border:1px dashed rgba(255,255,255,.05);border-radius:var(--radius-sm)}.exercise-panel{padding:30px}.exercise-summary{display:flex;gap:60px;margin-bottom:24px}.summary-col{display:flex;flex-direction:column;gap:8px}.summary-col .label{color:var(--text-secondary);font-size:13px}.summary-col .val{font-family:var(--font-heading);font-size:26px;font-weight:800}.divider{border:0;height:1px;background:var(--panel-border);margin-bottom:24px}.exercise-panel h4{font-size:16px;margin-bottom:16px;color:var(--text-secondary)}.exercise-list{list-style:none;display:flex;flex-direction:column;gap:12px}.exercise-item-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff03;padding:14px 20px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.03)}.exercise-info{display:flex;flex-direction:column;gap:4px}.exercise-name{font-weight:500;font-size:15px}.exercise-duration{font-size:11px;color:var(--text-secondary)}.exercise-calories{display:flex;align-items:center;gap:16px}.exercise-calories span{color:var(--rose);font-family:var(--font-heading);font-weight:700}.progress-charts-grid{display:flex;flex-direction:column;gap:24px}.chart-card-full,.history-card{width:100%}.table-wrapper{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;margin-top:10px;text-align:left}.history-table th,.history-table td{padding:14px 16px;font-size:14px}.history-table th{border-bottom:1px solid var(--panel-border);color:var(--text-secondary);font-weight:600}.history-table td{border-bottom:1px solid rgba(255,255,255,.02)}.history-table tr:hover td{background:#ffffff03}.history-table .text-center{text-align:center}.settings-card{padding:32px}.settings-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal.open{opacity:1;pointer-events:all}.modal-content{width:90%;max-width:500px;padding:32px;border-radius:var(--radius-lg);position:relative;transform:translateY(-20px);transition:transform .3s ease;box-shadow:0 30px 60px #0009}.modal.open .modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:20px}.modal-close{background:transparent;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.modal-close:hover{color:#fff}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-violet{color:var(--violet)}.text-amber{color:var(--amber)}.text-indigo{color:var(--indigo)}.text-emerald{color:var(--emerald)}.text-secondary{color:var(--text-secondary)}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge-card{background:#ffffff05;border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:4px;min-width:140px;flex-grow:1;max-width:200px;box-shadow:0 4px 15px #0000001a}.ai-or-divider{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px;margin:2px 0 12px}#app-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#1e1b4b 0%,var(--bg-primary) 70%)}#app-splash.hidden{display:none}.splash-inner{display:flex;flex-direction:column;align-items:center;gap:22px}.splash-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--panel-border);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#lock-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:none;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 30%,#1e1b4b 0%,var(--bg-primary) 70%)}#lock-view.visible{display:flex}.lock-card{width:100%;max-width:360px;padding:32px 24px;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.lock-card h2{font-size:18px}.pin-dots{display:flex;gap:14px}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--panel-hover-border);transition:var(--transition)}.pin-dot.filled{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.lock-input{text-align:center;letter-spacing:8px;font-size:20px;max-width:220px}.pin-keypad{display:none;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:280px}.pin-key{aspect-ratio:1 / 1;border-radius:50%;background:#ffffff0a;border:1px solid var(--panel-border);color:var(--text-primary);font-family:var(--font-heading);font-size:22px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.pin-key:hover{background:#ffffff14}.pin-key:active{transform:scale(.95)}.pin-key-back{background:transparent;border:none}.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media (pointer: coarse),(max-width: 640px){.lock-input{display:none}.pin-keypad{display:grid}}.date-navigator{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--panel-border)}.btn-icon-nav{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.btn-icon-nav i{width:16px;height:16px}.btn-icon-nav:hover{color:var(--text-primary)}.date-field{position:relative;display:inline-flex;align-items:center;background:transparent;border:none;cursor:pointer;padding:2px 4px}#date-display{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}#date-picker{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;color-scheme:dark}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;justify-content:space-around;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#12131aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--panel-border)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-heading);font-size:10px;font-weight:600;padding:6px 2px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.bottom-nav-item i{width:22px;height:22px}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active i{filter:drop-shadow(0 0 6px var(--primary-glow))}.fab{position:fixed;right:18px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:901;width:56px;height:56px;display:none;align-items:center;justify-content:center;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 8px 24px var(--primary-glow);cursor:pointer}.fab i{width:26px;height:26px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (pointer: coarse){.delete-btn,.fav-btn,.btn-remove-fav,.modal-close,.btn-icon-nav{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}@media (min-width: 641px) and (max-width: 1024px){.sidebar{width:76px;padding:20px 10px;align-items:center}.sidebar-header{margin-bottom:24px}.logo{justify-content:center}.logo h2{display:none}.sidebar-nav{width:100%}.nav-item{font-size:0;gap:0;justify-content:center;padding:14px 0}.nav-item i{width:22px;height:22px}.user-pill{justify-content:center;padding:8px}.user-info{display:none}.main-content{margin-left:92px;padding:24px 28px}.dashboard-grid,.dashboard-grid.second-row{grid-template-columns:1fr}.calorie-summary-wrapper{flex-direction:column;gap:30px}.water-widget{flex-direction:column;gap:24px}}@media (max-width: 640px){.app-container{display:block}#main-layout{display:block;width:100%}.sidebar{display:none}.bottom-nav,.fab{display:flex}.main-content{width:100%;margin-left:0;padding:16px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.dashboard-grid,.dashboard-grid.second-row{grid-template-columns:1fr;gap:16px}.calorie-summary-wrapper{flex-direction:column;gap:20px}.calorie-stats{flex-direction:row;width:100%;min-width:0;justify-content:space-around;gap:8px}.calorie-stats .stat-item{flex:1;align-items:center;text-align:center;gap:6px}.calorie-stats .stat-label{justify-content:center;font-size:12px}.water-widget{flex-direction:column;gap:20px}.water-actions{width:100%}.water-buttons{flex-wrap:wrap}.card-header-actions{flex-wrap:wrap;gap:8px}.badge-card{max-width:none;min-width:0;flex-basis:100%}.section-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.section-header h2{font-size:19px}.section-header .btn{width:100%}.top-bar{position:sticky;top:0;z-index:50;flex-direction:column;align-items:stretch;gap:10px;margin:-16px -16px 16px;padding:12px 16px;background:#0a0b10e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--panel-border)}.welcome-text h1{font-size:20px}.welcome-text p{display:none}.top-bar>div:last-child{width:100%;flex-wrap:nowrap;gap:10px;justify-content:space-between;align-items:center}.top-bar #btn-ai-coach{flex:1 1 auto;min-width:0;height:40px;justify-content:center;padding:0 12px;font-size:13px;white-space:nowrap;box-shadow:none}.top-bar .date-navigator{flex:0 0 auto;height:40px;padding:0 6px;gap:2px}.top-bar #date-display{font-size:12px}.form-row{grid-template-columns:1fr;gap:14px}.settings-actions{flex-direction:column;gap:14px;align-items:stretch}.modal{align-items:flex-end}.modal-content{width:100%;max-width:100%;max-height:92vh;overflow-y:auto;scrollbar-gutter:stable both-edges;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(100%)}.modal.open .modal-content{transform:translateY(0)}.modal-content:before{content:"";display:block;width:40px;height:4px;margin:-6px auto 14px;border-radius:2px;background:var(--panel-hover-border)}.modal-body-split{grid-template-columns:1fr;gap:18px}.modal-directory-side{border-left:none;padding-left:0;border-top:1px solid var(--panel-border);padding-top:16px}.history-table thead{display:none}.history-table,.history-table tbody,.history-table tr,.history-table td{display:block;width:100%}.history-table tr{border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:10px}.history-table td{border:none;padding:3px 0;text-align:left}.history-table td:first-child{font-weight:700;font-family:var(--font-heading)}}@media (max-width: 380px){.bottom-nav-item span{display:none}}.modal-lg{max-width:800px}.modal-body-split{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.modal-form-side{display:flex;flex-direction:column;gap:16px}.modal-directory-side{border-left:1px solid var(--panel-border);padding-left:24px;display:flex;flex-direction:column;gap:14px}.directory-header h4{font-size:15px;margin-bottom:8px;color:var(--text-primary)}.directory-header input{padding:8px 12px;font-size:13px;border-radius:var(--radius-sm)}.directory-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.directory-list::-webkit-scrollbar{width:6px}.directory-list::-webkit-scrollbar-track{background:transparent}.directory-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.directory-list::-webkit-scrollbar-thumb:hover{background:#fff3}.directory-item{background:#ffffff03;border:1px solid rgba(255,255,255,.03);padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex;justify-content:space-between;align-items:center}.directory-item:hover{background:#8b5cf614;border-color:#8b5cf64d}.directory-item-info{display:flex;flex-direction:column;gap:2px;text-align:left}.directory-item-name{font-size:14px;font-weight:600;color:var(--text-primary)}.directory-item-macros{font-size:11px;color:var(--text-secondary)}.directory-item-cal{font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--primary);white-space:nowrap}@media (max-width: 768px){.modal-body-split{grid-template-columns:1fr;gap:20px}.modal-directory-side{border-left:none;padding-left:0;border-top:1px solid var(--panel-border);padding-top:20px}.directory-list{max-height:200px}}.modal-tabs{display:flex;gap:10px;margin-bottom:16px;border-bottom:1px solid var(--panel-border);padding-bottom:8px}.modal-tab-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-heading);font-weight:600;font-size:13px;padding:6px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.modal-tab-btn:hover,.modal-tab-btn.active{color:var(--text-primary);background:#ffffff0d}.modal-tab-btn.active{background:#8b5cf61a;color:var(--primary)}.modal-tab-content{display:none;animation:fadeIn .3s ease-out}.modal-tab-content.active{display:block}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:380px;width:calc(100% - 48px)}.toast{background:#12131ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);padding:16px 20px;border-radius:var(--radius-md);box-shadow:0 10px 30px #00000080;display:flex;align-items:center;gap:14px;transform:translate(120%);opacity:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease;pointer-events:auto}.toast.show{transform:translate(0);opacity:1}.toast-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}.toast-icon i{width:16px;height:16px}.toast-message{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4;text-align:left}.toast-success{border-left:4px solid var(--emerald)}.toast-success .toast-icon{background:#10b98126;color:var(--emerald)}.toast-error{border-left:4px solid var(--rose)}.toast-error .toast-icon{background:#f43f5e26;color:var(--rose)}.toast-warning{border-left:4px solid var(--amber)}.toast-warning .toast-icon{background:#f59e0b26;color:var(--amber)}.toast-info{border-left:4px solid var(--secondary)}.toast-info .toast-icon{background:#3b82f626;color:var(--secondary)}@media (max-width: 480px){#toast-container{top:16px;right:16px;left:16px;width:auto;max-width:none}}