:root{--bg-color:#0b0f19;--surface-color:#161b22b3;--surface-border:#f0f6fc1a;--text-primary:#f0f6fc;--text-secondary:#8b949e;--accent-color:#388bfd;--accent-glow:#388bfd66;--success-color:#238636;--card-radius:18px;--font-main:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 80% 20%,#388bfd14,#0000 40%),radial-gradient(circle at 20% 80%,#2386360d,#0000 40%);flex-direction:column;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;align-items:center;width:100%;display:flex}:root{--bg-color:#16181f;--surface-color:#24252b;--surface-border:#33363f;--text-primary:#fff;--text-secondary:#9ea1aa;--accent-color:#d4af37;--accent-gradient:linear-gradient(135deg, #b88728 0%, #f2d572 30%, #d19f39 50%, #fbe695 70%, #b88728 100%);--accent-color-hover:#fbe695;--accent-glow:#d4af3759;--font-main:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif;--card-radius:20px;--inner-radius:14px}body{font-family:var(--font-main);background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;overflow-x:hidden}html,body{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff2e padding-box padding-box;border:2px solid #0000;border-radius:8px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff59 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:active{background:var(--accent-gradient,var(--accent-color));background-clip:padding-box;border:2px solid #0000}.app-shell{flex-direction:column;width:100%;min-height:100vh;display:flex}.sketch-header{z-index:110;background-color:var(--surface-color);border-bottom:1px solid var(--surface-border);box-sizing:border-box;align-items:center;width:100%;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.sketch-header-left{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.burger-icon,.back-btn-container,.header-icon-btn,.diary-shortcut-btn,.coffee-sticky-btn,.coffee-sticky-action-btn,.header-merge-btn,.create-close-btn,.search-overlay-back{color:#fff;box-sizing:border-box;cursor:pointer;background:#2e3039;border:1px solid #ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;height:38px;margin:0;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.burger-icon:hover,.back-btn-container:hover,.header-icon-btn:hover,.diary-shortcut-btn:hover,.coffee-sticky-btn:hover,.coffee-sticky-action-btn:hover,.header-merge-btn:hover,.create-close-btn:hover,.search-overlay-back:hover{color:#fff;background:#3e414f;border-color:#ffffff1a;transform:translateY(-2px)}.burger-icon:active,.back-btn-container:active,.header-icon-btn:active,.diary-shortcut-btn:active,.coffee-sticky-btn:active,.coffee-sticky-action-btn:active,.header-merge-btn:active,.create-close-btn:active,.search-overlay-back:active{transform:scale(.95)translateY(0)}.header-three-dots-icon{transition:transform .25s cubic-bezier(.25,.8,.25,1);display:inline-block}.header-icon-btn:hover .header-three-dots-icon{transform:scale(1.18)}.header-icon-btn:active .header-three-dots-icon{transform:scale(.95)}.burger-icon,.back-btn-container,.header-icon-btn,.coffee-sticky-btn,.coffee-sticky-action-btn,.create-close-btn,.search-overlay-back{width:38px}.burger-icon{flex-direction:column;gap:3px;display:flex}.burger-line{background-color:#fff;border-radius:1px;width:20px;height:2px}.sketch-header-left h1{letter-spacing:-.015em;color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.2rem;font-weight:700;overflow:hidden}.sketch-header-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.header-back-arrow{color:#fff;margin-top:-3px;font-size:1.8rem;font-weight:400;line-height:1}.header-count-badge{color:#f2d572;box-sizing:border-box;background:#dcfc2d14;border:1px solid #dcfc2d33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:800;display:flex}.back-btn-new{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:8px 0;font-size:1.15rem;font-weight:700;transition:opacity .2s;display:inline-flex}.back-btn-new:hover{opacity:.8}.back-btn-new svg{stroke:var(--text-primary)}.sketch-content{box-sizing:border-box;flex:1;width:100%;padding:24px 32px 140px}.recipe-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}@media (width<=600px){.sketch-header{height:54px;padding:0 16px}.sketch-content{padding:12px 12px 110px}.sketch-content:has(.coffee-detail-view){padding:0!important}.obsidian-detail-view{gap:16px}.obsidian-section{border-radius:16px;padding:16px}.obsidian-callout{border-radius:12px;padding:14px 16px}.obsidian-header-info h2{font-size:1.5rem}.recipe-cards-grid{grid-template-columns:1fr;gap:16px}}.recipe-card{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--card-radius);cursor:pointer;flex-direction:column;padding:12px;transition:all .25s;display:flex}.recipe-card:hover{background:#292a32;border-color:#d4af3759;transform:translateY(-4px)}.card-image-wrapper{border-radius:var(--inner-radius);background:#2e3039;border:1px solid #ffffff08;justify-content:center;align-items:center;width:100%;height:220px;display:flex;overflow:hidden}.card-image-wrapper img{object-fit:cover;width:100%;height:100%}.image-placeholder{color:#65697a;font-size:1.05rem;font-weight:600}.card-body{flex-direction:column;gap:10px;padding:18px 4px 4px;display:flex}.card-title{letter-spacing:-.021em;color:var(--text-primary);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:1.25rem;font-weight:700}.card-time-badge{color:var(--accent-color);background:#ffffff0a;border-radius:8px;align-items:center;gap:5px;width:fit-content;margin-top:10px;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.card-description{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;height:64px;margin:0;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.sketch-bottom-bar{z-index:1000;width:500px;max-width:calc(100% - 32px);position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.tabs-container{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#121318bf;border:1px solid #ffffff14;border-radius:9999px;justify-content:space-between;align-items:center;gap:4px;padding:6px;display:flex;position:relative;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff1a}.tab-indicator{z-index:0;pointer-events:none;box-sizing:border-box;background:#d4af371f;border:1px solid #d4af3726;border-radius:9999px;transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;bottom:6px}.tabs-container.active-tab-0 .tab-indicator{width:calc(33.3333% - 6.66667px);left:6px}.tabs-container.active-tab-1 .tab-indicator{width:calc(33.3333% - 6.66667px);left:calc(33.3333% + 3.33333px)}.tabs-container.active-tab-2 .tab-indicator{width:calc(33.3333% - 6.66667px);left:calc(66.6667% + .666666px)}.sketch-tab-btn{color:#ffffff73;cursor:pointer;white-space:nowrap;z-index:1;background:0 0;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 16px;transition:background-color .3s,color .3s,transform .2s;display:flex;position:relative;overflow:hidden}.sketch-tab-btn svg{stroke:currentColor;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1),stroke .25s}.sketch-tab-btn .tab-label{letter-spacing:.01em;color:currentColor;opacity:1;max-width:150px;font-size:.88rem;font-weight:600;transition:color .3s}.sketch-tab-btn:hover{color:#ffffffd9;background:#ffffff0a}.sketch-tab-btn:hover svg{transform:scale(1.08)}.sketch-tab-btn.active{color:#d4af37;box-shadow:none!important;background:0 0!important}.sketch-tab-btn.active:hover{box-shadow:none!important;background:0 0!important}.sketch-tab-btn.active svg{stroke:#d4af37;transform:scale(1.05)}@media (width<=768px){.tabs-container.active-tab-0 .tab-indicator{width:calc(52.381% - 10.4762px);left:6px}.tabs-container.active-tab-1 .tab-indicator{width:calc(52.381% - 10.4762px);left:calc(23.8095% + 5.2381px)}.tabs-container.active-tab-2 .tab-indicator{width:calc(52.381% - 10.4762px);left:calc(47.6191% + 4.47619px)}.sketch-tab-btn{gap:0;padding:0 12px;transition:flex .35s cubic-bezier(.4,0,.2,1),background-color .3s,color .3s}.sketch-tab-btn .tab-label{opacity:0;max-width:0;margin-left:0;transition:max-width .35s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),margin-left .35s cubic-bezier(.4,0,.2,1)}.sketch-tab-btn.active{flex:2.2;padding:0 16px}.sketch-tab-btn.active .tab-label{opacity:1;max-width:110px;margin-left:8px}}@media (width<=600px){.sketch-bottom-bar{width:340px;max-width:calc(100% - 24px);bottom:20px}.tabs-container{gap:2px;padding:5px}.tabs-container.active-tab-0 .tab-indicator{width:calc(56.5217% - 7.91304px);left:5px}.tabs-container.active-tab-1 .tab-indicator{width:calc(56.5217% - 7.91304px);left:calc(21.7391% + 3.95652px)}.tabs-container.active-tab-2 .tab-indicator{width:calc(56.5217% - 7.91304px);left:calc(43.4783% + 2.91304px)}.tab-indicator{transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);top:5px;bottom:5px}.sketch-tab-btn{height:44px;padding:0 8px}.sketch-tab-btn.active{flex:2.6;padding:0 12px}.sketch-tab-btn svg{width:20px;height:20px}.sketch-tab-btn.active .tab-label{max-width:90px;font-size:.78rem}}.jedlens-sidebar{background:var(--surface-color);border-right:1px solid var(--surface-border);z-index:13000;flex-direction:column;gap:32px;width:300px;height:100%;padding:32px 24px;transition:transform .3s;display:flex;position:fixed;top:0;left:-320px;box-shadow:12px 0 40px #00000080}.jedlens-sidebar.active{transform:translate(320px)}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar-brand{color:var(--text-primary);font-size:1.35rem;font-weight:700}.sidebar-close{cursor:pointer;color:#fff9;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.sidebar-close:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.sidebar-close:active{transform:scale(.95)}.sidebar-links{flex-direction:column;gap:12px;display:flex}.sidebar-link{color:var(--text-secondary);box-sizing:border-box;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:1.02rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-link:hover{color:var(--text-primary);background:#ffffff08;border-color:#ffffff0f;transform:translate(4px)}.sidebar-link.active{color:#d4af37;background:#d4af3714;border-color:#d4af372e;font-weight:700}.sidebar-link.active:hover{transform:none}.sidebar-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:12000;opacity:0;visibility:hidden;background:#00000073;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar-backdrop.active{opacity:1;visibility:visible}.obsidian-detail-view{flex-direction:column;gap:28px;width:100%;max-width:900px;margin:0 auto;padding:0 0 40px;animation:.4s fadeIn;display:flex}.detail-image-wrapper-obsidian{border-radius:var(--inner-radius);width:100%;height:400px;margin-bottom:8px;overflow:hidden}.detail-image-wrapper-obsidian img{object-fit:cover;width:100%;height:100%}.obsidian-header-info h2{letter-spacing:-.025em;color:#fff;margin:0;font-size:1.85rem;font-weight:800;line-height:1.25}.obsidian-callout{background:#1e2025;border-left:4px solid #4f4f4f;border-radius:12px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.callout-title{color:#fff;font-size:1.15rem;font-weight:700}.callout-content p{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.6}.callout-content ul{color:var(--text-secondary);margin:0;padding-left:20px;line-height:1.6}.callout-content li{margin-bottom:8px}.obsidian-callout.info{background:#0076db14;border-left-color:#0076db}.obsidian-callout.info .callout-title{color:#3b9eff}.obsidian-callout.tip{background:#d4af3714;border-left-color:#d4af37}.obsidian-callout.tip .callout-title{color:#d4af37}.obsidian-callout.abstract{background:#aa66cc14;border-left-color:#a6c}.obsidian-callout.abstract .callout-title{color:#c8f}.obsidian-callout.success{background:#10b98114;border-left-color:#10b981}.obsidian-callout.success .callout-title{color:#34d399}.obsidian-callout.warning{background:#f59e0b14;border-left-color:#f59e0b}.obsidian-callout.warning .callout-title{color:#fbbf24}.obsidian-section{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--card-radius);box-sizing:border-box;flex-direction:column;gap:16px;padding:24px;display:flex}.obsidian-section h3{color:#fff;border-bottom:1px solid var(--surface-border);margin:0;padding-bottom:10px;font-size:1.35rem;font-weight:700}.bento-timing-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px;display:grid}@media (width<=550px){.bento-timing-grid{grid-template-columns:1fr}}.timing-item-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.timing-item-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.45}.bento-pills-list{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.bento-pill{color:var(--text-primary);background:#ffffff04;border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.bento-pill:hover{background:#ffffff0a;border-color:#ffffff26}.bento-steps{flex-direction:column;gap:14px;margin-top:4px;display:flex}.bento-step-card{background:#ffffff03;border:1px solid #ffffff09;border-radius:16px;align-items:flex-start;gap:16px;padding:16px 18px;transition:all .25s;display:flex}.bento-step-card:hover{background:#ffffff05;border-color:#d4af3740}.bento-step-num{width:32px;height:32px;color:var(--accent-color);background:#d4af371a;border:1px solid #d4af3733;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.bento-step-content{flex-direction:column;flex:1;gap:4px;display:flex}.bento-step-title{color:#fff;font-size:1.08rem;font-weight:700}.bento-step-text{color:var(--text-secondary);margin:0;font-size:.96rem;line-height:1.5}.ingredients-detail-cards{flex-direction:column;gap:12px;display:flex}.ingredient-detail-card{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--card-radius);align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.ing-detail-img-wrapper{border-radius:var(--inner-radius);background:#1e2025;border:1px solid #ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.ing-detail-img-wrapper img{object-fit:cover;width:100%;height:100%}.ing-fallback-text{color:var(--accent-color);text-transform:uppercase;font-size:1.4rem;font-weight:800}.ing-detail-info{flex-direction:column;flex:1;gap:4px;width:calc(100% - 80px);display:flex}.ing-title-group{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.ing-detail-name{color:#fff;word-break:break-word;flex:1;font-size:1.05rem;font-weight:700}.ing-amount-badge{color:var(--accent-color);white-space:nowrap;background:#d4af371a;border:1px solid #d4af3733;border-radius:99px;flex-shrink:0;padding:3px 10px;font-size:.88rem;font-weight:700}.ing-detail-category{color:var(--text-secondary);font-size:.82rem}.ing-detail-macros{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.macro-chip{color:#a8abb6;background:#1e2025;border:1px solid #ffffff0d;border-radius:99px;padding:3px 8px;font-size:.76rem;font-weight:600}.macro-chip.kcal{color:#ff9f43;background:#ff9f431a;border-color:#ff9f4326}.macro-chip.protein{color:var(--accent-color);background:#d4af371a;border-color:#d4af3726}.macro-chip.fat{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b26}.macro-chip.carbs{color:#48dbfb;background:#48dbfb1a;border-color:#48dbfb26}.obsidian-table-wrapper{border:1px solid var(--surface-border);background:var(--surface-color);border-radius:14px;overflow-x:auto}.obsidian-table{border-collapse:collapse;text-align:left;width:100%}.obsidian-table th,.obsidian-table td{padding:14px 20px;font-size:1.02rem}.obsidian-table th{color:#fff;background:#2e3039;font-weight:700}.obsidian-table td{color:var(--text-secondary);border-top:1px solid var(--surface-border)}.obsidian-table tr:hover td{background:#ffffff05}.obsidian-steps-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.obsidian-steps-list li{color:var(--text-secondary);background:0 0;border:none;border-bottom:1px solid #ffffff0d;border-radius:0;padding:6px 0 16px;font-size:1.02rem;line-height:1.6}.obsidian-steps-list li:last-child{border-bottom:none;padding-bottom:0}.obsidian-steps-list li strong{color:#fff}.obsidian-tags{border-top:none;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:12px;display:flex}.obsidian-tags span{color:var(--accent-color);cursor:pointer;background:#d4af3714;border:1px solid #d4af3726;border-radius:99px;padding:6px 14px;font-size:.9rem;font-weight:600;transition:all .2s}.obsidian-tags span:hover{background:var(--accent-gradient,var(--accent-color));color:#1a1a1a}.recipe-detail-view{width:100%;margin-top:-8px;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.detail-layout{grid-template-columns:1fr;gap:32px;display:grid}.full-width-detail{flex-direction:column;gap:32px;width:100%;display:flex}.detail-left,.detail-right{flex-direction:column;gap:32px;display:flex}.detail-hero-card{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--card-radius);padding:24px}.detail-image-wrapper{border-radius:var(--inner-radius);width:100%;height:400px;margin-bottom:24px;overflow:hidden}.detail-image-wrapper img{object-fit:cover;width:100%;height:100%}.detail-intro h2{letter-spacing:-.035em;color:#fff;margin:0 0 12px;font-size:2.1rem;font-weight:700}.detail-intro p{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.5}.detail-section{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--card-radius);flex-direction:column;gap:20px;padding:32px;display:flex}.detail-section h3{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.detail-steps-list{flex-direction:column;gap:20px;padding:0;list-style:none;display:flex}.detail-step-item{align-items:flex-start;gap:18px;display:flex}.step-num{border:1px solid var(--surface-border);width:32px;height:32px;color:var(--text-primary);background:#f0f6fc0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.step-text{color:var(--text-secondary);margin:0;font-size:1.02rem;line-height:1.5}.ingredients-list{grid-template-columns:1fr;gap:12px;padding:0;list-style:none;display:grid}.ingredient-item{background:#f0f6fc05;border:1px solid #f0f6fc08;border-radius:14px;justify-content:space-between;padding:16px 20px;display:flex}.ing-name{color:var(--text-primary);font-size:1.02rem;font-weight:600}.ing-amount{color:#fff;font-size:1.02rem;font-weight:700}.macros-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.macro-card{background:#f0f6fc05;border:1px solid #f0f6fc08;border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.macro-label{color:var(--text-secondary);font-size:.85rem}.empty-card{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--card-radius);text-align:center;max-width:500px;margin:0 auto;padding:48px}@media (width<=600px){.detail-image-wrapper,.detail-image-wrapper-obsidian{height:240px}}.app-detail-view{flex-direction:column;gap:16px;width:100%;max-width:750px;margin:0 auto;padding:0 8px 40px;animation:.3s fadeIn;display:flex}.app-image-hero{border-radius:20px;width:100%;height:380px;overflow:hidden;box-shadow:0 8px 24px #0006}.app-image-hero img{object-fit:cover;width:100%;height:100%}.app-header-block{flex-direction:column;gap:10px;padding:4px 0;display:flex}.app-recipe-title{letter-spacing:-.025em;color:#fff;margin:0;font-size:1.75rem;font-weight:800;line-height:1.25}.app-metadata-row{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.app-meta-badge{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.app-card{background:0 0;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:10px;padding:16px 0 20px;display:flex}.app-card:last-of-type{border-bottom:none}.app-card-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.app-desc-text{color:var(--text-secondary);margin:0;font-size:.98rem;line-height:1.55}.app-step-list{flex-direction:column;gap:14px;display:flex}.app-step-item{align-items:flex-start;gap:12px;display:flex}.app-step-bullet{background:var(--accent-gradient,var(--accent-color));border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.app-step-content{color:var(--text-secondary);font-size:.98rem;line-height:1.55}.app-step-content strong{color:#fff}.app-inventory-list{flex-wrap:wrap;gap:8px;display:flex}.app-inventory-pill{color:#fff;background:#ffffff0a;border:1px solid #ffffff0a;border-radius:99px;padding:6px 14px;font-size:.92rem;font-weight:600}@media (width<=600px){.app-image-hero{height:240px}.app-recipe-title{font-size:1.45rem}}.coffee-detail-view{flex-direction:column;gap:20px;width:100%;max-width:440px;margin:0 auto;padding:0 4px 110px;animation:.3s fadeIn;display:flex}.coffee-hero-container{border-radius:32px;width:100%;height:480px;position:relative;overflow:hidden;box-shadow:0 12px 32px #0006}.coffee-floating-btn{-webkit-backdrop-filter:blur(16px);color:#fff;cursor:pointer;z-index:10;box-sizing:border-box;background:#2e303973;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.5rem;line-height:1;transition:all .25s;display:flex;position:absolute;top:24px;left:20px}.coffee-floating-btn:hover{background:#ffffff2e;border-color:#ffffff4d;transform:scale(1.08)}.coffee-actions-row{z-index:10;gap:12px;display:flex;position:absolute;top:24px;right:20px}.coffee-action-btn{-webkit-backdrop-filter:blur(16px);color:#fff;cursor:pointer;box-sizing:border-box;background:#2e303973;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.2rem;transition:all .25s;display:flex}.coffee-action-btn:hover{background:#ffffff2e;border-color:#ffffff4d;transform:scale(1.08)}.coffee-hero-container img{object-fit:cover;width:100%;height:100%}.coffee-overlap-card{-webkit-backdrop-filter:blur(20px);z-index:5;background:#1c1f26b8;border:1px solid #ffffff14;border-radius:32px;justify-content:space-between;align-items:flex-start;margin-top:-85px;padding:22px 24px;display:flex;position:relative;box-shadow:0 8px 32px #0000004d}.coffee-card-left{flex-direction:column;flex:1;gap:6px;display:flex}.coffee-recipe-title{letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:1.55rem;font-weight:800;line-height:1.2}.coffee-recipe-time-badge{color:#d4af37;background:#ffffff0f;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:6px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.coffee-recipe-subtitle{color:var(--text-secondary);margin-bottom:2px;font-size:.92rem;font-weight:600}.coffee-recipe-rating{color:#fff;align-items:center;gap:6px;margin-top:2px;font-size:.92rem;font-weight:700;display:flex}.coffee-recipe-rating span{color:var(--text-secondary);font-weight:600}.coffee-card-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.coffee-meta-icons{gap:8px;display:flex}.coffee-meta-icon-box{width:44px;height:44px;color:var(--accent-color);background:#0c0f14bf;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.88rem;font-weight:700;display:flex}.coffee-meta-icon-box .icon-label{color:var(--text-secondary);text-transform:uppercase;font-size:.65rem;font-weight:600}.coffee-badge-roasted{color:var(--text-secondary);text-align:center;background:#0c0f14bf;border:1px solid #ffffff0d;border-radius:10px;padding:6px 12px;font-size:.76rem;font-weight:700}.coffee-content-block{flex-direction:column;gap:8px;padding:2px 12px;display:flex}.ingredients-summary-block{margin-top:66px!important}.coffee-section-title{color:#fff;text-transform:capitalize;letter-spacing:.02em;margin:0;font-size:1rem;font-weight:700}.coffee-desc-text{color:#fff9;margin:0;font-size:.94rem;line-height:1.55}.coffee-desc-text strong{color:#fff}.coffee-size-row{gap:12px;margin-top:4px;display:flex}.coffee-size-btn{color:#fff6;text-align:center;cursor:pointer;background:#141921;border:1px solid #0000;border-radius:12px;flex:1;padding:12px;font-size:.95rem;font-weight:700;transition:all .2s}.coffee-size-btn:hover{color:#fff;border-color:#ffffff14}.coffee-size-btn.active{border:1px solid var(--accent-color);color:var(--accent-color);background:#141921}@media (width<=600px){.sketch-content:has(.coffee-detail-view){padding:0!important}.coffee-detail-view{box-sizing:border-box;gap:0;max-width:100vw;padding:0 0 110px}.coffee-hero-container{height:50vh;aspect-ratio:unset;border-radius:0;width:100%}.coffee-floating-btn{top:16px;left:16px}.coffee-actions-row{top:16px;right:16px}.coffee-overlap-card{-webkit-backdrop-filter:blur(24px);box-sizing:border-box;border-radius:32px 32px 0 0;width:100%;margin-top:-38px;margin-left:0;margin-right:0;padding:32px 20px 12px;box-shadow:none!important;background:linear-gradient(#1c1f26b8 0%,#16181ff2 60%,#16181f 100%)!important;border:none!important}.coffee-content-block{background-color:#16181f;padding:8px 20px 10px}.obsidian-tags{background-color:#16181f;padding:8px 20px!important}}.chef-comment-box{background:#ffffff05;border-radius:12px;margin-top:6px;padding:16px 16px 16px 20px;border-left:3.5px solid var(--accent-color)!important}.chef-comment-box p{color:#ffffffa6;margin:0;font-size:.94rem;line-height:1.55}.chef-comment-box strong{color:#fff}.cooking-numbered-list{flex-direction:column;gap:16px;margin-top:8px;display:flex}.cooking-numbered-item{align-items:flex-start;gap:14px;display:flex}.cooking-number-badge{background:var(--accent-gradient,var(--accent-color));color:#16181f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.85rem;font-weight:800;display:flex}.cooking-step-content{color:#ffffffa6;margin:0;font-size:.95rem;line-height:1.55}.cooking-step-content strong{color:#fff}.app-inventory-text-list{color:#ffffffb3;flex-direction:column;gap:10px;margin-top:6px;font-size:.96rem;display:flex}.app-step-list-plain{flex-direction:column;gap:0;margin-top:4px;display:flex}.cooking-step-card{background:0 0;border:none;border-bottom:1px solid #ffffff0f;align-items:stretch;gap:24px;padding:16px 0;display:flex}.cooking-step-card:first-child{padding-top:4px}.cooking-step-card:last-child{border-bottom:none;padding-bottom:4px}.step-info-side{flex-direction:column;flex:1;gap:12px;display:flex;position:relative}.step-image-side{border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;width:40%;overflow:hidden}.step-image-side img{object-fit:cover;width:100%;height:100%;min-height:180px;display:block}@media (width>=651px){.step-image-side{aspect-ratio:1.8;align-self:flex-start}.step-image-side img{min-height:unset}}@media (width<=650px){.cooking-step-card{flex-direction:column-reverse}.step-image-side{width:100%}.step-image-side img{height:200px}}.step-badge{color:var(--accent-color);text-transform:uppercase;letter-spacing:.1em;background:#d4af3726;border:1px solid #d4af3733;border-radius:6px;width:fit-content;margin-bottom:4px;padding:4px 10px;font-size:.65rem;font-weight:900;display:inline-flex}.step-title{color:#fff;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:1.15rem;font-weight:700}.step-description{color:#ffffffa6;margin:0;font-size:.95rem;line-height:1.6}.app-step-item-plain{color:#ffffffa6;font-size:.95rem;line-height:1.55}.app-step-item-plain strong{color:#fff}.dish-content-box{box-sizing:border-box;background:#ffffff05;border-radius:12px;margin-top:4px;padding:14px 16px 14px 20px;position:relative}.dish-content-box.with-left-line{border-top-left-radius:12px;border-bottom-left-radius:12px;border-left:3.5px solid var(--accent-color)!important}.coffee-section-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.add-to-list-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-icon{color:var(--accent-color);font-size:1.1rem;font-weight:400;line-height:1}.add-to-list-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#d4af371f;transform:translateY(-1px);box-shadow:0 4px 15px #d4af3726}.add-to-list-btn:hover .btn-icon{color:var(--accent-color)}.add-to-list-btn:active{background:#d4af3733;transform:translateY(0)}.coffee-sticky-header{z-index:200;box-sizing:border-box;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;max-width:100%;height:60px;padding:0 24px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.coffee-sticky-header.active{-webkit-backdrop-filter:blur(24px);background:#24252b;border-bottom:1px solid #ffffff0a}.portions-sticky-bar{box-sizing:border-box;z-index:90;background:#24252b;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;height:42px;padding:0 16px;display:flex;box-shadow:0 4px 12px #00000026}.sticky-bar-title{color:#ffffffd9;text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;max-width:90%;font-size:.9rem;font-weight:700;overflow:hidden}.portions-sticky-bar.dish-tab{opacity:0;pointer-events:none;margin-top:0;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:60px;left:0;right:0;transform:translateY(-10px)}.portions-sticky-bar.dish-tab.active{opacity:1;pointer-events:auto;transform:translateY(0)}.portions-sticky-bar:not(.dish-tab){margin-top:60px;position:sticky;top:60px}@media (width<=600px){.portions-sticky-bar{height:38px}.portions-sticky-bar.dish-tab{top:54px}.portions-sticky-bar:not(.dish-tab){margin-top:54px;top:54px}}.portions-trigger-btn-pill{cursor:pointer!important;-webkit-backdrop-filter:blur(12px)!important;box-sizing:border-box!important;background:#1e1f248c!important;border:1px solid #ffffff0f!important;border-radius:10px!important;outline:none!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;height:38px!important;padding:0 10px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.portions-trigger-btn-pill:hover{transform:translateY(-2px);background:#2e3039cc!important;border-color:#ffffff1a!important}.portions-trigger-btn-pill:active{transform:scale(.95)translateY(0)}.portions-icon{color:#fff;opacity:.7;justify-content:center;align-items:center;display:flex}.portions-number-badge{color:#fff;font-size:.9rem;font-weight:600;line-height:1}.portions-chevron{color:#ffffff59;justify-content:center;align-items:center;display:flex}.portions-action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#1e1f248c;border:1px solid #ffffff0f;border-radius:10px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.portions-action-btn:hover{background:#2e3039cc;border-color:#ffffff1a;transform:translateY(-2px)}.portions-action-btn:active{transform:scale(.95)translateY(0)}.coffee-sticky-btn{color:#fff!important;cursor:pointer!important;-webkit-backdrop-filter:blur(12px)!important;box-sizing:border-box!important;background:#1e1f248c!important;border:1px solid #ffffff0f!important;border-radius:10px!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;margin-top:0!important;padding:0 0 5px!important;font-size:1.7rem!important;font-weight:300!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.coffee-sticky-btn:hover{background:#2e3039cc!important;border-color:#ffffff1a!important;transform:translateY(-2px)!important}.coffee-sticky-btn:active{transform:scale(.95)!important}.coffee-sticky-header.active .portions-trigger-btn-pill{-webkit-backdrop-filter:none!important;background:#2e3039!important;border-color:#ffffff0a!important}.coffee-sticky-header.active .portions-action-btn{-webkit-backdrop-filter:none;background:#2e3039;border-color:#ffffff0a}.coffee-sticky-header.active .coffee-sticky-btn{-webkit-backdrop-filter:none!important;background:#2e3039!important;border-color:#ffffff0a!important}.portions-sheet-overlay{-webkit-backdrop-filter:blur(10px);z-index:1950;background:#000000a6;justify-content:center;align-items:flex-end;animation:.25s ease-out forwards fadeInOverlay;display:flex;position:fixed;inset:0}.portions-sheet-content{box-sizing:border-box;background:#1e1f24;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:20px 20px 32px;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUpSheet;box-shadow:0 -10px 40px #0006}.portions-sheet-header{flex-direction:column;align-items:center;margin-bottom:24px;display:flex;position:relative}.portions-sheet-line{background:#fff3;border-radius:2px;width:36px;height:4px;margin-bottom:16px}.portions-sheet-header h3{color:#fff;text-align:center;margin:0;font-size:1.15rem;font-weight:700}.portions-sheet-close{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;outline:none;justify-content:center;align-items:center;width:28px;height:28px;padding-bottom:3px;font-size:1.3rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:10px;right:0}.portions-sheet-close:hover{color:#fff;background:#ffffff1f;transform:scale(1.05)}.portions-sheet-close:active{transform:scale(.95)}.portions-sheet-body{flex-direction:column;gap:22px;display:flex}.portions-large-stepper{background:#00000026;border:1px solid #ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;padding:8px;display:flex}.stepper-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;font-weight:300;line-height:1;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.stepper-btn:hover{background:#ffffff1f;transform:scale(1.05)}.stepper-btn:active{transform:scale(.95)}.stepper-btn.minus{color:#ff5a5a}.stepper-btn.plus{color:#adff2f}.stepper-value-group{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.stepper-val-num{color:#adff2f;margin-bottom:2px;font-size:2.2rem;font-weight:800;line-height:1}.stepper-val-lbl{color:#fff6;font-size:.8rem;font-weight:600}.portions-weight-details-grid{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;align-items:center;padding:14px 16px;display:flex}.weight-detail-item{flex-direction:column;flex:1;gap:4px;display:flex}.weight-detail-item .lbl{color:#fff6;font-size:.75rem;font-weight:500}.weight-detail-item .val{color:#fff;font-size:.95rem;font-weight:700}.weight-detail-divider{background:#ffffff14;width:1px;height:32px;margin:0 16px}.portions-sheet-apply-btn{color:#000;cursor:pointer;text-align:center;background:#adff2f;border:none;border-radius:14px;outline:none;width:100%;margin-top:4px;padding:14px;font-size:1rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1)}.portions-sheet-apply-btn:hover{background:#c4ff5e;transform:translateY(-2px);box-shadow:0 6px 20px #adff2f40}.portions-sheet-apply-btn:active{box-shadow:none;transform:translateY(0)}.modal-portion-helper-btn:hover{transform:translateY(-1px);background:#ffffff14!important;border-color:#ffffff26!important}.modal-portion-helper-btn:active{transform:translateY(0);background:#ffffff05!important}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.coffee-sticky-btn{margin-top:-3px;font-size:1.8rem;font-weight:400;line-height:1}.coffee-sticky-title{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;flex:1;margin:0 12px;font-size:.96rem;font-weight:700;transition:opacity .3s,transform .3s;overflow:hidden;transform:translateY(8px)}.coffee-sticky-header.active .coffee-sticky-title{opacity:1;transform:translateY(0)}.coffee-sticky-actions{gap:10px;display:flex}.coffee-sticky-action-btn{font-size:1.15rem}.coffee-section-title.large-title{color:#fff;margin-top:8px;font-size:1.15rem}.coffee-ingredients-list{flex-direction:column;gap:12px;display:flex}.coffee-ingredient-item{background:#ffffff05;border:1px solid #ffffff09;border-radius:12px;flex-direction:row;align-items:center;gap:16px;padding:12px 16px;transition:all .22s;display:flex;position:relative}.coffee-ingredient-item:hover{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 4px 20px #00000026}.ing-image-side{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.ing-image-side img{object-fit:cover;width:100%;height:100%;display:block}.ing-info-side{flex-direction:column;flex:1;gap:6px;display:flex}.coffee-ing-main-info{justify-content:space-between;align-items:center;display:flex}.coffee-ing-name{color:#fff;font-size:1.05rem;font-weight:700}.coffee-ing-amount{color:var(--accent-color);text-align:center;box-sizing:border-box;background:#d4af3714;border:1px solid #d4af371f;border-radius:99px;min-width:75px;padding:4px 10px;font-size:.95rem;font-weight:700;display:inline-block}.coffee-ing-macros{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.coffee-macro-badge{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff05;border-radius:99px;padding:3px 8px;font-size:.76rem;font-weight:700}.coffee-macro-badge.kcal{color:#fff;background:#ffffff0a}.coffee-macro-badge.protein{color:#4cd137;background:#4cd13714}.coffee-macro-badge.fat{color:#fbc531;background:#fbc53114}.coffee-macro-badge.carbs{color:#00a8ff;background:#00a8ff14}.coffee-summary-table-wrapper{background:#ffffff03;border:1px solid #ffffff05;border-radius:12px;overflow-x:auto}.coffee-summary-table{border-collapse:collapse;text-align:left;width:100%}.coffee-summary-table th,.coffee-summary-table td{color:#fff;padding:14px 16px;font-size:.94rem}.coffee-summary-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;background:#ffffff05;font-size:.84rem;font-weight:700}.coffee-summary-table tr{border-bottom:1px solid #ffffff08}.coffee-summary-table tr:last-child{border-bottom:none}.summary-macro-label{border-radius:99px;padding:4px 10px;font-size:.82rem;font-weight:700}.summary-macro-label.kcal{color:#fff;background:#ffffff0a}.summary-macro-label.protein{color:#4cd137;background:#4cd13714}.summary-macro-label.fat{color:#fbc531;background:#fbc53114}.summary-macro-label.carbs{color:#00a8ff;background:#00a8ff14}.summary-strong-kcal,.summary-strong-protein,.summary-strong-fat,.summary-strong-carbs{color:var(--accent-color);font-size:1.05rem;font-weight:800}.coffee-summary-table tr:hover td{color:#fff;background:#ffffff05}.coffee-summary-table td{transition:background .2s}.coffee-molecular-list{flex-direction:column;gap:12px;display:flex}.coffee-molecular-item{border-bottom:1px solid #ffffff08;padding:8px 0}.coffee-molecular-item:last-child{border-bottom:none}.mol-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mol-name{color:#fff;font-size:1.05rem;font-weight:700}.mol-amount{color:var(--accent-color);background:#d4af3714;border-radius:99px;padding:3px 10px;font-size:.94rem;font-weight:600}.mol-desc{margin:0;font-size:.92rem;line-height:1.45}@media (width>=601px){.coffee-detail-view{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:940px;margin:0 auto;padding:20px 20px 110px;animation:none;display:flex}.coffee-hero-container{aspect-ratio:16/8;border-radius:40px 40px 0 0;width:100%;height:auto;min-height:320px;margin-top:60px;overflow:hidden}.coffee-overlap-card{z-index:10;box-sizing:border-box;border-radius:40px;padding:32px 40px;-webkit-backdrop-filter:blur(24px)!important;background:#1c1f26bf!important;border:1px solid #ffffff14!important;width:100%!important;max-width:100%!important;margin:-60px 0 0!important}.coffee-recipe-title{font-size:clamp(1.6rem,4vw,2.2rem)}.coffee-sticky-header{background:var(--surface-color)!important;border-bottom:1px solid var(--surface-border)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:9999!important;width:100%!important;max-width:100%!important;height:60px!important;padding:0 24px!important;transition:none!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;transform:none!important}.coffee-sticky-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden;opacity:1!important;text-align:left!important;margin:0 0 0 16px!important;font-size:clamp(1.1rem,2vw,1.55rem)!important;transition:none!important;transform:none!important}.coffee-sticky-actions{gap:12px;display:flex}.ingredients-summary-block{margin-top:76px!important}.coffee-content-block{width:100%}.dish-content-box{border-radius:20px;padding:16px 24px}.coffee-section-title.large-title{font-size:clamp(1.3rem,3vw,1.6rem)}}.create-recipe-overlay{-webkit-backdrop-filter:blur(25px);z-index:10000;background:#0b0f19f2;flex-direction:column;display:flex;position:fixed;inset:0}.create-header{-webkit-backdrop-filter:blur(20px);z-index:10;box-sizing:border-box;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0;background:#24252bcc!important}@media (width<=600px){.create-header{height:54px;padding:0 16px}}.create-header h2{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.create-close-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.create-close-btn:hover{transform:scale(1.05);color:#fff!important;background:#ffffff1f!important;border-color:#ffffff2e!important}.create-close-btn:active{transform:scale(.95)}.close-svg-icon{transition:transform .25s}.create-close-btn:hover .close-svg-icon{transform:rotate(90deg)}.create-form-scrollable{flex:1;padding:24px 20px 120px;overflow-y:auto}.create-form-content{width:100%;max-width:820px;margin:0 auto}.recipe-form-two-columns{flex-direction:column;gap:20px;width:100%;display:flex}.recipe-form-left-col,.recipe-form-right-col{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}@media (width<=850px){.create-form-content{max-width:100%}.recipe-form-two-columns,.recipe-form-left-col,.recipe-form-right-col{gap:16px}}.form-section{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;margin-bottom:20px;padding:24px;box-shadow:0 8px 30px #0000001a}@media (width<=600px){.form-section{border-radius:16px;margin-bottom:12px;padding:16px 14px}}.form-section h3{text-transform:uppercase;letter-spacing:.15em;color:var(--accent-color);opacity:.9;margin-top:0;margin-bottom:24px;font-size:.8rem;font-weight:900}.photo-upload-zone{aspect-ratio:16/9;cursor:pointer;background:#ffffff04;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0003}.photo-upload-zone:hover{background:#ffffff0a;border-color:#ffffff26;transform:scale(.99)}.upload-placeholder{flex-direction:column;align-items:center;gap:16px;transition:all .3s;display:flex}.upload-plus-circle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0003}.photo-upload-zone:hover .upload-plus-circle{background:var(--accent-gradient,var(--accent-color));border-color:var(--accent-color);transform:rotate(90deg)}.plus-icon-large{color:#fff9;font-size:28px;font-weight:300;transition:all .3s}.photo-upload-zone:hover .plus-icon-large{color:#000;font-weight:700}.upload-text-container{flex-direction:column;align-items:center;gap:4px;display:flex}.upload-main-text{color:#ffffffb3;font-size:.95rem;font-weight:700}.upload-sub-text{color:#ffffff4d;font-size:.75rem;font-weight:500}.preview-container{width:100%;height:100%;position:relative}.photo-preview{object-fit:cover;width:100%;height:100%;transition:all .5s}.edit-overlay{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:.9rem;font-weight:700;transition:all .3s;display:flex;position:absolute;top:0;left:0}.preview-container:hover .edit-overlay{opacity:1}.upload-placeholder.mini{gap:8px}.upload-plus-circle.mini{width:40px;height:40px}.upload-plus-circle.mini .plus-icon-large{font-size:20px}.upload-placeholder.mini .upload-main-text{opacity:.6;font-size:.8rem}.step-form-header h4{color:#fff6;letter-spacing:.1em;margin:0;font-size:.75rem;font-weight:800}.input-group{margin-bottom:16px}.input-group label{color:#ffffff80;margin-bottom:8px;padding-left:4px;font-size:.8rem;font-weight:700;display:block}.form-input,.form-textarea{color:#fff;box-sizing:border-box;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:14px 16px;font-family:inherit;font-size:.95rem;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-textarea:focus{box-shadow:0 0 0 1px var(--accent-color,#d4af37), 0 8px 24px #d4af3708;background:#ffffff0d;outline:none;border-color:var(--accent-color,#d4af37)!important}.form-input-auto,.form-textarea-auto{scrollbar-width:thin;scrollbar-color:#fff3 transparent;min-height:48px;max-height:400px;overflow-y:hidden}.form-input-auto::-webkit-scrollbar{width:4px}.form-textarea-auto::-webkit-scrollbar{width:4px}.form-input-auto::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.form-textarea-auto::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.confirm-modal{text-align:center;width:90%;max-width:380px;padding:32px 24px}.confirm-modal-box{-webkit-backdrop-filter:blur(24px)!important;text-align:center!important;box-sizing:border-box!important;background:#1e1f25f2!important;border:1px solid #ffffff14!important;border-radius:24px!important;flex-direction:column!important;align-items:center!important;width:90%!important;max-width:340px!important;padding:24px 20px!important;display:flex!important;box-shadow:0 12px 40px #0006!important}.confirm-modal-box .confirm-icon-wrapper{background:#fbbf2414;border:1px solid #fbbf2426;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.confirm-modal-box .confirm-modal-body h3{color:#fff!important;margin:0 0 8px!important;font-size:1.15rem!important;font-weight:800!important}.confirm-modal-box .confirm-modal-body p{color:#ffffff80!important;margin:0!important;font-size:.82rem!important;line-height:1.5!important}.confirm-modal-actions-row{box-sizing:border-box;gap:10px;width:100%;display:flex}.confirm-modal-btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 14px;font-size:.85rem;font-weight:750;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.confirm-modal-btn.danger-action{color:#ff453a;background:#ff453a0f;border:1px solid #ff453a1f}.confirm-modal-btn.danger-action:hover{background:#ff453a1f;border-color:#ff453a;transform:translateY(-1px)}.confirm-modal-btn.danger-action:active{transform:translateY(0)}.confirm-modal-btn.primary-action{background:var(--accent-gradient,var(--accent-color));color:#121318}.confirm-modal-btn.primary-action:hover{background:#d4fc22;transform:translateY(-1px);box-shadow:0 4px 12px #d4af3733}.confirm-modal-btn.primary-action:active{transform:translateY(0)}@media (width<=360px){.confirm-modal-box{padding:20px 16px!important}.confirm-modal-actions-row{gap:8px}.confirm-modal-btn{padding:10px 8px;font-size:.8rem}}@media (width<=600px){.confirm-modal{padding:24px 20px}}.confirm-modal-body{margin-bottom:24px}@media (width<=600px){.confirm-modal-body{margin-bottom:20px}}.confirm-icon-wrapper{background:#ffb7001a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}@media (width<=600px){.confirm-icon-wrapper{width:48px;height:48px;margin-bottom:12px}.confirm-icon{font-size:1.5rem}}.confirm-icon{font-size:2rem}.confirm-modal-body h3{color:#fff;margin-bottom:12px;font-size:1.2rem}@media (width<=600px){.confirm-modal-body h3{margin-bottom:8px;font-size:1.1rem}.confirm-modal-body p{font-size:.85rem}}.confirm-modal-body p{color:#ffffff80;margin:0;font-size:.9rem;line-height:1.5}.confirm-modal-footer{flex-direction:column;gap:12px;width:100%;display:flex}@media (width<=600px){.confirm-modal-footer{gap:8px}}.confirm-btn{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:16px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=600px){.confirm-btn{border-radius:12px;padding:12px;font-size:.9rem}}.confirm-primary-btn{background:var(--accent-gradient,var(--accent-color));color:#000;border-color:var(--accent-color)}.confirm-primary-btn:hover{background:#d4ff2a;transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.confirm-danger-btn{color:#ff3b30;background:#ff3b301a;border:1px solid #ff3b3033}.confirm-danger-btn:hover{background:#ff3b3026;border-color:#ff3b30;transform:translateY(-2px)}.form-textarea{resize:vertical;min-height:100px}.time-inputs-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.total-time-display{text-align:center;background:#d4af3714;border:1px solid #d4af3726;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:16px;display:flex}.total-time-display .time-val{color:var(--accent-color);font-size:1.1rem;font-weight:800}.dynamic-list-item{gap:12px;margin-bottom:12px;display:flex}.remove-btn{color:#f44;cursor:pointer;background:#ff44441a;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.add-btn{color:#fff9;cursor:pointer;background:#ffffff08;border:1px dashed #ffffff26;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-weight:700;transition:all .3s}.add-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.step-form-block{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:16px;padding:16px}.step-form-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.save-btn-container{z-index:20;background:#16181f;border-top:1px solid #ffffff0d;padding:20px;position:fixed;bottom:0;left:0;right:0}.primary-save-btn{background:var(--accent-gradient,var(--accent-color));color:#000;cursor:pointer;border:none;border-radius:14px;width:100%;max-width:600px;margin:0 auto;padding:14px;font-size:1rem;font-weight:800;transition:all .3s;display:block}.primary-save-btn:hover{background:#d4ff2a;transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.ingredients-create-section{flex-direction:column;display:flex}.section-header-group{margin-bottom:16px}.section-subtitle{color:#fff6;margin-top:2px;font-size:.85rem;line-height:1.4}.empty-ingredients-placeholder{text-align:center;color:#ffffff4d;background:#ffffff03;border:1px dashed #ffffff26;border-radius:16px;padding:24px;font-size:.9rem}.ingredient-edit-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:16px;padding:16px}.ing-edit-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ing-name-input{color:#fff;background:0 0;border:none;border-bottom:1px solid #ffffff1a;width:100%;padding:8px 0;font-size:1rem;font-weight:600}.ing-name-input:focus{border-bottom-color:var(--accent-color);outline:none}.remove-ing-btn{color:#f44;cursor:pointer;background:#ff44441a;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;display:flex}.ing-metrics-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-input-wrapper label{color:#ffffff4d;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;display:block}.form-input.compact{padding:8px 12px;font-size:.9rem}.bento-timing-grid.create-mode{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:0}.bento-timing-item.edit-mode{cursor:default;background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:8px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.bento-timing-item.edit-mode:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);background:#ffffff0d}.timing-label-group{align-items:center;gap:8px;display:flex}.timing-icon{font-size:1rem}.bento-input-wrapper{align-items:baseline;gap:4px;display:flex}.bento-input{color:#fff;background:0 0;border:none;width:100%;margin:0;padding:0;font-family:inherit;font-size:1.3rem;font-weight:800}.bento-timing-grid.display-mode{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}@media (width<=650px){.bento-timing-grid.display-mode{grid-template-columns:1fr}}.bento-timing-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .3s;display:flex}.bento-timing-item:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px)}.bento-timing-item.accent{background:#d4af3708;border-color:#d4af371a}.bento-timing-item.accent .timing-item-label{color:var(--accent-color)}.timing-item-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.timing-item-val{color:#fff;font-size:1.1rem;font-weight:600}.bento-input:focus{outline:none}.bento-unit{color:#ffffff4d;font-size:.85rem;font-weight:600}.bento-input::placeholder{color:#ffffff1a}.total-icon{margin-right:4px;font-size:1.1rem}.bento-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bento-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bento-input[type=number]{-moz-appearance:textfield}@media (width<=650px){.bento-timing-grid.create-mode{grid-template-columns:1fr}}.chef-comment-create-section{border-left:4px solid var(--accent-color)!important;background:linear-gradient(90deg,#d4af3708 0%,#ffffff03 100%)!important;padding:28px!important}.input-group.no-margin{margin-bottom:0}.premium-textarea-wrapper{width:100%;position:relative}.form-textarea.premium-style{background:#0003;border:1px solid #ffffff0d;min-height:140px;padding:20px;font-size:1.05rem;line-height:1.6}.form-textarea.premium-style:focus{border-color:var(--accent-color);background:#0000004d;box-shadow:0 0 20px #d4af370d}.form-textarea.premium-style::placeholder{color:#ffffff26}.tags-selection-grid{flex-wrap:wrap;gap:10px;display:flex}.tag-selection-pill{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:99px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .25s}.tag-selection-pill:hover{background:#ffffff0f;border-color:#ffffff26}.tag-selection-pill.active{background:var(--accent-gradient,var(--accent-color));color:#000;border-color:var(--accent-color);box-shadow:0 4px 12px #d4af374d}.recipe-detail-badges-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.coffee-recipe-time-badge.blue-style{color:#60a5fa;text-transform:uppercase;box-sizing:border-box;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:40px;justify-content:center;align-items:center;gap:6px;height:28px;margin:0;padding:0 12px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.coffee-recipe-tags-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.coffee-tag-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-color);box-sizing:border-box;background:#d4af3714;border:1px solid #d4af3726;border-radius:40px;justify-content:center;align-items:center;height:28px;margin:0;padding:0 12px;font-size:.78rem;font-weight:800;line-height:1;display:flex}.card-tags-preview{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.card-tag-mini{color:#ffffff80;background:#ffffff0a;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700}.card-tag-more{color:var(--accent-color);font-size:.7rem;font-weight:800}.section-header-with-action{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title-stack{flex-direction:column;gap:4px;display:flex}.section-title-stack h3{margin:0}.premium-outline-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.premium-outline-btn:hover{border-color:var(--accent-color);background:#ffffff14;transform:translateY(-1px)}.premium-outline-btn .btn-count{background:var(--accent-gradient,var(--accent-color));color:#000;border-radius:5px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:800;display:flex}.premium-outline-btn .btn-count:empty{display:none}.tag-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tag-modal-content{background:#1e2025;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScale;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000080}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tag-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.tag-modal-header h3{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.1rem;font-weight:800;overflow:hidden}.tag-modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1}.tag-modal-body{flex:1;padding:24px;overflow-y:auto}.tag-category-group{margin-bottom:32px}.tag-category-group:last-child{margin-bottom:0}.tag-category-title{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);opacity:.8;margin-bottom:16px;font-size:.8rem;font-weight:800}.tag-modal-footer{background:#0003;border-top:1px solid #ffffff0d;padding:20px 24px}.tag-modal-apply{background:var(--accent-gradient,var(--accent-color));color:#000;cursor:pointer;border:none;border-radius:16px;width:100%;padding:16px;font-size:1.05rem;font-weight:800;transition:transform .2s}.tag-modal-apply:active{transform:scale(.98)}.tag-selection-pill.small{padding:6px 12px;font-size:.85rem}.remove-tag{opacity:.6;margin-left:6px;font-size:1.1rem;font-weight:800}.remove-tag:hover{opacity:1}.has-error{animation:.4s ease-in-out gentleShake;border:1px solid #ff453a99!important;box-shadow:0 0 0 2px #ff453a26!important}.tags-selection-grid.has-error{background:#ff453a0d;border-radius:16px;padding:12px;border:1px solid #ff453a66!important}.bento-timing-grid.has-error{background:#ff453a0d;border-radius:20px;width:calc(100% + 24px);margin:-12px;padding:12px;border:1px solid #ff453a66!important}.ingredients-dynamic-list.has-error{background:#ff453a0d;border-radius:24px;padding:16px;border:1px solid #ff453a66!important}.validation-error-panel{-webkit-backdrop-filter:blur(16px);background:#2d0f0f99;border:1px solid #ff453a4d;border-radius:16px;margin-bottom:24px;padding:20px 24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.validation-error-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.validation-error-header h4{color:#ff6b6b;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.validation-error-panel p{color:#fffc;margin:0 0 16px;font-size:.95rem;line-height:1.5}.validation-error-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.validation-error-list li{color:#ff9e9e;align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:flex}.validation-error-list .bullet{color:#ff6b6b;font-weight:800}@keyframes gentleShake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes slideUpFade{0%{opacity:1}to{opacity:1}}.ingredients-view,.recipes-view{flex-direction:column;gap:12px;padding:0 4px 120px;animation:.5s slideUpFade;display:flex}.ingredients-header{z-index:100;-webkit-backdrop-filter:blur(25px)saturate(180%);background:#121216b3;border-bottom:1px solid #ffffff14;flex-direction:column;gap:10px;margin:-32px -32px 4px;padding:12px 32px;display:flex;position:sticky;top:60px;box-shadow:0 10px 30px #00000040}@media (width<=600px){.ingredients-header{gap:10px;margin:-16px -12px 12px;padding:12px;top:54px}}.search-row{align-items:center;gap:10px;width:100%;max-width:800px;margin:0 auto;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex}.search-row.searching{gap:0}.search-bar-wrapper{flex:1;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative}.list-btn{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;height:42px;padding:0 16px;font-size:.85rem;font-weight:700;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden}.search-row.searching .list-btn{opacity:0;pointer-events:none;border:none;width:0;margin:0;padding:0}.list-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.list-btn:active{transform:translateY(0)}.search-icon{opacity:.4;z-index:1;font-size:1rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.ingredients-search-input{color:#fff;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;width:100%;padding:10px 16px 10px 44px;font-size:.95rem;font-weight:500;transition:all .4s cubic-bezier(.165,.84,.44,1)}.ingredients-search-input:focus{border-color:var(--accent-color);background:#ffffff0f;outline:none;box-shadow:0 0 0 4px #d4af370f}.ingredients-categories-scroll{scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;gap:8px;padding:2px 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000 100%);mask-image:linear-gradient(90deg,#000 90%,#0000 100%)}.ingredients-categories-scroll.dragging{cursor:grabbing}.ingredients-categories-scroll::-webkit-scrollbar{display:none}.category-pill{white-space:nowrap;color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:10px;padding:6px 16px;font-size:.82rem;font-weight:800;transition:all .3s cubic-bezier(.165,.84,.44,1)}.category-pill:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)}.category-pill.active{background:var(--accent-gradient,var(--accent-color));border-color:var(--accent-color);color:#000;transform:translateY(-2px);box-shadow:0 8px 20px #d4af3740}.ingredients-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;display:grid}@media (width<=850px){.ingredients-grid{gap:12px;grid-template-columns:1fr!important}}.ingredient-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;height:auto;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden;box-shadow:0 4px 15px #0000001a}@media (hover:hover){.ingredient-card:hover{border-color:var(--accent-color);background:#ffffff12;box-shadow:0 10px 25px #00000040}}.ingredient-image-wrapper{aspect-ratio:16/10;background:#0000004d;width:100%;position:relative;overflow:hidden}.ingredient-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s}@media (hover:hover){.ingredient-card:hover .ingredient-image-wrapper img{transform:scale(1.05)}}.ingredient-image-wrapper img.is-placeholder{opacity:.8;filter:saturate(.9)}.ingredient-info{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex}.ingredient-category-badge{color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;background:#d4af371f;border:1px solid #d4af3726;border-radius:8px;width:fit-content;padding:4px 10px;font-size:.62rem;font-weight:800}.recipe-card-badges-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recipe-time-badge{color:#60a5fa!important;background:#60a5fa1a!important;border-color:#60a5fa33!important}.ingredient-name{color:#fff;-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.macros-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px;display:grid}.macro-item{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 2px;display:flex}.macro-value{color:#fff;font-size:.88rem;font-weight:500}.macro-label{text-transform:uppercase;opacity:.4;letter-spacing:.04em;font-size:.52rem;font-weight:600}.macro-item.kcal{background:#d4af370a;border-color:#d4af3714}.macro-item.kcal .macro-value{color:var(--accent-color);font-weight:600}.macros-per-100{color:#ffffff4d;text-align:center;border-top:1px solid #ffffff0a;margin-top:auto;padding-top:8px;font-size:.65rem;font-weight:600}.view-switcher-btn{transition:all .25s;position:relative}.view-switcher-btn svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.view-switcher-btn:active svg{transform:scale(.85)}.ingredients-list-view{flex-direction:column;gap:2px;width:100%;display:flex}.ingredient-list-item{cursor:pointer;background:#ffffff06;border-bottom:1px solid #ffffff0d;border-radius:0;align-items:center;gap:14px;padding:10px 12px;transition:background .2s;display:flex}.ingredient-list-item:first-child{border-radius:16px 16px 0 0}.ingredient-list-item:last-child{border-bottom:none;border-radius:0 0 16px 16px}.ingredient-list-item:only-child{border-radius:16px}@media (hover:hover){.ingredient-list-item:hover{background:#ffffff0f}}.ingredient-list-item:active{background:#ffffff14}.ingredient-list-thumb{background:#0000004d;border-radius:14px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.ingredient-list-thumb img{object-fit:cover;width:100%;height:100%}.ingredient-list-thumb img.is-placeholder{opacity:.7;filter:saturate(.8)}.ingredient-list-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ingredient-list-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:700;line-height:1.3;overflow:hidden}.ingredient-list-macros{color:#ffffff80;flex-wrap:wrap;align-items:center;gap:5px;font-size:.78rem;font-weight:500;display:flex}.list-macro-kcal{color:var(--accent-color,#d4af37);font-weight:700}.list-macro-sep{color:#fff3;font-weight:400}@media (width>=850px){.ingredient-list-item{gap:16px;padding:12px 16px}.ingredient-list-thumb{width:64px;height:64px}.ingredient-list-name{font-size:.95rem}}.recipe-list-view{flex-direction:column;gap:10px;width:100%;display:flex}.recipe-list-item{cursor:pointer;background:#ffffff06;border:1px solid #ffffff0d;border-radius:20px;align-items:stretch;gap:16px;padding:12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (hover:hover){.recipe-list-item:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px)}}.recipe-list-item:active{background:#ffffff12}.recipe-list-item.selected{background:#d4af370a;border-color:#d4af374d}.recipe-list-thumb-wrapper{background:#0000004d;border-radius:14px;flex-shrink:0;width:90px;height:90px;position:relative;overflow:hidden}.recipe-list-thumb-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.recipe-list-item:hover .recipe-list-thumb-wrapper img{transform:scale(1.05)}.recipe-list-thumb-wrapper img.is-placeholder{opacity:.7;filter:saturate(.8)}.recipe-list-checkbox{opacity:0;pointer-events:none;z-index:5;transition:all .2s;position:absolute;top:6px;left:6px}.recipe-list-item.selection-mode .recipe-list-checkbox{opacity:1;pointer-events:auto}.recipe-list-item.selected .recipe-list-checkbox{opacity:1}.recipe-list-checkbox .checkbox-circle{background:#0009;border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.recipe-list-checkbox.checked .checkbox-circle{background:var(--accent-gradient,var(--accent-color));border-color:var(--accent-color,#d4af37)}.recipe-list-checkbox .checkbox-checkmark{color:#000;font-size:.65rem;font-weight:800}.recipe-list-info{flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:2px 0;display:flex}.recipe-list-name{color:#fff;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.recipe-list-desc{color:#ffffff73;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:4px 0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.recipe-list-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.recipe-list-time-badge,.recipe-list-cat-badge{border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600}.recipe-list-time-badge{color:#60a5fa;background:#60a5fa14;border:1px solid #60a5fa26}.recipe-list-cat-badge{color:var(--accent-color,#d4af37);background:#d4af3714;border:1px solid #d4af3726}@media (width<=500px){.recipe-list-item{border-radius:16px;gap:12px;padding:10px}.recipe-list-thumb-wrapper{border-radius:10px;width:80px;height:80px}.recipe-list-name{font-size:.9rem}.recipe-list-desc{-webkit-line-clamp:1;font-size:.75rem}}.ingredient-detail-macros-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-macro-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;display:flex}.detail-macro-val{color:#fff;font-size:1.5rem;font-weight:700}.detail-macro-lab{text-transform:uppercase;letter-spacing:.05em;opacity:.5;font-size:.8rem}.detail-macro-card.kcal{background:#d4af370d;border-color:#d4af371a}.detail-macro-card.kcal .detail-macro-val{color:var(--accent-color)}.detail-macro-card.protein{background:#60a5fa0d;border-color:#60a5fa1a}.detail-macro-card.protein .detail-macro-val{color:#60a5fa}.detail-macro-card.fat{background:#fbbf240d;border-color:#fbbf241a}.detail-macro-card.fat .detail-macro-val{color:#fbbf24}.detail-macro-card.carbs{background:#34d3990d;border-color:#34d3991a}.detail-macro-card.carbs .detail-macro-val{color:#34d399}@media (width<=600px){.ingredient-detail-macros-grid{gap:12px}.detail-macro-card{padding:16px 12px}.detail-macro-val{font-size:1.25rem}}.ingredient-selector-modal{border-radius:28px 28px 24px 24px;flex-direction:column;max-height:85vh;display:flex;position:relative;overflow:hidden;max-width:600px!important}@media (width<=600px){.ingredient-selector-modal{border-radius:24px 24px 0 0;width:100%;max-height:92vh;margin:0;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;position:fixed;bottom:0;left:0;right:0;max-width:100%!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-drag-handle{display:none}@media (width<=600px){.modal-drag-handle{background:#ffffff26;border-radius:2px;width:36px;height:4px;margin:12px auto 4px;display:block}}.ingredient-selector-modal .tag-modal-header{border-bottom:1px solid #ffffff0d;padding:16px 24px}@media (width<=600px){.ingredient-selector-modal .tag-modal-header{padding:12px 20px 16px}.ingredient-selector-modal .tag-modal-header h3{font-size:1.1rem;font-weight:800}}.ingredient-selector-modal .tag-modal-body{scrollbar-width:none;flex:1;padding:0;overflow-y:auto}.ingredient-selector-modal .tag-modal-body::-webkit-scrollbar{display:none}.search-bar-sticky{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1f25f2;border-bottom:1px solid #ffffff0d;padding:16px 20px;position:sticky;top:0}@media (width<=600px){.search-bar-sticky{padding:12px 16px}}.mini-grid{flex-direction:column;padding:16px 20px 24px;gap:10px!important;display:flex!important}@media (width<=600px){.mini-grid{padding:12px 16px 40px}}.ingredient-mini-card{cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.ingredient-mini-card:hover{border-color:var(--accent-color);background:#ffffff0f;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.mini-card-info{flex-direction:column;display:flex}.mini-card-name{color:#fff;margin-bottom:2px;font-size:1rem;font-weight:700}.mini-card-category{color:#fff6;font-size:.75rem;font-weight:500}.mini-card-macros{border-top:1px solid #ffffff0d;align-items:center;gap:12px;padding-top:10px;display:flex}.mini-macro{color:#fff6;font-size:.75rem;font-weight:500}.mini-macro span{color:#fff;margin-right:2px;font-weight:700}.weight-selection-container{flex-direction:column;gap:24px;padding:20px 0;display:flex}.selected-ing-preview{text-align:center;background:#ffffff05;border-radius:24px;padding:20px}.selected-ing-preview h4{margin-bottom:4px;font-size:1.2rem}.weight-input-box label{color:#ffffff80;text-align:center;margin-bottom:12px;font-size:.9rem;display:block}.bento-input-wrapper.large{max-width:200px;margin:0 auto}.bento-input-wrapper.large .bento-input{text-align:center;padding:16px;font-size:1.5rem}.calculation-preview{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}.calc-item{text-align:center;background:#ffffff08;border-radius:16px;flex-direction:column;gap:4px;padding:12px 8px;display:flex}.calc-label{text-transform:uppercase;opacity:.4;letter-spacing:.05em;font-size:.65rem}.calc-val{font-size:.9rem;font-weight:700}.footer-actions-split{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.ingredient-edit-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;margin-bottom:12px;padding:16px;transition:all .3s}.ingredient-edit-card:hover{background:#ffffff0d;border-color:#fff3}.ing-name-display{color:#fff;font-size:1rem;font-weight:700}.metric-info-chip{background:#ffffff0d;border-radius:10px;align-items:center;gap:4px;padding:4px 10px;display:flex}.chip-label{opacity:.5;font-size:.7rem}.chip-val{font-size:.8rem;font-weight:600}.add-ingredient-main-btn{color:#fff9;cursor:pointer;background:#ffffff08;border:1px dashed #ffffff26;border-radius:12px;width:100%;margin-bottom:20px;padding:14px;font-size:.95rem;font-weight:700;transition:all .3s}.add-ingredient-main-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.ingredient-edit-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:12px;padding:16px;transition:all .2s;position:relative}.ingredient-edit-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px)}.ing-edit-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.ing-info-left{flex-direction:column;gap:4px;display:flex}.ing-name-display{color:#fff;font-size:.95rem;font-weight:700;line-height:1.3}.ing-amount-badge{color:var(--accent-color);background:#d4af371a;border-radius:6px;width:fit-content;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.remove-ing-btn{color:#ff453a;cursor:pointer;background:#ff453a1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-2px;font-size:1.2rem;transition:all .2s;display:flex}.remove-ing-btn:hover{color:#fff;background:#ff453a}.ing-macros-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ing-macro-item{text-align:center;background:#ffffff05;border-radius:10px;flex-direction:column;gap:2px;padding:8px 4px;display:flex}.macro-label{text-transform:uppercase;letter-spacing:.05em;color:#fff6;font-size:.6rem}.macro-val{color:#fff;font-size:.85rem;font-weight:700}.macro-val.highlight{color:var(--accent-color)}.recipe-card-description{color:#ffffff80;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.inventory-chips-container{flex-direction:column;gap:8px;margin-top:4px;display:flex}.inventory-chip{color:#ffffffd9;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9rem;display:flex}.inventory-icon{filter:grayscale()brightness(1.5);opacity:.6;font-size:1rem}.inventory-text{font-weight:500}.step-image-side{position:relative}.step-image-expand-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:5;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 15px #0003}.step-image-expand-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.expand-icon{opacity:.9;font-size:1.3rem;font-weight:700}.fullscreen-image-overlay{z-index:10000;-webkit-backdrop-filter:blur(15px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.fullscreen-image-container{justify-content:center;align-items:center;max-width:90%;max-height:90%;display:flex;position:relative}.fullscreen-img{object-fit:contain;border:1px solid #ffffff1a;border-radius:16px;max-width:100%;max-height:85vh;box-shadow:0 30px 60px #0009}.fullscreen-close-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;transition:all .2s;display:flex;position:absolute;top:-50px;right:-10px}.fullscreen-close-btn:hover{background:#fff3;transform:rotate(90deg)}@media (width<=800px){.fullscreen-close-btn{top:-60px;right:0}}@media (width<=500px){.coffee-section-header-row{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:4px}.add-to-list-btn{justify-content:center;width:100%;padding:10px;font-size:.85rem}.coffee-ingredients-list{flex-direction:column;gap:10px;display:flex}.coffee-ingredient-item{grid-template-columns:44px 1fr;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.ing-image-side{border-radius:8px;grid-area:1/1;width:44px;height:44px;margin:0}.ing-info-side{display:contents}.coffee-ing-main-info{grid-area:1/2;min-height:auto;padding-bottom:0;display:block;position:relative}.coffee-ing-name{word-break:break-word;margin-bottom:0;padding-right:55px;font-size:.92rem;font-weight:700;line-height:1.2;display:block}.coffee-ing-amount{min-width:auto;padding:2px 8px;font-size:.72rem;font-weight:800;position:absolute;top:-2px;right:0}.coffee-ing-macros{grid-area:2/1/auto/span 2;justify-content:flex-start;gap:4px;width:100%;margin-top:4px}.coffee-macro-badge{letter-spacing:-.01em;padding:2px 6px;font-size:.68rem}}.filter-toggle-btn{aspect-ratio:1;color:#fff;cursor:pointer;z-index:2;background:#ffffff24;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:5px;bottom:5px;right:5px}.filter-icon-svg{opacity:.8;transition:transform .3s}.filter-toggle-btn:hover .filter-icon-svg{opacity:1;transform:scale(1.1)}.filter-toggle-btn.active{border-color:var(--accent-color);color:var(--accent-color);background:#d4af3714}.filter-toggle-btn.active .filter-icon-svg{color:var(--accent-color);opacity:1}.filter-count-badge{background:var(--accent-gradient,var(--accent-color));color:#000;border:2px solid #16181f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0000004d}.filter-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1500;background:#00000073;animation:.3s fadeIn;position:fixed;inset:0}.advanced-filter-section{-webkit-backdrop-filter:blur(50px)saturate(150%);z-index:1600;background:#121216e6;border-left:1px solid #ffffff1f;flex-direction:column;width:450px;height:100dvh;animation:.6s cubic-bezier(.16,1,.3,1) slideInRightPremium;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-30px 0 70px #000000b3}@keyframes slideInRightPremium{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=600px){.advanced-filter-section{width:100%}}.advanced-filter-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.header-title-group{flex-direction:column;gap:4px;display:flex}.advanced-filter-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.4rem;font-weight:800}.filter-subtitle{color:var(--text-secondary);opacity:.7;font-size:.85rem}.close-filter-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .2s;display:flex}.close-filter-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.advanced-filter-body{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:32px;min-height:0;padding:30px;display:flex;overflow-y:auto}.active-filters-summary{margin-bottom:-10px}.clear-filters-btn-premium{color:#ff4757;cursor:pointer;background:#ff47571a;border:1px solid #ff475733;border-radius:12px;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.clear-filters-btn-premium:hover{background:#ff475726;transform:translateY(-2px)}.clear-count{color:#fff;background:#ff4757;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;display:flex}.filter-category-group{flex-direction:column;gap:16px;display:flex}.filter-category-title{color:var(--accent-color);text-transform:uppercase;letter-spacing:.12em;opacity:.9;font-size:.8rem;font-weight:800}.filters-grid{flex-wrap:wrap;gap:10px;display:flex}.filter-pill{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-pill:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.filter-pill.active{border-color:var(--accent-color);color:var(--accent-color);background:#d4af371f;box-shadow:0 4px 15px #d4af3714}.filter-footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#121216fa;border-top:1px solid #ffffff1a;flex-shrink:0;padding:15px 30px 35px}.apply-filter-btn{background:var(--accent-gradient,var(--accent-color));color:#000;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:14px;width:100%;padding:14px;font-size:.95rem;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #d4af3740}@media (width<=600px){.advanced-filter-section{width:100%}.advanced-filter-header{padding:16px 20px}.advanced-filter-body{gap:24px;padding:20px}.filter-footer{background:#121216fc;padding:10px 20px 25px}.apply-filter-btn{border-radius:10px;padding:12px;font-size:.85rem;box-shadow:0 6px 20px #d4af3726}}.list-selection-modal{border-radius:28px!important;max-width:400px!important}.already-added-warning-box{text-align:left!important;box-sizing:border-box!important;background:#fbbf240f!important;border:1px solid #fbbf241f!important;border-radius:14px!important;align-items:flex-start!important;gap:12px!important;margin-bottom:16px!important;padding:12px 14px!important;display:flex!important}.warning-icon-badge{flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin-top:2px!important;display:flex!important}.warning-text-content h4{color:#fbbf24!important;margin:0 0 4px!important;font-size:.88rem!important;font-weight:800!important}.warning-text-content p{color:#fff9!important;margin:0!important;font-size:.76rem!important;line-height:1.4!important}.list-selection-body{flex-direction:column;gap:20px;display:flex;padding:28px 24px!important}.selection-option{flex-direction:column;gap:12px;display:flex}.option-help-text{color:#ffffff80;text-align:center;margin:0;font-size:.85rem;line-height:1.5}.selection-divider{text-align:center;color:#ffffff73;text-transform:uppercase;letter-spacing:.12em;align-items:center;width:100%;margin:18px 0;font-size:.8rem;font-weight:700;display:flex}.selection-divider:before,.selection-divider:after{content:"";border-bottom:1px solid #ffffff17;flex:1}.selection-divider span{padding:0 12px}.selection-action-btn{cursor:pointer;text-align:center;border:none;border-radius:14px;width:100%;padding:14px;font-size:.9rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.selection-action-btn.primary{color:#000;background:linear-gradient(135deg,#f2d572 0%,#d4af37 100%);box-shadow:0 8px 20px #d4af3733}.selection-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #d4af374d}.selection-action-btn.outline{color:#fff;background:#ffffff0d;border:1px solid #ffffff14}.selection-action-btn.outline:hover{background:#ffffff1a;border-color:#fff3}.selection-action-btn:active{transform:translateY(0)}.selection-action-btn:disabled,.selection-action-btn.primary:disabled{color:#fff3!important;box-shadow:none!important;cursor:not-allowed!important;background:#ffffff0a!important;border:1px solid #ffffff0f!important;transform:none!important}.diary-view{animation:.4s fadeIn}.diary-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.diary-title{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.diary-header-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0!important;font-size:1.15rem!important;font-weight:800!important}.sketch-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.diary-count-badge{color:#d4af37;background:#d4af371a;border:1px solid #d4af3733;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700}.diary-content{padding:20px 0}.shopping-items-grid{flex-direction:column;gap:12px;display:flex}.shopping-item-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:16px 20px;transition:all .3s}.shopping-item-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.shopping-item-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shopping-item-name{color:#fff;font-size:1.05rem;font-weight:700}.shopping-item-source{color:#fff6;font-size:.8rem}.source-label{color:#fff3;margin-right:4px}.diary-footer{justify-content:center;margin-top:32px;padding-bottom:100px;display:flex}.clear-list-btn{color:#ff3b30;cursor:pointer;background:#ff3b301a;border:1px solid #ff3b3033;border-radius:12px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .3s}.clear-list-btn:hover{color:#fff;background:#ff3b30}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{opacity:.3;margin-bottom:20px;font-size:4rem}.empty-state h3{margin:0 0 8px;font-size:1.25rem;font-weight:700}.empty-state p{color:#fff6;max-width:280px;margin:0 0 24px;line-height:1.5}.empty-state-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:700;transition:all .3s}.empty-state-btn:hover{transform:scale(1.05)}.success-animation-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;animation:.4s cubic-bezier(.165,.84,.44,1) modalScaleIn;display:flex}.success-checkmark-wrapper{width:80px;height:80px;margin-bottom:24px}.checkmark-svg{stroke-width:2px;stroke:#d4af37;stroke-miterlimit:10;border-radius:50%;width:80px;height:80px;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block;box-shadow:inset 0 0 #d4af37}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#d4af37;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0 0 0 40px #d4af371a}}.success-title{color:#fff;margin:0 0 8px;font-size:1.5rem;font-weight:800}.success-subtitle{color:#ffffff80;margin:0;font-size:.95rem}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.list-selection-modal.selection-mode{border:1px solid #ffffff1a;border-radius:32px!important;max-width:480px!important}.selection-list-body{background:#0003;flex-direction:column;max-height:65vh;display:flex;padding:0!important}.selection-items-list{flex-direction:column;flex:1;gap:10px;padding:16px 24px;display:flex;overflow-y:auto}.selection-items-list::-webkit-scrollbar{width:4px}.selection-items-list::-webkit-scrollbar-track{background:0 0}.selection-items-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.selection-item-row{cursor:pointer;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex}.selection-item-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.selection-item-right{flex-shrink:0}.selection-item-row:hover{background:#ffffff0f;border-color:#ffffff1f;transform:scale(1.01)}.selection-item-row.selected{background:#d4af370a;border-color:#d4af374d;box-shadow:0 4px 15px #0000001a}.selection-item-row.selected .selection-checkbox{background:#d4af37;border-color:#d4af37;box-shadow:0 0 10px #d4af374d}.check-mark{color:#000;font-size:.85rem;font-weight:900;animation:.3s cubic-bezier(.175,.885,.32,1.275) checkPop}@keyframes checkPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.selection-item-name{color:#ffffffe6;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.selection-item-amount-tag{color:#fff6;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:700}.selection-item-row.selected .selection-item-amount-tag{color:#d4af37cc;background:#d4af371a;border-color:#d4af371a}.selection-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121216cc;border-top:1px solid #ffffff14;border-radius:0 0 32px 32px;padding:24px}.modal-back-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.modal-back-btn:hover{background:#ffffff1a;transform:translate(-2px)}.recipe-groups-list{flex-direction:column;gap:20px;display:flex}.recipe-group-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;transition:all .3s;overflow:hidden}.recipe-group-card:hover{border-color:#ffffff1a}.recipe-group-header{cursor:pointer;background:#ffffff05;justify-content:space-between;align-items:center;padding:20px 24px;transition:background .2s;display:flex}.recipe-group-header:hover{background:#ffffff0a}.recipe-group-toggle{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.recipe-group-toggle svg{transition:transform .3s}.recipe-group-card.collapsed .recipe-group-toggle svg{transform:rotate(0)}.header-merge-btn{white-space:nowrap;margin-right:8px;padding:0 16px;font-size:.75rem;font-weight:700}.recipe-group-info{flex-direction:column;gap:4px;display:flex}.recipe-group-title{color:#fff;margin:0;font-size:1.1rem;font-weight:800}.recipe-group-count{color:#fff6;font-size:.8rem;font-weight:600}.shopping-item-card{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.shopping-item-card:active{transform:scale(.98)}.shopping-item-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.shopping-checkbox{background:#ffffff05;border:2px solid #ffffff26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.shopping-checkbox:after{content:"";z-index:0;background:#d4af37;border-radius:50%;width:0;height:0;transition:width .25s cubic-bezier(.1,.8,.3,1),height .25s cubic-bezier(.1,.8,.3,1),border-radius .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shopping-checkbox.checked{border-color:#d4af37;transform:scale(1.05)}.shopping-checkbox.checked:after{border-radius:0;width:145%;height:145%}@keyframes checkmark-pop{0%{opacity:0;transform:scale(.4)rotate(-10deg)}70%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.shopping-checkbox.checked .check-mark{z-index:1;color:#000;font-size:.8rem;font-weight:900;animation:.25s cubic-bezier(.175,.885,.32,1.275) forwards checkmark-pop;position:relative}.item-bought .shopping-item-name{font-weight:500;text-decoration:line-through;color:#ffffff40!important}.item-bought .shopping-item-amount{text-decoration:line-through;color:#d4af3733!important}.item-bought{opacity:.6;background:#0000000d!important;border-color:#ffffff08!important}.shopping-item-right{align-items:center;gap:12px;display:flex}.item-remove-btn{color:#ffffff26;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:-4px;padding:6px;transition:all .2s;display:flex}.item-remove-btn:hover{color:#ff5252;background:#ff52521a}.undo-toast-wrapper{z-index:3000;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:10px;display:flex;position:fixed;bottom:100px;left:20px;right:20px}.undo-toast{pointer-events:auto;background:#1c1e26;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;width:100%;max-width:400px;padding:14px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) toastSlideUp;display:flex;overflow:hidden;box-shadow:0 12px 40px #0009}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.undo-toast-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.undo-message{color:#fff;font-size:.9rem;font-weight:500}.undo-message strong{color:#f2d572}.undo-action-btn{color:#f2d572;letter-spacing:.05em;cursor:pointer;background:#dcfc2d1a;border:1px solid #dcfc2d33;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:800;transition:all .2s}.undo-action-btn:active{transform:scale(.95)}.undo-timer-bar{transform-origin:0;background:#f2d572;border-radius:2px;height:3px;margin-top:12px;animation:5s linear forwards undoTimerBarAnim}@keyframes undoTimerBarAnim{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.header-merge-btn.active{color:#d4af37!important;background:#d4af371a!important;border-color:#d4af374d!important}.merged-items-grid{flex-direction:column;gap:12px;display:flex}.merged-card{background:#ffffff0a!important;border-color:#ffffff14!important;padding:18px 20px!important}.item-recipe-origins{border-top:1px solid #ffffff0a;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;display:flex}.origin-badge{color:#fff6;background:#ffffff0a;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:600}.recipe-group-content{background:#0000001a;border-top:1px solid #ffffff0d;flex-direction:column;gap:10px;padding:16px;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recipe-group-content .shopping-item-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;padding:12px 16px}.shopping-item-info{justify-content:space-between;align-items:center;display:flex}.shopping-item-name{font-size:.95rem;font-weight:600}.shopping-item-amount{color:#d4af37;font-size:.9rem;font-weight:700}.confirm-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:20000;background:#0a0b0fbf;justify-content:center;align-items:center;padding:24px;animation:.25s cubic-bezier(.4,0,.2,1) modalOverlayFade;display:flex;position:fixed;inset:0}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}.confirm-modal{-webkit-backdrop-filter:blur(30px);text-align:center;flex-direction:column;animation:.32s cubic-bezier(.34,1.56,.64,1) modalContentScale;display:flex;background:#202229e0!important;border:1px solid #ffffff14!important;border-radius:20px!important;width:100%!important;max-width:320px!important;padding:24px 20px!important;overflow:visible!important;box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff1a!important}@keyframes modalContentScale{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-modal-content{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;padding:0 4px 20px!important}.confirm-modal-icon{display:none!important}.confirm-modal-title{color:#fff!important;text-align:center!important;letter-spacing:-.01em!important;margin:0!important;font-size:1.2rem!important;font-weight:700!important;line-height:1.3!important}.confirm-modal-text{color:#ffffff8c!important;text-align:center!important;margin:0!important;font-size:.88rem!important;font-weight:400!important;line-height:1.45!important}.confirm-modal-actions{border-top:none!important;flex-direction:row!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}.confirm-cancel-btn,.confirm-action-btn{cursor:pointer!important;height:44px!important;box-shadow:none!important;box-sizing:border-box!important;background:0 0!important;border:none!important;border-radius:12px!important;flex:1!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0 16px!important;font-size:.9rem!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;transform:none!important}.confirm-cancel-btn{color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:12px!important}.confirm-cancel-btn:hover{background:#ffffff1a!important;border-color:#ffffff26!important;transform:translateY(-1.5px)!important}.confirm-cancel-btn:active{background:#ffffff0a!important;transform:translateY(0)!important}.confirm-action-btn{color:#fff!important;background:linear-gradient(135deg,#ff4b4b,#ff2a2a)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #ff4b4b40!important}.confirm-action-btn:hover{background:linear-gradient(135deg,#ff5c5c,#ff3b3b)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ff4b4b66!important}.confirm-action-btn:active{transform:translateY(-.5px)!important;box-shadow:0 3px 10px #ff4b4b33!important}.diary-shortcut-btn{gap:8px;padding:0 14px}.diary-shortcut-icon{font-size:1.1rem}.diary-shortcut-text{white-space:nowrap;letter-spacing:.01em;font-size:.8rem;font-weight:700}@media (width<=480px){.diary-shortcut-text{display:none}.diary-shortcut-btn{justify-content:center;gap:0;width:38px;padding:0}}.dev-toast-container{z-index:6000;pointer-events:none;justify-content:center;display:flex;position:fixed;top:80px;left:20px;right:20px}.dev-toast{color:#fff;background:#22252e;border:1px solid #ffffff14;border-radius:12px;padding:12px 20px;font-size:.85rem;font-weight:600;animation:.4s cubic-bezier(.175,.885,.32,1.275) devToastSlideIn;box-shadow:0 12px 30px #0009}@keyframes devToastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sketch-header-right{align-items:center;gap:6px;display:flex}.header-icon-btn{position:relative}.header-icon-btn.has-badge{color:#d4af37!important;border-color:#d4af374d!important}.header-filter-badge{color:#16181f;background:#d4af37;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.search-overlay{z-index:9000;background:#16181f;flex-direction:column;animation:.25s cubic-bezier(.4,0,.2,1) searchOverlayIn;display:flex;position:fixed;inset:0}@keyframes searchOverlayIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-overlay-header{box-sizing:border-box;background:#1c1e26;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:8px;height:60px;padding:0 24px;display:flex}@media (width<=600px){.search-overlay-header{height:54px;padding:0 16px}}.search-overlay-input-wrapper{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex:1;align-items:center;gap:10px;height:44px;padding:0 14px;transition:border-color .2s;display:flex}.search-overlay-input-wrapper:focus-within{border-color:#d4af3766}.search-overlay-icon{color:#fff6;flex-shrink:0}.search-overlay-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:1rem;font-weight:500}.search-overlay-input::placeholder{color:#ffffff59}.search-overlay-clear{color:#fff9;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s,color .2s;display:flex}.search-overlay-clear:hover{color:#fff;background:#fff3}.search-overlay-body{flex:1;padding:16px;overflow-y:auto}.search-overlay-hint{color:#ffffff4d;flex-direction:column;justify-content:center;align-items:center;height:200px;font-size:.95rem;display:flex}.search-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.search-empty-icon{opacity:.5;font-size:2.8rem}.search-empty-state h3{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.search-empty-state p{color:#fff6;margin:0;font-size:.9rem}.search-results-list{flex-direction:column;gap:8px;display:flex}.search-results-count{color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px 4px;font-size:.78rem;font-weight:700}.search-result-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:14px;padding:10px 12px;transition:background .2s,border-color .2s,transform .15s;display:flex}.search-result-card:hover{background:#ffffff14;border-color:#ffffff24;transform:translate(2px)}.search-result-card:active{transform:scale(.98)}.search-result-img{background:#ffffff0f;border-radius:10px;flex-shrink:0;width:54px;height:54px;overflow:hidden}.search-result-img img{object-fit:cover;width:100%;height:100%}.search-result-info{flex:1;min-width:0}.search-result-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.95rem;font-weight:700;overflow:hidden}.search-result-meta{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.search-result-arrow{color:#ffffff40;flex-shrink:0}@media (width<=600px){.coffee-sticky-header{height:54px!important;padding:0 16px!important}}@keyframes skeleton-pulse{0%{background-color:#ffffff08;border-color:#ffffff0a}50%{background-color:#ffffff14;border-color:#ffffff1a}to{background-color:#ffffff08;border-color:#ffffff0a}}.skeleton-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;height:100%;animation:1.8s ease-in-out infinite skeleton-pulse;display:flex;overflow:hidden}.skeleton-image{background:#ffffff0d;width:100%;height:180px}.skeleton-info{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.skeleton-badges-row{gap:8px;display:flex}.skeleton-badge{background:#ffffff0f;border-radius:8px;width:70px;height:20px}.skeleton-badge.wide{width:90px}.skeleton-title{background:#ffffff14;border-radius:6px;width:85%;height:24px}.skeleton-desc-line{background:#ffffff0d;border-radius:4px;width:100%;height:14px}.skeleton-desc-line.short{width:60%}.upload-spinner{border:3px solid #ffffff1a;border-top-color:#a3e635;border-radius:50%;width:32px;height:32px;margin-bottom:8px;animation:1s ease-in-out infinite upload-spin}.upload-spinner.mini{border-width:2px;width:20px;height:20px;margin-bottom:4px}@keyframes upload-spin{to{transform:rotate(360deg)}}.swipe-item-container{border-radius:16px;margin:6px 0;position:relative;overflow:hidden}.swipe-actions-bg{z-index:1;border-radius:16px;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.swipe-foreground{z-index:2;background-color:#0000;position:relative}.lazy-image-container{background:#ffffff04;width:100%;height:100%;position:relative;overflow:hidden}.lazy-image{object-fit:cover;opacity:0;filter:blur(8px);width:100%;height:100%;transition:opacity .4s cubic-bezier(.25,.46,.45,.94),filter .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94);display:block;transform:scale(1.02)}.lazy-image.loaded{opacity:1;filter:blur();transform:scale(1)}.lazy-image-skeleton{z-index:1;opacity:1;background:linear-gradient(90deg,#ffffff05 25%,#ffffff0d 50%,#ffffff05 75%) 0 0/200% 100%;width:100%;height:100%;transition:opacity .3s ease-out;animation:1.8s ease-in-out infinite skeleton-pulse,1.5s linear infinite lazy-skeleton-shimmer;position:absolute;top:0;left:0}.lazy-image-skeleton.hidden{opacity:0;pointer-events:none}@keyframes lazy-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.suggestions-dropdown{-webkit-backdrop-filter:blur(16px);z-index:100;background:#1a1d24f5;border:1px solid #ffffff14;border-radius:12px;max-height:220px;padding:4px 0;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #0009}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:0 0}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.suggestion-item{cursor:pointer;flex-direction:column;gap:2px;padding:10px 16px;transition:all .15s ease-out;display:flex}.suggestion-item:hover{background:#ffffff0a;padding-left:20px}.suggestion-name{color:#fff;font-size:.9rem;font-weight:600}.suggestion-category{color:var(--text-secondary);font-size:.72rem}.popular-suggestions-row{flex-direction:column;gap:8px;margin:4px 0 2px;display:flex}.popular-title{color:var(--text-secondary);letter-spacing:.01em;font-size:.8rem;font-weight:600}.popular-pills-container{flex-wrap:wrap;gap:6px;display:flex}.popular-pill{color:#ffffffbf;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:6px;margin:0;padding:5px 12px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.popular-pill:hover{color:#d4af37;background:#d4af3714;border-color:#d4af3733;transform:translateY(-1px)scale(1.02)}.popular-pill:active{transform:scale(.97)translateY(0)}.food-alert-overlay{-webkit-backdrop-filter:blur(14px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.food-alert-modal{box-sizing:border-box;background:#1a1d24fa;border:1px solid #ef444426;border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:460px;padding:28px;animation:.3s cubic-bezier(.34,1.56,.64,1) alert-pop;display:flex;box-shadow:0 20px 50px #000000b3}@keyframes alert-pop{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.food-alert-header{align-items:center;gap:12px;display:flex}.food-alert-icon{font-size:1.8rem}.food-alert-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:800}.food-alert-text{color:#ffffffb3;margin:0;font-size:.94rem;line-height:1.6}.food-alert-text strong{color:#fff}.food-alert-suggestions{flex-direction:column;gap:10px;display:flex}.suggestions-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.suggestions-buttons-list{flex-direction:column;gap:8px;display:flex}.food-suggestion-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;margin:0;padding:12px 16px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.food-suggestion-btn:hover{background:#d4af3714;border-color:#d4af3733;transform:translateY(-1px)}.food-suggestion-btn:active{transform:translateY(0)}.suggestion-btn-name{white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.92rem;font-weight:700;overflow:hidden}.suggestion-btn-category{color:var(--accent-color);font-size:.74rem;font-weight:700}.food-alert-footer-note{color:#ef4444d9;background:#ef44440a;border-left:3px solid #ef4444;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.8rem;line-height:1.45}.food-alert-actions{gap:12px;margin-top:4px;display:flex}.food-alert-cancel-btn{color:#16181f;cursor:pointer;background:#d4af37;border:none;border-radius:10px;flex:1.3;height:38px;font-size:.9rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1)}.food-alert-cancel-btn:hover{transform:translateY(-1.5px);box-shadow:0 6px 15px #d4af3740}.food-alert-cancel-btn:active{transform:translateY(0)}.food-alert-ignore-btn{color:#ffffffb3;cursor:pointer;background:#2e3039;border:1px solid #ffffff0d;border-radius:10px;flex:1;height:38px;font-size:.9rem;font-weight:600;transition:all .2s}.food-alert-ignore-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.food-alert-ignore-btn:active{background:#ef444426}.create-choice-modal{width:90%!important;max-width:380px!important;height:auto!important;min-height:unset!important;-webkit-backdrop-filter:blur(30px)!important;background:#202229e0!important;border:1px solid #ffffff14!important;border-radius:20px!important;animation:.32s cubic-bezier(.34,1.56,.64,1) modalContentScale!important;box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff1a!important}.create-choice-modal .tag-modal-header{background:0 0!important;border-bottom:none!important;padding:24px 24px 8px!important}.create-choice-modal .tag-modal-header h3{color:#fff!important;font-size:1.25rem!important;font-weight:700!important}.create-choice-modal .tag-modal-close{color:#fff6!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:4px!important;font-size:1.6rem!important;line-height:1!important;transition:all .25s!important}.create-choice-modal .tag-modal-close:hover{color:#fff!important;transform:rotate(90deg)!important}.choice-body{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;display:flex;padding:0 24px 28px!important}.choice-explanation{text-align:left}.choice-explanation h4{color:#fff!important;margin:0 0 6px!important;font-size:1.05rem!important;font-weight:600!important}.choice-explanation p{color:#ffffff8c!important;margin:0!important;font-size:.82rem!important;line-height:1.4!important}.choice-buttons-container{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}.choice-btn{cursor:pointer;text-align:left;outline:none;align-items:center;gap:16px;display:flex;box-sizing:border-box!important;background:#ffffff08!important;border:1px solid #ffffff0d!important;border-radius:14px!important;width:100%!important;padding:16px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.choice-btn:hover{background:#ffffff12!important;border-color:#ffffff1f!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px #0000004d!important}.choice-btn:active{transform:translateY(0)scale(.98)!important}.choice-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex;background:#ffffff0a!important;border:1px solid #ffffff14!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.choice-btn:hover .choice-icon{background:#d4af3714!important;border-color:#d4af374d!important;transform:scale(1.08)!important}.choice-text-group{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.choice-title{color:#fff!important;font-size:.95rem!important;font-weight:600!important}.choice-subtitle{white-space:normal;color:#ffffff73!important;font-size:.78rem!important;line-height:1.35!important}.folder-create-modal{flex-direction:column;height:85vh;max-height:640px;display:flex;-webkit-backdrop-filter:blur(30px)!important;background:#202229e0!important;border:1px solid #ffffff14!important;border-radius:20px!important;width:90%!important;max-width:460px!important;animation:.32s cubic-bezier(.34,1.56,.64,1) modalContentScale!important;overflow:hidden!important;box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff1a!important}.folder-create-modal .tag-modal-header{background:0 0!important;border-bottom:none!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:24px 24px 10px!important;display:flex!important}.folder-create-modal .tag-modal-header h3{color:#fff!important;text-align:center!important;flex:1!important;margin:0!important;font-size:1.2rem!important;font-weight:700!important}.folder-create-modal .modal-back-btn,.folder-create-modal .tag-modal-close{color:#ffffff80!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;transition:all .2s!important;display:flex!important}.folder-create-modal .modal-back-btn:hover,.folder-create-modal .tag-modal-close:hover{color:#fff!important}.folder-create-modal .tag-modal-close:hover{transform:scale(1.1)!important}.folder-create-modal .modal-back-btn:hover{transform:translate(-2px)!important}.folder-form-body{flex-direction:column;flex:1;gap:16px;display:flex;padding:0 24px 16px!important;overflow-y:auto!important}.folder-create-modal .tag-modal-footer{background:0 0!important;border-top:none!important;padding:12px 24px 24px!important}.folder-create-modal .tag-modal-apply{background:var(--accent-gradient,var(--accent-color))!important;color:#000!important;cursor:pointer!important;border:none!important;border-radius:14px!important;width:100%!important;padding:14px!important;font-size:.95rem!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 15px #d4af3740!important}.folder-create-modal .tag-modal-apply:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #d4af3766!important}.folder-create-modal .tag-modal-apply:active{transform:translateY(0)scale(.98)!important}@media (width<=600px){.folder-create-modal{width:94%!important;max-width:360px!important;max-height:90vh!important}.folder-create-modal .tag-modal-header{padding:20px 16px 8px!important}.folder-form-body{gap:12px!important;padding:0 16px 12px!important}.folder-create-modal .tag-modal-footer{padding:12px 16px 20px!important}}.scrollable-styled{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}.scrollable-styled::-webkit-scrollbar{width:6px}.scrollable-styled::-webkit-scrollbar-track{background:0 0}.scrollable-styled::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.scrollable-styled::-webkit-scrollbar-thumb:hover{background:#ffffff40}.form-label-styled{margin-bottom:6px;display:block;text-transform:none!important;letter-spacing:normal!important;color:#ffffffd9!important;font-size:.85rem!important;font-weight:600!important}.form-input-styled{color:#fff;box-sizing:border-box;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1);background:#ffffff08!important;border:1px solid #ffffff14!important}.form-input-styled:focus{background:#ffffff0d;outline:none;border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #d4af3726!important}.folder-search-container{margin-bottom:10px}.folder-search-wrapper{align-items:center;display:flex;position:relative}.folder-search-icon{color:#ffffff59;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.folder-search-input{color:#fff;box-sizing:border-box;width:100%;padding:11px 40px;font-size:.9rem;transition:all .2s;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:12px!important}.folder-search-input:focus{background:#ffffff0f;outline:none;border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #d4af3726!important}.folder-search-clear{color:#fff6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.folder-search-clear:hover{color:#fff}.recipes-selection-group{flex-direction:column;flex:1;min-height:0;display:flex}.recipes-selection-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;display:flex}.selection-count{text-transform:none!important;letter-spacing:normal!important;color:#ffffffd9!important;font-size:.85rem!important;font-weight:600!important}.selection-toggle-all-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:700;transition:all .2s}.selection-toggle-all-btn:hover{background:#d4af3714!important}.selection-toggle-all-btn:active{transform:scale(.95)}.recipes-checkbox-list{flex-direction:column;flex:1;gap:8px;min-height:180px;display:flex;overflow-y:auto;background:#00000026!important;border:1px solid #ffffff0a!important;border-radius:12px!important;padding:8px!important}.recipe-select-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.recipe-select-row:hover{background:#ffffff0d;border-color:#ffffff14;transform:translateY(-1px)}.recipe-select-row:active{transform:translateY(0)}.recipe-select-row.selected{background:#d4af370f;border-color:#d4af3740}.recipe-select-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.recipe-select-img-wrapper{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;width:42px;height:42px;overflow:hidden}.recipe-select-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.recipe-select-row:hover .recipe-select-img{transform:scale(1.08)}.recipe-select-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.recipe-select-title{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.recipe-select-row.selected .recipe-select-title{color:#fff}.recipe-select-subtitle{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.selection-checkbox-wrapper{align-items:center;padding-left:8px;display:flex}.selection-checkbox{background:#ffffff05;border:2.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.recipe-select-row:hover .selection-checkbox{border-color:#ffffff59}.selection-checkbox.checked{background:var(--accent-gradient,var(--accent-color));border-color:var(--accent-color);box-shadow:0 0 12px #d4af3766}.check-mark-svg{color:#000;animation:.25s cubic-bezier(.175,.885,.32,1.275) checkPop}.recipes-search-empty{text-align:center;background:#0000001a;border:1px dashed #ffffff14;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex}.empty-search-icon{color:#ffffff40;margin-bottom:12px}.empty-search-text{color:#ffffffd9;margin:0 0 4px;font-size:.95rem;font-weight:700}.empty-search-subtext{color:#fff6;margin:0;font-size:.8rem}.no-recipes-select-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-recipes-select-icon{margin-bottom:12px;font-size:2rem}.no-recipes-select-hint{color:#ffffff73;margin:0;font-size:.85rem;line-height:1.4}.telegram-folders-bar{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(20px);background:#24252bd1;border-bottom:1px solid #ffffff14;align-items:center;width:calc(100% + 72px);height:44px;margin-left:-36px;margin-right:-36px;padding:0 52px;display:flex;position:sticky;top:60px}.folders-scroll-container{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;align-items:center;gap:20px;width:100%;height:100%;padding:0;display:flex;overflow-x:auto}.folders-scroll-container.grabbing-scroll,.folders-scroll-container.grabbing-scroll button,.folders-scroll-container.grabbing-scroll div{cursor:grabbing!important}.folders-scroll-container::-webkit-scrollbar{display:none}.folder-tab-wrapper{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center;height:100%;display:inline-flex;position:relative}.folder-tab-btn{color:#ffffff8c;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;height:100%;padding:0;font-size:.95rem;font-weight:500;transition:color .2s;display:inline-flex;position:relative}.folder-tab-btn:hover{color:#ffffffd9}.folder-tab-btn.active{font-weight:600;color:var(--accent-color,#fff)!important;background:0 0!important}.folder-tab-btn.active:after{content:"";background-color:var(--accent-color,#d4af37);border-top-left-radius:3px;border-top-right-radius:3px;height:3px;position:absolute;bottom:0;left:0;right:0}.folder-count-badge-mini{color:#fff;background:#ffffff26;border-radius:10px;justify-content:center;align-items:center;height:18px;margin-left:6px;padding:0 6px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.folder-tab-btn.active .folder-count-badge-mini{background:var(--accent-gradient,var(--accent-color));color:#16181f}.folder-add-shortcut-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:100%;font-size:1.4rem;transition:all .2s;display:inline-flex}.folder-add-shortcut-btn:hover{color:#fff}.folder-add-shortcut-btn:active{transform:scale(.9)}.folder-delete-action-btn{color:#ff5252;cursor:pointer;box-sizing:border-box;background:#ff525226;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:22px;height:22px;margin-left:8px;padding:0;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.folder-delete-action-btn:hover{color:#fff;background:#ff5252}.folder-delete-action-btn:active{transform:scale(.9)}.sketch-content:has(.recipes-view){padding-top:0!important}.recipes-view{gap:10px!important}@media (width<=768px){.telegram-folders-bar{height:40px;padding:0 48px}.folders-scroll-container{gap:16px}.folder-tab-btn{font-size:.9rem}.folder-count-badge-mini{height:16px;padding:0 5px;font-size:.7rem}}@media (width<=600px){.telegram-folders-bar{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding:0 28px;top:54px}}.folder-info-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff06;border:1px solid #ffffff0d;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 20px;padding:12px 18px;display:flex}.folder-info-details{align-items:center;gap:12px;min-width:0;display:flex}.folder-info-icon{flex-shrink:0;font-size:1.3rem}.folder-info-text{flex-direction:column;gap:2px;min-width:0;display:flex}.folder-info-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:800;overflow:hidden}.folder-info-stats{color:#ffffff73;font-size:.78rem;font-weight:600}.folder-info-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.folder-action-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;outline:none;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:750;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.folder-action-btn svg{flex-shrink:0}.folder-action-btn.edit-btn{color:#ffffffd9;background:#ffffff0a;border-color:#ffffff14}.folder-action-btn.edit-btn:hover{color:#fff;background:#ffffff17;border-color:#ffffff26}.folder-action-btn.edit-btn:active{transform:scale(.97)}.folder-action-btn.share-btn{color:#d4af37;background:#d4af370d;border-color:#d4af371a}.folder-action-btn.share-btn:hover{color:#d4af37;background:#d4af371f;border-color:#d4af3740}.folder-action-btn.share-btn:active{transform:scale(.97)}.folder-action-btn.delete-btn{color:#ff453a;background:#ff3b3014;border-color:#ff3b301f}.folder-action-btn.delete-btn:hover{color:#ff453a;background:#ff3b302e;border-color:#ff3b3040}.folder-action-btn.delete-btn:active{transform:scale(.97)}.folder-action-btn.icon-only{flex-shrink:0;justify-content:center;gap:0;width:36px;height:36px;padding:0}@media (width<=768px){.folder-info-banner{flex-direction:column;align-items:stretch;gap:14px;margin:8px 0 16px;padding:10px 14px}.folder-info-actions{justify-content:flex-end}}.folders-management-view{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;padding:0 4px 120px;animation:.5s slideUpFade;display:flex}.sketch-content:has(.folders-management-view){padding-top:10px!important}.folders-management-info{margin-bottom:4px}.folders-management-subtitle{color:#ffffff73;letter-spacing:.01em;margin:0;font-size:.9rem;font-weight:550}.folders-management-list{flex-direction:column;gap:14px;display:flex}.folder-management-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff06;border:1px solid #ffffff0d;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.folder-management-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.folder-card-details{align-items:center;gap:16px;min-width:0;display:flex}.folder-card-icon{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;display:flex}.folder-card-info{flex-direction:column;gap:4px;min-width:0;display:flex}.folder-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:800;overflow:hidden}.folder-card-stats{color:#ffffff73;font-size:.82rem;font-weight:650}.folder-card-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.folder-empty-state{text-align:center;background:#ffffff04;border:1px dashed #ffffff14;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:60px 20px;display:flex}@media (width<=600px){.folders-management-view{padding:0 4px 110px}.folder-management-card{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.folder-card-actions{justify-content:flex-end;gap:8px;width:100%;display:flex}.folder-card-actions .folder-action-btn{justify-content:center}.folder-card-icon{width:42px;height:42px;font-size:1.4rem}}@media (width>=601px){.portions-sticky-bar.title-sticky-bar{display:none!important}.recipe-header-title{letter-spacing:-.015em!important;font-size:1.2rem!important}}@media (width<=600px){.recipe-header-title{white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:-.015em;flex:1;margin:0 8px;overflow:hidden;font-size:.95rem!important;display:block!important}}.portions-action-btn.delete-btn{color:#ff5252;transition:all .2s}.portions-action-btn.delete-btn:hover{color:#ff5252!important;background:#ff525226!important;border-color:#ff52524d!important}.recipe-card-checkbox{z-index:15;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:12px;right:12px;transform:scale(.8)}.recipe-selection-card.selection-mode .recipe-card-checkbox{opacity:1;pointer-events:auto;transform:scale(1)}@media (hover:hover){.recipe-selection-card:hover .recipe-card-checkbox{opacity:1;pointer-events:auto;transform:scale(1)}}.recipe-card-checkbox .checkbox-circle{background:#16181fcc;border:2px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #0000004d}@media (hover:hover){.recipe-card-checkbox:hover .checkbox-circle{border-color:var(--accent-color);transform:scale(1.1)}}.recipe-card-checkbox.checked .checkbox-circle,.recipe-selection-card.selected .recipe-card-checkbox .checkbox-circle{background:var(--accent-gradient,var(--accent-color));border-color:var(--accent-color);box-shadow:0 4px 12px #d4af3766}.recipe-card-checkbox .checkbox-checkmark{color:#16181f;font-size:.85rem;font-weight:800;line-height:1}.recipe-selection-card.selected{transform:scale(.97);border-color:var(--accent-color)!important;opacity:1!important;box-shadow:0 0 20px #d4af3726!important}@media (hover:hover){.recipe-selection-card.selected:hover{transform:scale(.98)}}.recipe-selection-card.selection-mode:not(.selected){opacity:.6;filter:saturate(.85)}@media (hover:hover){.recipe-selection-card.selection-mode:not(.selected):hover{opacity:.85}}.sketch-header{overflow:hidden!important}.sketch-header-row{transition:all .3s cubic-bezier(.16,1,.3,1)}.normal-header-row{opacity:1;pointer-events:auto;transform:translateY(0)}.normal-header-row.hidden{opacity:0;pointer-events:none;transform:translateY(-20px)}.selection-header-row{opacity:0;pointer-events:none;background:var(--surface-color);justify-content:space-between;align-items:center;width:calc(100% - 48px);height:100%;display:flex;position:absolute;left:24px;transform:translateY(20px)}@media (width<=600px){.selection-header-row{width:calc(100% - 32px);left:16px}}.selection-header-row.active{opacity:1;pointer-events:auto;transform:translateY(0)}.selection-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.header-cancel-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.header-cancel-btn:hover{transform:translateY(-1px);background:#ffffff1f!important;border-color:#ffffff2e!important}.header-cancel-btn:active{transform:scale(.95)translateY(0)}.header-cancel-btn .cancel-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.cancel-svg-icon{transition:transform .25s;display:block}.header-cancel-btn:hover .cancel-svg-icon{transform:rotate(90deg)}.selection-count-badge{color:#ffffffe6;white-space:nowrap;font-size:1rem;font-weight:500}.selection-count-badge strong{color:var(--accent-color);margin-left:2px;font-size:1.1rem;font-weight:700}.selection-header-right{align-items:center;gap:8px;display:flex}.selection-icon-btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.select-all-toggle-btn{color:var(--accent-color);background:0 0;border:1px solid #d4af3726}.select-all-toggle-btn:hover{transform:translateY(-1px);border-color:var(--accent-color)!important;background:#d4af3714!important}.select-all-toggle-btn:active{transform:scale(.95)translateY(0)}.selection-delete-btn{color:#fff;background:#ff5252;box-shadow:0 4px 12px #ff525233}.selection-delete-btn:hover{transform:translateY(-1px);background:#ff3d3d!important;box-shadow:0 6px 16px #ff525259!important}.selection-delete-btn:active{transform:scale(.95)translateY(0)}.selection-folder-btn{color:#52aaff;background:0 0;border:1px solid #52aaff26}.selection-folder-btn:hover{transform:translateY(-1px);background:#52aaff14!important;border-color:#52aaff!important}.selection-folder-btn:active{transform:scale(.95)translateY(0)}@media (width<=600px){.selection-header-row{padding:0 4px}.selection-header-left{gap:8px}.header-cancel-btn{border-radius:50%;width:38px;height:38px;padding:0}.header-cancel-btn .cancel-text{display:none}.header-cancel-btn .cancel-icon{font-size:1.4rem}.selection-count-badge{font-size:.9rem}.selection-count-badge strong{font-size:1rem}.selection-icon-btn{border-radius:10px;width:38px;height:38px;padding:0}.selection-icon-btn .btn-label-text{display:none}.select-all-toggle-btn{background:#d4af370d;border:1px solid #d4af3733}.selection-folder-btn{background:#52aaff0d;border:1px solid #52aaff33}.selection-delete-btn{box-shadow:none}}.folder-select-modal{-webkit-backdrop-filter:blur(30px)!important;background:#1e2026e0!important;border:1px solid #ffffff14!important;border-radius:20px!important;width:92%!important;max-width:400px!important;animation:.32s cubic-bezier(.34,1.56,.64,1) modalScale!important;overflow:hidden!important;box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff1a!important}.folder-select-modal .tag-modal-header{background:0 0!important;border-bottom:none!important;padding:20px 20px 10px!important}.folder-select-modal .tag-modal-header h3{color:#fff!important;flex:1!important;margin:0!important;font-size:1.2rem!important;font-weight:700!important}.folder-select-modal .tag-modal-close{color:#ffffff80!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;font-size:1.6rem!important;transition:all .2s!important;display:flex!important}.folder-select-modal .tag-modal-close:hover{color:#fff!important;transform:scale(1.1)!important}.modal-folder-row{box-sizing:border-box;width:100%;transition:all .22s cubic-bezier(.25,.8,.25,1)!important}.modal-folder-row:hover{transform:translateY(-1px);background:#ffffff14!important;border-color:#ffffff26!important}.modal-folder-row:active{transform:scale(.98)}.modal-folder-row.create-new-shortcut:hover{border-color:var(--accent-color)!important;background:#d4af371a!important}.modal-folder-row.all-present{box-shadow:0 0 12px #d4af370a;background:#d4af3712!important;border-color:#d4af3773!important}.modal-folder-row.all-present:hover{box-shadow:0 0 15px #d4af3714;border-color:var(--accent-color)!important;background:#d4af371f!important}.recipe-header-actions-desktop{align-items:center;gap:6px;display:flex}.recipe-header-actions-mobile{display:none}@media (width<=600px){.recipe-header-actions-desktop{display:none!important}.recipe-header-actions-mobile{align-items:center;display:flex!important}}.more-actions-dropdown{z-index:200;transform-origin:100% 0;flex-direction:column;gap:2px;width:175px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) slideDownFadeDropdown;display:flex;position:absolute;top:48px;right:0;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff05;-webkit-backdrop-filter:none!important;background:#2e3039!important;border:1px solid #ffffff0f!important;border-radius:10px!important}@keyframes slideDownFadeDropdown{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.more-actions-dropdown button{color:#ffffffe6;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.more-actions-dropdown button:hover{color:#fff;background:#ffffff0f}.more-actions-dropdown button:active{transform:scale(.98)}.more-actions-dropdown button.delete-item{color:#ff5252}.more-actions-dropdown button.delete-item:hover{color:#ff5252;background:#ff52521a!important}.more-actions-dropdown .dropdown-item-icon{justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.more-actions-dropdown .dropdown-item-text{font-size:.88rem}.more-actions-trigger{transition:all .2s}.more-actions-trigger.active{transform:rotate(90deg);background:#ffffff1a!important;border-color:#ffffff26!important}.header-menu-backdrop{z-index:99990;background:#00000040;width:100vw;height:100vh;animation:.15s ease-out fadeInBackdropMenu;position:fixed;top:0;left:0}@keyframes fadeInBackdropMenu{0%{opacity:0}to{opacity:1}}.header-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:99995;transform-origin:100% 0;background:#1e2026eb;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:2px;width:255px;padding:6px;animation:.24s cubic-bezier(.16,1,.3,1) slideDownFadeDropdown;display:flex;position:fixed;top:54px;right:16px;box-shadow:0 20px 45px #000000a6,inset 0 1px #ffffff14}@media (width>=601px){.header-dropdown-menu{width:255px;top:60px;right:24px}}.header-dropdown-menu button{color:#ffffffe6;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.92rem;font-weight:500;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.header-dropdown-menu button:hover{color:#fff;background:#ffffff0f}.header-dropdown-menu button:active{transform:scale(.98)}.header-dropdown-menu .dropdown-svg-icon{color:#ffffff8c;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-flex}.header-dropdown-menu button:hover .dropdown-svg-icon{color:var(--accent-color,#d4af37)}.header-dropdown-menu button:hover .dropdown-search-icon{transform:rotate(12deg)scale(1.1)}.header-dropdown-menu button:hover .dropdown-filter-icon{transform:scale(1.1)}.header-dropdown-menu button:hover .dropdown-filter-icon line{transition:transform .25s cubic-bezier(.25,.8,.25,1)}.header-dropdown-menu button:hover .dropdown-filter-icon line:first-of-type,.header-dropdown-menu button:hover .dropdown-filter-icon line:nth-of-type(4){transform:translateY(1.5px)}.header-dropdown-menu button:hover .dropdown-filter-icon line:nth-of-type(2),.header-dropdown-menu button:hover .dropdown-filter-icon line:nth-of-type(5){transform:translateY(-1.5px)}.header-dropdown-menu button:hover .dropdown-filter-icon line:nth-of-type(3),.header-dropdown-menu button:hover .dropdown-filter-icon line:nth-of-type(6){transform:translateY(1.5px)}.header-dropdown-menu button:hover .dropdown-folder-icon{transform:translateY(-1.5px)scale(1.08)}@keyframes arrowBounce{0%,to{transform:translateY(0)scale(1.08)}50%{transform:translateY(-2.5px)scale(1.08)}}.header-dropdown-menu button:hover .dropdown-reorder-icon{animation:.8s ease-in-out infinite arrowBounce}.header-dropdown-menu button:hover .dropdown-create-recipe-icon{transform:rotate(-15deg)translate(1px,-1px)scale(1.12)}.header-dropdown-menu button:hover .dropdown-create-folder-icon{transform:scale(1.1)}.header-dropdown-menu button:hover .dropdown-create-folder-icon line{stroke-width:2.8px}.header-dropdown-menu .dropdown-item-text{align-items:center;width:100%;font-size:.92rem;font-weight:500;display:flex}.header-dropdown-menu .dropdown-divider{background:#ffffff0f;height:1px;margin:4px 6px}.selection-menu-backdrop{z-index:99990;background:#00000040;width:100vw;height:100vh;animation:.15s ease-out fadeInBackdropMenu;position:fixed;top:0;left:0}.selection-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:99995;transform-origin:100% 0;background:#1e2026eb;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:2px;width:255px;padding:6px;animation:.24s cubic-bezier(.16,1,.3,1) slideDownFadeDropdown;display:flex;position:fixed;top:54px;right:16px;box-shadow:0 20px 45px #000000a6,inset 0 1px #ffffff14}@media (width>=601px){.selection-dropdown-menu{width:255px;top:60px;right:24px}}.selection-dropdown-menu button{color:#ffffffe6;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.92rem;font-weight:500;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.selection-dropdown-menu button:hover{color:#fff;background:#ffffff0f}.selection-dropdown-menu button:active{transform:scale(.98)}.selection-dropdown-menu button.destructive{color:#fa5c65f2}.selection-dropdown-menu button.destructive:hover{color:#ff6b76;background:#fa5c6514!important}.selection-dropdown-menu button:hover .dropdown-svg-icon{color:var(--accent-color,#d4af37)}.selection-dropdown-menu button.destructive:hover .dropdown-svg-icon{color:#ff6b76}.selection-dropdown-menu button:hover .dropdown-remove-folder-icon{transform:translateY(1px)scale(1.05)}.selection-dropdown-menu button:hover .dropdown-share-icon{transform:translateY(-1.5px)scale(1.08)}.selection-dropdown-menu button.destructive:hover .dropdown-delete-icon{animation:.4s ease-in-out infinite trashShake}.selection-more-btn{color:#fff!important;background:#ffffff0f!important;border:1px solid #ffffff14!important}.selection-more-btn:hover{transform:translateY(-1px);background:#ffffff1f!important;border-color:#ffffff2e!important}.selection-more-btn.active{box-shadow:0 0 0 2px #ffffff0d;background:#ffffff29!important;border-color:#ffffff40!important}.selection-more-btn:active{transform:scale(.95)translateY(0)}.selection-more-btn:hover .header-three-dots-icon{transform:scale(1.18)}.selection-more-btn:active .header-three-dots-icon{transform:scale(.95)}.context-menu-backdrop{z-index:999;background:0 0;position:fixed;inset:0}.folder-context-menu{z-index:1000;-webkit-backdrop-filter:blur(20px);transform-origin:0 0;background:#1e2026eb;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:2px;min-width:235px;padding:6px;animation:.22s cubic-bezier(.34,1.56,.64,1) contextMenuPop;display:flex;position:fixed;box-shadow:0 20px 45px #000000a6,inset 0 1px #ffffff14}@keyframes contextMenuPop{0%{opacity:0;transform:scale(.9)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.context-menu-header{-webkit-user-select:none;user-select:none;flex-direction:column;gap:3px;padding:8px 12px;display:flex}.context-menu-folder-name{color:#fff;align-items:center;gap:8px;font-size:.94rem;font-weight:600;display:flex}.context-menu-folder-count{color:#ffffff73;padding-left:20px;font-size:.76rem;font-weight:500}.context-menu-item{color:#ffffffe6;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.92rem;font-weight:500;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.context-menu-item:hover{color:#fff;background:#ffffff0f}.context-menu-svg-icon{color:#ffffff8c;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-flex}.context-menu-item:hover .context-menu-svg-icon{color:var(--accent-color,#d4af37)}.context-menu-item:hover .context-settings-icon{transform:rotate(45deg)scale(1.08)}.context-menu-item:hover .context-share-icon{transform:rotate(-15deg)scale(1.08)}.context-menu-item:hover .context-reorder-icon{animation:.8s ease-in-out infinite arrowBounce}.context-menu-item.destructive{color:#fa5c65f2}.context-menu-item.destructive .context-menu-svg-icon{color:#fa5c6599}.context-menu-item.destructive:hover{color:#ff6b76;background:#fa5c6514!important}.context-menu-item.destructive:hover .context-menu-svg-icon{color:#ff6b76}@keyframes trashShake{0%,to{transform:rotate(0)scale(1.08)}25%{transform:rotate(-6deg)scale(1.08)}75%{transform:rotate(6deg)scale(1.08)}}.context-menu-item.destructive:hover .context-delete-icon{animation:.4s ease-in-out infinite trashShake}.context-menu-item.disabled-item{opacity:.45;cursor:not-allowed!important}.context-menu-item.disabled-item:hover,.context-menu-item.disabled-item:active{color:#ffffffe6!important;background:0 0!important;transform:none!important}@media (width<=600px){.context-menu-backdrop{animation:.25s fadeInBackdrop;-webkit-backdrop-filter:none!important;background:#00000040!important}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.folder-context-menu{transform-origin:top!important;background:#1e2026f5!important;border:1px solid #ffffff14!important;border-radius:16px!important;gap:2px!important;width:235px!important;max-width:calc(100vw - 24px)!important;padding:6px!important;animation:.22s cubic-bezier(.34,1.56,.64,1) contextMenuPop!important;position:fixed!important;box-shadow:0 15px 35px #0009!important}.context-menu-header{border-bottom:none!important;align-items:flex-start!important;margin-bottom:0!important;padding:6px 10px 8px!important}.context-menu-folder-name{font-size:.92rem!important}.context-menu-folder-count{padding-left:20px!important;font-size:.76rem!important}.context-menu-divider{background:#ffffff0f!important;height:1px!important;margin:4px 6px!important;display:block!important}.context-menu-item{background:0 0!important;border:none!important;border-radius:10px!important;padding:9px 12px!important;font-size:.92rem!important}.context-menu-item:active{background:#ffffff14!important;transform:scale(.98)!important}.context-menu-item.destructive{background:0 0!important;border:none!important}}@keyframes folderWiggle{0%{transform:rotate(-.8deg)translateY(0)}50%{transform:rotate(.8deg)translateY(-.3px)}to{transform:rotate(-.8deg)translateY(0)}}.folder-tab-wrapper.wiggling{cursor:grab;-webkit-user-select:none;user-select:none;animation:.24s ease-in-out infinite folderWiggle}.folder-tab-wrapper.wiggling:nth-child(odd){animation-duration:.28s;animation-delay:-.06s}.folder-tab-wrapper.wiggling:active{cursor:grabbing}.folder-reorder-done-btn{background:var(--accent-gradient,var(--accent-color));color:#16181f;cursor:pointer;border:none;border-radius:20px;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:10px;padding:6px 14px;font-size:.85rem;font-weight:750;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #d4af3733}.folder-reorder-done-btn:hover{transform:scale(1.04);box-shadow:0 6px 14px #d4af374d}.folder-reorder-done-btn:active{transform:scale(.96)}@media (width<=600px){.folder-reorder-done-btn{margin-left:6px;padding:5px 12px;font-size:.8rem}}.reorder-header-row{opacity:0;pointer-events:none;background:var(--surface-color,#1a1c23);justify-content:space-between;align-items:center;width:calc(100% - 48px);height:100%;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;left:24px;transform:translateY(20px)}@media (width<=600px){.reorder-header-row{width:calc(100% - 32px);left:16px}}.reorder-header-row.active{opacity:1;pointer-events:auto;transform:translateY(0)}.reorder-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.reorder-header-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.reorder-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-done-btn{background:var(--accent-gradient,var(--accent-color));color:#16181f;cursor:pointer;border:none;border-radius:20px;outline:none;justify-content:center;align-items:center;padding:8px 18px;font-size:.88rem;font-weight:750;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 10px #d4af3733}.header-done-btn:hover{transform:scale(1.04);box-shadow:0 6px 14px #d4af374d}.header-done-btn:active{transform:scale(.96)}@media (width<=600px){.reorder-header-title{font-size:.95rem}.header-done-btn{padding:6px 14px;font-size:.8rem}}.folder-tab-wrapper.grabbed{transition:transform .15s,opacity .15s;box-shadow:0 10px 20px #0006;opacity:.6!important;z-index:101!important;animation:none!important;transform:scale(1.08)translateY(-1px)!important}.reorder-sheet-backdrop{-webkit-backdrop-filter:blur(8px);z-index:99999;opacity:0;background:#0a0b0fb3;justify-content:center;align-items:flex-end;width:100vw;height:100vh;animation:.3s cubic-bezier(.4,0,.2,1) forwards sheetFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes sheetFadeIn{to{opacity:1}}.reorder-sheet{background:#16181ff2;border:1px solid #ffffff14;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:80vh;padding:16px 24px 32px;animation:.35s cubic-bezier(.1,.76,.55,.94) forwards sheetSlideUp;display:flex;transform:translateY(100%);box-shadow:0 -10px 40px #00000080}@keyframes sheetSlideUp{to{transform:translateY(0)}}@media (width>=600px){.reorder-sheet-backdrop{align-items:center}.reorder-sheet{opacity:0;border-bottom:1px solid #ffffff14;border-radius:24px;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScaleIn;transform:scale(.9)translateY(30px)}@keyframes modalScaleIn{to{opacity:1;transform:scale(1)translateY(0)}}}.reorder-sheet-handle{background:#ffffff26;border-radius:3px;flex-shrink:0;width:40px;height:5px;margin:0 auto 16px}.reorder-sheet-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reorder-sheet-title{color:#fff;font-size:1.25rem;font-weight:750}.reorder-sheet-subtitle{color:#8a8d9a;flex-shrink:0;margin-bottom:20px;font-size:.88rem}.reorder-sheet-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:12px;margin-bottom:12px;padding:4px 4px 60px;display:flex;position:relative;overflow-y:auto}.reorder-sheet-list::-webkit-scrollbar{display:none}.reorder-sheet-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#ffffff08;border:1px solid #ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:relative}.reorder-sheet-item-left{flex:1;align-items:center;gap:14px;min-width:0;margin-right:12px;display:flex}.reorder-sheet-item-icon{flex-shrink:0;font-size:1.2rem}.reorder-sheet-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.reorder-sheet-item-count{color:#8a8d9a;background:#ffffff0f;border-radius:12px;flex-shrink:0;margin-left:6px;padding:2px 8px;font-size:.78rem}.folder-drag-handle{cursor:ns-resize;color:#8a8d9a;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff05;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.folder-drag-handle:hover{color:#fff;background:#ffffff0f}.folder-drag-handle:active{cursor:grabbing}.reorder-sheet-item.grabbed{opacity:.85;z-index:1001;pointer-events:none;box-shadow:0 12px 30px #00000080;background:#ffffff14!important;border-color:#ffffff26!important}.recipe-selection-card,.recipe-selection-card *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-khtml-user-select:none!important}.telegram-undo-toast{z-index:12000;-webkit-backdrop-filter:blur(24px);box-sizing:border-box;background:#1e2026eb;border:1px solid #ffffff14;border-radius:14px;width:90%;max-width:420px;padding:0;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpFadeUndo;position:fixed;bottom:100px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 40px #00000073}@keyframes slideUpFadeUndo{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.telegram-undo-toast .undo-toast-content{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 12px;display:flex}.telegram-undo-toast .undo-toast-msg{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9rem;font-weight:400;overflow:hidden}.telegram-undo-toast .undo-toast-msg strong{color:#fff;font-weight:700}.telegram-undo-toast .undo-toast-btn{border:1.5px solid var(--accent-color,#d4af37);color:var(--accent-color,#d4af37);letter-spacing:.08em;cursor:pointer;text-transform:uppercase;background:#d4af3714;border-radius:8px;flex-shrink:0;padding:6px 16px;font-size:.78rem;font-weight:800;transition:all .2s}.telegram-undo-toast .undo-toast-btn:hover{background:#d4af372e}.telegram-undo-toast .undo-toast-btn:active{transform:scale(.95)}.undo-progress-track{background:#ffffff0f;width:100%;height:3px}.undo-progress-bar{background:var(--accent-gradient,var(--accent-color));transform-origin:0;border-radius:0 0 14px 14px;height:100%;animation:5s linear forwards undoBarShrink}@keyframes undoBarShrink{0%{width:100%}to{width:0%}}@media (width>=850px){.telegram-undo-toast{bottom:40px}}.suggest-ingredient-view{z-index:20000!important;background:#121318!important;width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.suggest-header{justify-content:space-between!important;align-items:center!important;padding:0 20px!important;display:flex!important}.suggest-header-left{align-items:center;gap:12px;display:flex}.suggest-back-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.suggest-back-btn:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.suggest-back-btn:active{transform:scale(.95)}.suggest-header-title{color:#fff!important;letter-spacing:-.015em!important;margin:0!important;font-size:1.2rem!important;font-weight:700!important;line-height:1.2!important}.suggest-form{flex-direction:column;gap:20px;max-width:680px;margin:0 auto;display:flex}.suggest-input-group{flex-direction:column;gap:8px;width:100%;display:flex}.suggest-label{color:#ffffffe6;font-size:.95rem;font-weight:700}.suggest-label .required-star{color:#ff453a;margin-left:2px}.suggest-hint{color:#ffffff73;margin:0 0 4px;font-size:.78rem;line-height:1.4}.suggest-input,.suggest-textarea{box-sizing:border-box;color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;width:100%;font-family:inherit;transition:all .25s}.suggest-input{padding:14px 16px;font-size:.95rem}.suggest-textarea{resize:vertical;padding:14px 16px;font-size:.9rem;line-height:1.5}.suggest-input:focus,.suggest-textarea:focus{border-color:var(--accent-color,#d4af37);background:#ffffff0d;outline:none;box-shadow:0 0 0 3px #d4af371a}.suggest-upload-zone{cursor:pointer;background:#ffffff04;border:2px dashed #ffffff1f;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:32px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.suggest-upload-zone:hover{border-color:var(--accent-color,#d4af37);background:#ffffff06;transform:translateY(-1px)}.suggest-upload-zone:active{transform:scale(.99)}.upload-zone-icon{color:#ffffff80;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s;display:flex}.suggest-upload-zone:hover .upload-zone-icon{color:var(--accent-color,#d4af37);background:#d4af3714;border-color:#d4af3726}.upload-zone-title{color:#fffffff2;font-size:.9rem;font-weight:700}.upload-zone-subtitle{color:#fff6;font-size:.76rem}.suggest-photo-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-top:10px;display:grid}.suggest-photo-card{aspect-ratio:1;box-sizing:border-box;border-radius:18px;position:relative;overflow:hidden}.suggest-photo-card.preview-card{background:#0003;border:1px solid #ffffff14}.suggest-photo-card.preview-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.suggest-photo-card.preview-card:hover img{transform:scale(1.05)}.remove-photo-badge{-webkit-backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:5;background:#0009;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.remove-photo-badge:hover{background:#ff453a;border-color:#ff453a;transform:scale(1.05)}.suggest-photo-card.add-trigger-card{cursor:pointer;background:#ffffff03;border:2px dashed #ffffff1f;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .25s;display:flex}.suggest-photo-card.add-trigger-card:hover{border-color:var(--accent-color,#d4af37);background:#ffffff08}.add-trigger-icon{color:#fff6;font-size:1.6rem;font-weight:300;transition:color .25s}.suggest-photo-card.add-trigger-card:hover .add-trigger-icon{color:var(--accent-color,#d4af37)}.add-trigger-text{color:#ffffff80;font-size:.72rem;font-weight:700}.suggest-submit-row{justify-content:center;width:100%;display:flex}.suggest-submit-btn{background:var(--accent-gradient,var(--accent-color));color:#121318;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:320px;padding:15px 24px;font-size:1rem;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.suggest-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4af3740}.suggest-submit-btn:active{transform:translateY(0)}.suggest-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.spinner{border:2.5px solid #12131833;border-top-color:#121318;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state-suggest-box{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;align-items:center;gap:16px;max-width:440px;margin:32px auto 0;padding:24px;display:flex;box-shadow:0 8px 32px #0003}.empty-state-suggest-box p{color:#fff9!important;text-align:center!important;margin:0!important;font-size:.85rem!important;line-height:1.55!important}.empty-state-suggest-box.mini{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-top:1px solid #ffffff0d!important;border-radius:0!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:20px auto 16px!important;padding:24px 16px 16px!important}.empty-state-suggest-box.mini p{color:#ffffff80!important;font-size:.82rem!important;line-height:1.5!important}.empty-state-cta-btn{background:var(--accent-gradient,var(--accent-color));color:#121318;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:auto;padding:12px 24px;font-size:.88rem;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #d4af3726}.empty-state-cta-btn:hover{background:#d4fc22;transform:translateY(-2px);box-shadow:0 8px 24px #d4af3759}.empty-state-cta-btn:active{transform:translateY(0)}@media (width<=500px){.photo-upload-card{border-radius:12px;width:80px;height:80px}.photo-upload-card.add-trigger .upload-icon{font-size:1.2rem}.photo-upload-card.add-trigger .upload-text{font-size:.62rem}}.diary-desktop-only{flex-direction:column;gap:16px;display:flex}.diary-mobile-only{display:none}@media (width<=900px){.diary-desktop-only{display:none!important}.diary-mobile-only{flex-direction:column;gap:16px;margin-top:20px;display:flex}}.diary-premium-view{padding-bottom:40px}.diary-date-picker{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff12;border-radius:20px;margin-bottom:20px;padding:14px 16px 10px}.diary-date-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.diary-week-nav{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.diary-week-nav:hover{color:#fff;background:#ffffff1a}.diary-month-label{align-items:baseline;gap:6px;display:flex}.diary-month-name{color:#fff;font-size:1.05rem;font-weight:700}.diary-year{color:#fff6;font-size:.8rem;font-weight:500}.diary-week-strip{justify-content:space-between;gap:4px;display:flex}.diary-day-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 2px 10px;transition:all .25s;display:flex;position:relative}.diary-day-name{color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600}.diary-day-num{color:#ffffffb3;font-size:1rem;font-weight:700;line-height:1}.diary-day-btn.today .diary-day-num{color:#ffffffd9}.diary-today-dot{background:var(--accent-gradient,var(--accent-color));border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.diary-day-btn.selected{background:linear-gradient(135deg,#d4af3726 0%,#d4af370d 100%);border-color:#d4af374d;box-shadow:0 0 20px #d4af3714}.diary-day-btn.selected .diary-day-name,.diary-day-btn.selected .diary-day-num{color:var(--accent-color,#d4af37)}.diary-day-btn:hover:not(.selected){background:#ffffff0a;border-color:#ffffff14}.diary-layout{align-items:flex-start;gap:24px;display:flex}.diary-col-main{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.diary-meals-grid{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=900px){.diary-meals-grid{grid-template-columns:1fr 1fr!important;gap:20px!important;display:grid!important}}.diary-analytics-grid{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=900px){.diary-analytics-grid{grid-template-columns:1fr 1fr!important;gap:20px!important;display:grid!important}}.diary-intake-grid{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=900px){.diary-intake-grid{grid-template-columns:1fr 1fr!important;gap:20px!important;display:grid!important}}.diary-col-sidebar{flex-shrink:0;width:340px;position:sticky;top:80px}.diary-sidebar-card{background:linear-gradient(135deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff12;border-radius:20px;padding:18px}.diary-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.diary-card-header h4{color:#ffffffe6;margin:0;font-size:.92rem;font-weight:700}.diary-settings-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.diary-settings-btn:hover{color:#fffc;background:#ffffff1a}.diary-calories-card{flex-direction:column;align-items:center;display:flex}.diary-calories-card .diary-card-header{width:100%}.diary-circular-progress{justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}.diary-circular-progress svg{transform:rotate(-90deg)}.diary-progress-bg{stroke:#ffffff0f}.diary-progress-bar{stroke:var(--accent-color,#d4af37);filter:drop-shadow(0 0 6px #d4af374d);transition:stroke-dashoffset .6s cubic-bezier(.25,.8,.25,1)}.diary-progress-bar.over-limit{stroke:#ff6b6b;filter:drop-shadow(0 0 6px #ff6b6b4d)}.diary-progress-center{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diary-progress-val{color:#fff;font-size:1.6rem;font-weight:800;line-height:1}.diary-progress-label{color:#ffffff80;font-size:.72rem;font-weight:500}.diary-progress-max{color:#ffffff4d;font-size:.68rem}.diary-macros-stack{flex-direction:column;gap:12px;width:100%;display:flex}.diary-macro-bar{flex-direction:column;gap:5px;display:flex}.diary-macro-label{color:#ffffffb3;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:500;display:flex}.diary-macro-nums{font-size:.78rem}.diary-macro-nums strong{color:#fff}.diary-macro-divider{opacity:.3;margin:0 3px}.diary-macro-track{background:#ffffff0f;border-radius:100px;height:6px;overflow:hidden}.diary-macro-fill{border-radius:100px;height:100%;transition:width .5s cubic-bezier(.25,.8,.25,1)}.diary-macro-fill.protein{background:linear-gradient(90deg,#a8e063,#d4af37);box-shadow:0 0 8px #d4af374d}.diary-macro-fill.fat{background:linear-gradient(90deg,#ff9a76,#ff6b6b);box-shadow:0 0 8px #ff6b6b40}.diary-macro-fill.carbs{background:linear-gradient(90deg,#f0c27f,#ffb347);box-shadow:0 0 8px #ffb34740}.diary-macro-fill.over{opacity:.9}.diary-meal-card{background:linear-gradient(135deg,#ffffff09 0%,#ffffff03 100%);border:1px solid #ffffff12;border-radius:20px;overflow:hidden}.diary-meal-header{justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.diary-meal-title-group{align-items:center;gap:8px;display:flex}.diary-meal-icon{font-size:1.2rem}.diary-meal-title{color:#fff;margin:0;font-size:.95rem;font-weight:700}.diary-meal-count{color:#ffffff73;background:#ffffff0f;border-radius:100px;padding:2px 8px;font-size:.7rem;font-weight:600}.diary-meal-kcal{color:var(--accent-color,#d4af37);font-size:.88rem;font-weight:700}.diary-meal-items{padding:0 6px}.diary-meal-empty{text-align:center;color:#ffffff40;padding:20px;font-size:.85rem}.diary-food-row{border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:2px 0;padding:10px 12px;transition:background .2s;display:flex}.diary-food-row:hover{background:#ffffff08}.diary-food-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.diary-food-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:38px;height:38px}.diary-food-text{flex:1;min-width:0}.diary-food-name-row{align-items:center;gap:8px;display:flex}.diary-food-name{color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:.88rem;font-weight:600;overflow:hidden}.diary-food-time{color:#ffffff59;white-space:nowrap;flex-shrink:0;font-size:.68rem;font-weight:500}.diary-food-macros-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.diary-food-amount{color:#fff6;font-size:.72rem;font-weight:500}.diary-macro-badge{border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:600;line-height:1.3}.diary-macro-badge.protein{color:#a8e063;background:#a8e0631f}.diary-macro-badge.fat{color:#ff9a76;background:#ff6b6b1f}.diary-macro-badge.carbs{color:#ffb347;background:#ffb3471f}.diary-macro-badge.sm{padding:1px 4px;font-size:.62rem}.diary-food-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.diary-food-kcal{color:#ffffffe6;white-space:nowrap;font-size:.85rem;font-weight:700}.diary-food-delete{color:#fff3;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;display:flex}.diary-food-delete:hover{color:#ff6b6b}.diary-meal-subtotal{background:#ffffff04;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.diary-subtotal-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:600}.diary-subtotal-values{align-items:center;gap:8px;display:flex}.diary-subtotal-kcal{color:#ffffffd9;font-size:.82rem;font-weight:700}.diary-mindfulness-toggle{cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:12px 18px;transition:all .2s;display:flex}.diary-mindfulness-toggle-text{color:#ffffff80;font-size:.88rem;font-weight:600}.diary-mindfulness-toggle svg{color:#ffffff59}.diary-mindfulness-toggle:hover{background:#ffffff05}.diary-mindfulness-toggle:hover .diary-mindfulness-toggle-text{color:#ffffffb3}.diary-mindfulness-body{border-top:1px solid #ffffff0d;flex-direction:column;gap:14px;padding:16px 18px 18px;animation:.3s diaryFadeIn;display:flex}@keyframes diaryFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.diary-scale-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:14px;padding:14px 16px}.diary-scale-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.diary-scale-title{color:#fffc;font-size:.88rem;font-weight:700}.diary-scale-emoji{font-size:1.4rem;line-height:1}.diary-scale-track-wrap{flex-direction:column;gap:6px;display:flex}.diary-scale-labels{color:#ffffff4d;justify-content:space-between;font-size:.7rem;font-weight:500;display:flex}.diary-scale-slider{appearance:none;background:linear-gradient(90deg,#d4af3726,#d4af3766);border-radius:100px;outline:none;width:100%;height:6px;transition:all .2s}.diary-scale-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-gradient,var(--accent-color));cursor:pointer;border:2px solid #0003;border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:0 0 12px #d4af3759,0 2px 6px #0000004d}.diary-scale-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.diary-scale-slider::-moz-range-thumb{background:var(--accent-gradient,var(--accent-color));cursor:pointer;border:2px solid #0003;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #d4af3759,0 2px 6px #0000004d}.diary-scale-value{text-align:center;color:var(--accent-color,#d4af37);margin-top:4px;font-size:1.2rem;font-weight:800}.diary-scale-value span{color:#ffffff4d;font-size:.75rem;font-weight:500}.diary-mindfulness-notes{color:#ffffffd9;resize:none;box-sizing:border-box;background:#0003;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;height:80px;padding:12px 14px;font-family:inherit;font-size:.95rem;line-height:1.5;transition:border-color .2s}.diary-mindfulness-notes::placeholder{color:#ffffff40}.diary-mindfulness-notes:focus{border-color:#d4af374d}.diary-add-food-btn{cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;padding:6px 18px 10px;display:flex}.diary-add-food-btn-inner{color:var(--accent-color,#d4af37);background:linear-gradient(135deg,#d4af3729 0%,#d4af370f 100%);border:1px solid #d4af3759;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:700;transition:all .25s;display:flex}.diary-add-food-btn:hover .diary-add-food-btn-inner{background:var(--accent-gradient,var(--accent-color));border-color:var(--accent-color,#d4af37);color:#000;transform:translateY(-1px);box-shadow:0 0 16px #d4af3759}.diary-meds-grid{flex-wrap:wrap;gap:8px;display:flex}.diary-meds-empty{text-align:center;color:#ffffff4d;cursor:pointer;border:1px dashed #ffffff1a;border-radius:12px;padding:14px;font-size:.8rem;transition:all .2s}.diary-meds-empty:hover{color:#ffffff80;border-color:#d4af374d}.diary-med-pill{color:#ffffff8c;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:6px;padding:7px 12px;font-size:.75rem;font-weight:600;transition:all .25s;display:flex}.diary-med-pill:hover{background:#ffffff0f}.diary-med-pill.taken{color:var(--accent-color,#d4af37);background:#d4af371a;border-color:#d4af374d;box-shadow:0 0 12px #d4af3714}.diary-med-check{border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;transition:all .2s;display:flex}.diary-med-pill.taken .diary-med-check{border-color:var(--accent-color,#d4af37);background:#d4af3726}.diary-med-name{white-space:nowrap}.diary-water-counter{color:#ffffff80;font-size:.78rem;font-weight:600}.diary-water-bar-wrap{margin-bottom:12px}.diary-water-bar-bg{background:#ffffff0f;border-radius:100px;height:8px;overflow:hidden}.diary-water-bar-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:100px;height:100%;transition:width .4s;box-shadow:0 0 10px #4facfe4d}.diary-water-glasses{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.diary-water-glass{cursor:pointer;color:#ffffff26;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.diary-water-glass.filled{color:#4facfe;filter:drop-shadow(0 0 4px #4facfe40)}.diary-water-glass:hover{transform:scale(1.15)}.diary-water-btns{justify-content:center;align-items:center;gap:16px;display:flex}.diary-water-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.diary-water-btn:hover:not(:disabled){color:#4facfe;background:#4facfe26;border-color:#4facfe4d}.diary-water-btn:disabled{opacity:.3;cursor:not-allowed}.diary-water-glass-count{color:#fff9;text-align:center;min-width:55px;font-size:.82rem;font-weight:600}.diary-daily-note{color:#ffffffd9;resize:vertical;box-sizing:border-box;background:#0003;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;min-height:70px;padding:12px 14px;font-family:inherit;font-size:.85rem;line-height:1.5;transition:border-color .2s}.diary-daily-note::placeholder{color:#ffffff40}.diary-daily-note:focus{border-color:#d4af374d}.diary-summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.diary-summary-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.diary-summary-num{color:#fff;letter-spacing:-.5px;font-size:1.45rem;font-weight:850}.diary-summary-label{color:#fff6;font-size:.68rem;font-weight:500}.diary-remaining{text-align:center;color:var(--accent-color,#d4af37);background:#d4af370f;border:1px solid #d4af3726;border-radius:12px;padding:10px;font-size:.82rem;font-weight:700}.diary-remaining.over{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b33}.diary-remaining.low{color:#ffb347;background:#ffb34714;border-color:#ffb34733}.diary-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s diaryFadeIn;display:flex;position:fixed;inset:0}.diary-modal{background:#15171c;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000080}.diary-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.diary-modal-header h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.diary-modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.5rem;line-height:1;transition:color .2s}.diary-modal-close:hover{color:#fff}.diary-time-picker-row{background:#ffffff04;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 20px;display:flex}.diary-time-picker-row label{color:#fff9;font-size:.85rem;font-weight:600}.diary-time-input{color:#fff;background:#0000004d;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100px;padding:8px 12px;font-family:inherit;font-size:.92rem;font-weight:600;transition:border-color .2s}.diary-time-input:focus{border-color:#d4af3766}.diary-time-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.diary-modal-tabs{border-bottom:1px solid #ffffff0f;padding:0 8px;display:flex}.diary-modal-tab{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:.82rem;font-weight:600;transition:all .2s}.diary-modal-tab.active{color:var(--accent-color,#d4af37);border-bottom-color:var(--accent-color,#d4af37)}.diary-modal-tab:hover:not(.active){color:#ffffffb3}.diary-modal-body{flex:1;padding:16px 20px;overflow-y:auto}.diary-modal-footer{border-top:1px solid #ffffff0f;padding:12px 20px 16px}.diary-modal-submit{background:var(--accent-gradient,var(--accent-color));color:#000;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.diary-modal-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}.diary-modal-submit.full{width:100%}.diary-custom-form{flex-direction:column;gap:14px;display:flex}.diary-form-group{flex-direction:column;gap:5px;display:flex}.diary-form-group label{color:#ffffff8c;font-size:.8rem;font-weight:600}.diary-per100{color:#ffffff4d;font-size:.72rem;font-weight:400}.diary-form-input{color:#fff;box-sizing:border-box;background:#00000040;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.diary-form-input::placeholder{color:#ffffff40}.diary-form-input:focus{border-color:#d4af3766}.diary-form-input.lg{padding:12px 14px;font-size:1.05rem;font-weight:600}.diary-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.diary-select option{color:#fff;background:#1a1c22}.diary-form-row{gap:10px;display:flex}.diary-form-row .diary-form-group,.diary-form-row.three .diary-form-group{flex:1}.diary-weight-input{margin-top:4px}.diary-custom-preview{background:#d4af370a;border:1px solid #d4af371f;border-radius:12px;padding:10px 14px}.diary-preview-label{color:#ffffff80;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.diary-preview-values{color:#ffffffe6;flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.diary-gender-btns{gap:8px;display:flex}.diary-gender-btn{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s}.diary-gender-btn.active{color:var(--accent-color,#d4af37);background:#d4af371a;border-color:#d4af374d}.diary-search-list{flex-direction:column;gap:12px;display:flex}.diary-search-input{color:#fff;box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.diary-search-input::placeholder{color:#ffffff4d}.diary-search-input:focus{border-color:#d4af374d}.diary-food-list{flex-direction:column;gap:2px;max-height:350px;display:flex;overflow-y:auto}.diary-food-list-item{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.diary-food-list-item:hover{background:#ffffff0a}.diary-food-list-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.diary-food-list-info{flex:1;min-width:0}.diary-food-list-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;display:block;overflow:hidden}.diary-food-list-meta{color:#fff6;margin-top:2px;font-size:.72rem;display:block}.diary-food-list-item svg{color:#fff3;flex-shrink:0}.diary-empty-list{text-align:center;color:#ffffff4d;padding:30px 16px;font-size:.85rem}.diary-selected-food{flex-direction:column;gap:14px;display:flex}.diary-selected-food-header{align-items:center;gap:10px;display:flex}.diary-back-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.diary-back-btn:hover{color:#fff;background:#ffffff1a}.diary-selected-food-name{color:#fff;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.diary-selected-food-nutrition{color:#ffffff8c;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;gap:12px;padding:10px 14px;font-size:.78rem;display:flex}.diary-meds-config-list{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.diary-meds-config-row{align-items:center;gap:8px;display:flex}.diary-meds-config-row .diary-form-input{flex:1}.diary-meds-config-row .diary-select.sm{flex:none;width:90px;padding:8px 28px 8px 8px;font-size:.78rem}.diary-med-remove-btn{color:#ffffff40;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;display:flex}.diary-med-remove-btn:hover{color:#ff6b6b}.diary-add-med-btn{color:var(--accent-color,#d4af37);cursor:pointer;background:#d4af370d;border:1px dashed #d4af3740;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.diary-add-med-btn:hover{background:#d4af371a}.diary-donut-chart-wrapper{width:155px;height:155px;margin:10px auto 20px;position:relative}.diary-donut-svg{transform:rotate(0)}.diary-donut-segment{transition:stroke-dashoffset .35s ease-in-out}.diary-donut-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diary-donut-center-val{color:#fff;letter-spacing:-.5px;font-size:1.45rem;font-weight:850;line-height:1.1}.diary-donut-center-label{color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin:1px 0;font-size:.72rem;font-weight:600}.diary-donut-center-sub{color:#ffffff4d;font-size:.68rem}.diary-calories-progress-bar-container{flex-direction:column;gap:6px;margin-bottom:20px;padding:0 4px;display:flex}.diary-calories-progress-labels{color:#ffffff80;justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.diary-calories-progress-track{background:#ffffff0d;border-radius:100px;height:6px;position:relative;overflow:hidden}.diary-calories-progress-fill{background:var(--accent-gradient,var(--accent-color));border-radius:100px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #d4af374d}.diary-calories-progress-fill.over{background:#ff6b6b;box-shadow:0 0 10px #ff6b6b4d}.diary-macro-ratio{opacity:.65;font-weight:500}.diary-segmented-rating-container{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.diary-rating-pills{justify-content:space-between;gap:6px;width:100%;display:flex}.diary-rating-pill-btn{aspect-ratio:1;color:#ffffff80;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:50%;flex:1;justify-content:center;align-items:center;min-width:0;padding:0;font-size:.78rem;font-weight:750;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.diary-rating-pill-btn:hover{color:#fff;background:#ffffff14}.diary-rating-pill-btn.selected{background:var(--accent-gradient,var(--accent-color));border-color:var(--accent-color,#d4af37);color:#000;box-shadow:0 0 10px #d4af374d}.diary-segmented-rating-labels{color:#ffffff4d;justify-content:space-between;font-size:.7rem;font-weight:500;display:flex}.diary-mobile-tabs{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:4px;display:none}.diary-mobile-tab-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.diary-mobile-tab-btn.active{color:#fff;background:#ffffff0f;border:1px solid #ffffff0a}@media (width<=900px){.diary-layout{flex-direction:column}.diary-col-main{width:100%}.diary-col-sidebar{width:100%;position:relative;top:0}.diary-food-name{max-width:180px}.diary-mobile-tabs{display:grid}.diary-mobile-hidden{display:none!important}}@media (width<=480px){.diary-date-picker{border-radius:16px;padding:10px 12px 8px}.diary-sidebar-card{border-radius:16px;padding:14px}.diary-meal-card{border-radius:16px}.diary-modal{border-radius:20px;max-height:90vh}.diary-food-name{max-width:140px}.diary-week-strip{gap:2px}.diary-day-btn{border-radius:12px;padding:6px 0 8px}.diary-scale-card{padding:10px 12px}.diary-rating-pill-btn{font-size:.72rem}.diary-add-food-btn-inner{padding:10px 20px;font-size:.85rem}}.diary-skeleton-wrapper{color:#fff;background:#111317;flex-direction:column;width:100%;min-height:100vh;display:flex}@keyframes skeletonPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.skeleton-circle,.skeleton-line,.skeleton-rect,.skeleton-hero{animation:1.6s ease-in-out infinite skeletonPulse;background:#ffffff1a!important}.skeleton-header{border-bottom:1px solid #ffffff08}.skeleton-bottom-bar{box-shadow:0 8px 32px #0006}html{scrollbar-gutter:stable}.diary-sub-tabs-bar{z-index:105;background-color:var(--surface-color);border-bottom:1px solid var(--surface-border);box-sizing:border-box;justify-content:center;align-items:stretch;width:100%;height:48px;display:flex;position:sticky;top:60px}@media (width<=600px){.diary-sub-tabs-bar{height:44px;top:54px}}.diary-sub-tabs-container{box-sizing:border-box;width:100%;max-width:600px;height:100%;padding:0 16px;display:flex}.diary-sub-tab-btn{color:#ffffff73;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;flex:1;justify-content:center;align-items:center;height:100%;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.diary-sub-tab-btn:hover{color:#fff}.diary-sub-tab-btn.active{color:var(--accent-color,#d4af37)!important;border-bottom:2px solid var(--accent-color,#d4af37)!important;font-weight:700!important}.diary-controls-header{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:16px 16px 8px;display:flex}@media (width>=900px){.diary-controls-header{padding:24px 32px 12px!important}}.diary-calendar-container.compact{z-index:98;box-sizing:border-box;justify-content:center;align-items:center;gap:16px;padding:0;display:flex;background:0 0!important}.calendar-selected-date-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;transition:transform .2s;display:flex}.calendar-selected-date-wrap:hover{transform:scale(1.02)}.calendar-selected-date-label{color:#fff;text-shadow:0 2px 10px #0000004d;letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.calendar-today-badge-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;outline:none;transition:all .2s;color:var(--accent-color,#d4af37)!important;background:#d4af3714!important;border:1px solid #d4af3740!important;border-radius:8px!important;padding:3px 8px!important;font-size:.65rem!important;font-weight:700!important}.calendar-today-badge-btn:hover{color:#fff!important;background:#d4af3729!important;border-color:#d4af3766!important}.calendar-nav-btn{color:#ffffff80;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;outline:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.calendar-nav-btn:hover{color:#fff;background:#ffffff14}.calendar-nav-btn:active{transform:scale(.9)}.glass-panel-premium{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--card-radius,20px);box-sizing:border-box;background:#24252b73;border:1px solid #ffffff14;padding:24px;box-shadow:0 8px 32px #0000004d}.home-desktop-view{box-sizing:border-box;justify-content:flex-start;align-items:flex-start;width:100%;min-height:calc(100vh - 180px);padding:40px;display:flex}.desktop-grid-container{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:40px 32px;width:100%;max-width:100%;display:flex}.desktop-app-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;width:100px;margin:0;padding:0;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}.desktop-app-btn:hover{transform:scale(1.08)}.desktop-app-btn:active{transform:scale(.95)}.app-squircle-icon{border-radius:20px;width:80px;height:80px;transition:box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:0 8px 16px #0000004d,0 0 0 1px #ffffff0d}.desktop-app-btn:hover .app-squircle-icon{box-shadow:0 12px 24px #0006,0 0 15px #ffffff1a}.apple-app-svg{width:100%;height:100%;transition:transform .25s;display:block}.desktop-app-btn:hover .apple-app-svg{transform:scale(1.02)}.desktop-app-title{color:#ffffffd9;text-align:center;text-shadow:0 2px 4px #00000080;word-wrap:break-word;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:100%;margin-top:8px;font-size:.82rem;font-weight:500;line-height:1.25;transition:color .2s;display:-webkit-box;overflow:hidden}.desktop-app-btn:hover .desktop-app-title{color:#fff}.home-chats-view,.home-profile-view{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 180px);display:flex}@media (width<=768px){.home-desktop-view{align-items:flex-start;padding:24px 16px}.desktop-grid-container{box-sizing:border-box;grid-template-columns:repeat(4,1fr);justify-content:start;justify-items:center;gap:24px 10px;width:100%;padding:0;display:grid}.desktop-app-btn{width:100%}.app-squircle-icon{border-radius:15px;width:64px;height:64px}.desktop-app-title{white-space:normal;word-wrap:break-word;word-break:break-word;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:72px;margin-top:6px;font-size:.72rem;line-height:1.2;display:-webkit-box;overflow:hidden}}.offline-auth-container{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#d4af370a 0%,#16181f00 60%),#111216;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex}.auth-simulation-view{box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex}.auth-card{-webkit-backdrop-filter:blur(24px);box-sizing:border-box;background:#1e1f26bf;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:440px;padding:40px;transition:all .3s;position:relative;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0f}.auth-form-layout{flex-direction:column;gap:20px;width:100%;display:flex}.auth-title{letter-spacing:-.6px;text-align:center;background:linear-gradient(135deg,#fff 0%,#a5a8b5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:26px;font-weight:800}.auth-subtitle{color:var(--text-secondary);text-align:center;margin:-10px 0 5px;font-size:14px;line-height:1.5}.form-group-premium{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.form-group-premium label{color:#c5c7d0;margin-left:4px;font-size:13px;font-weight:600}.auth-input{color:#fff;width:100%;height:50px;font-size:15px;font-family:var(--font-main);box-sizing:border-box;background:#16181fd9;border:1.5px solid #ffffff1f;border-radius:14px;outline:none;padding:0 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.auth-input::placeholder{color:#585b66}.auth-input:focus{border-color:var(--accent-color,#d4af37);background:#16181f;box-shadow:0 0 0 3px #d4af3726}.input-with-icon{align-items:center;width:100%;display:flex;position:relative}.input-prefix{color:var(--accent-color,#d4af37);pointer-events:none;font-size:15px;font-weight:600;position:absolute;left:16px}.input-with-icon .auth-input{padding-left:36px}.calendar-picker-wrapper{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;right:14px}.hidden-calendar-input{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute}.calendar-icon-btn{pointer-events:none;opacity:.65;font-size:18px;transition:opacity .2s}.calendar-picker-wrapper:hover .calendar-icon-btn{opacity:1}.auth-input-password{padding-right:48px}.password-eye-btn{color:#6e717d;cursor:pointer;z-index:5;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:4px;transition:color .2s,transform .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-eye-btn:hover{color:#fff;transform:translateY(-50%)scale(1.05)}.password-eye-btn:active{transform:translateY(-50%)scale(.95)}.auth-options-row{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-top:-6px;font-size:14px;display:flex}.remember-me-checkbox,.checkbox-row-premium{color:#a5a8b5;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.remember-me-checkbox input[type=checkbox],.checkbox-row-premium input[type=checkbox]{display:none}.checkbox-custom{box-sizing:border-box;background:#16181f80;border:1.5px solid #ffffff40;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}input[type=checkbox]:checked+.checkbox-custom{background:var(--accent-gradient,var(--accent-color));border-color:var(--accent-color,#d4af37);box-shadow:0 0 10px #d4af3733}.checkbox-custom:after{content:"";opacity:0;border:2px solid #16181f;border-width:0 2px 2px 0;width:4px;height:8px;transition:opacity .2s;transform:rotate(45deg)translate(-.5px,-1px)}input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.forgot-pass-link,.auth-switch-btn,.modal-link-btn{cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-main);outline:none;transition:opacity .2s;display:inline;color:var(--accent-color,#d4af37)!important;background:0 0!important;border:none!important;padding:0!important}.forgot-pass-link:hover,.auth-switch-btn:hover,.modal-link-btn:hover{opacity:.95;text-decoration:underline!important}.input-hint-premium{color:#7d808e;margin-top:-2px;padding-left:4px;font-size:12px;line-height:1.4}.checkboxes-section-premium{flex-direction:column;gap:14px;width:100%;margin-top:8px;display:flex}.checkbox-row-premium{align-items:flex-start;line-height:1.4}.checkbox-row-premium .checkbox-custom{margin-top:2px}.auth-submit-btn-premium{background:var(--accent-gradient,var(--accent-color));color:#16181f;width:100%;height:50px;font-size:15px;font-weight:700;font-family:var(--font-main);cursor:pointer;border:none;border-radius:14px;outline:none;justify-content:center;align-items:center;margin-top:10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #d4af3733}.auth-submit-btn-premium:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 24px #d4af3759}.auth-submit-btn-premium:active:not(:disabled){transform:translateY(0)}.auth-submit-btn-premium:disabled{color:#5a5c68;cursor:not-allowed;box-shadow:none;background:#2b2c34}.auth-switch-prompt{color:#a5a8b5;text-align:center;margin-top:10px;font-size:14px}.auth-switch-prompt span{margin-right:6px}.auth-header-with-back{align-items:center;gap:16px;width:100%;margin-bottom:5px;display:flex}.auth-back-arrow{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.auth-back-arrow:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-1px)}.auth-back-arrow:active{transform:translateY(0)scale(.96)}.auth-back-arrow svg{stroke-width:2.5px}.code-inputs-row{grid-template-columns:repeat(6,1fr);gap:8px;width:100%;margin:16px 0;display:grid}.digit-code-input{color:#fff;text-align:center;height:52px;font-size:22px;font-weight:700;font-family:var(--font-main);box-sizing:border-box;background:#16181fd9;border:1.5px solid #ffffff1f;border-radius:12px;outline:none;transition:all .2s}.digit-code-input:focus{border-color:var(--accent-color,#d4af37);background:#16181f;box-shadow:0 0 0 3px #d4af3726}.timer-section-premium{color:#7d808e;text-align:center;margin-top:4px;font-size:13.5px}.resend-code-btn{color:var(--accent-color,#d4af37);cursor:pointer;font-weight:600;font-family:var(--font-main);background:0 0;border:none;outline:none;padding:0;font-size:13.5px}.resend-code-btn:hover{text-decoration:underline}.code-lockout-alert{color:#ff5252;text-align:center;background:#ff525214;border:1px solid #ff525226;border-radius:12px;margin-top:4px;padding:12px;font-size:13px;line-height:1.4}.password-strength-meter{flex-direction:column;gap:6px;width:100%;margin-top:4px;display:flex}.strength-meter-bar{border-radius:2px;height:4px;transition:all .3s}.strength-meter-label{color:#7d808e;text-align:right;margin-right:4px;font-size:12px}.input-error-msg{color:#ff5252;margin-top:2px;margin-left:4px;font-size:12.5px;display:block}.confirm-modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.confirm-modal{box-sizing:border-box;background:#1e1f26;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:400px;padding:30px;animation:.25s cubic-bezier(.34,1.56,.64,1) modal-zoom-in;box-shadow:0 25px 50px #00000080}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal-content{margin-bottom:24px}.confirm-modal-title{color:#fff;letter-spacing:-.4px;margin:0 0 10px;font-size:20px;font-weight:700}.confirm-modal-text{color:#a5a8b5;margin:0;font-size:14px;line-height:1.5}.confirm-modal-actions{gap:12px;display:flex}.confirm-cancel-btn,.confirm-action-btn{height:46px;font-size:14px;font-weight:600;font-family:var(--font-main);cursor:pointer;box-sizing:border-box;border-radius:12px;flex:1;justify-content:center;align-items:center;transition:all .2s;display:flex}.confirm-cancel-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff14}.confirm-cancel-btn:hover{background:#ffffff1a}.confirm-action-btn{color:#fff;background:#ff5252;border:none}.confirm-action-btn:hover{background:#ff7373}.loading-spinner-premium{border-radius:50%;animation:1s linear infinite premium-spin}@keyframes premium-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-with-calendar{align-items:center;width:100%;display:flex;position:relative}.calendar-icon-btn-premium{color:#6e717d;cursor:pointer;z-index:5;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:4px;transition:color .2s,transform .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.calendar-icon-btn-premium:hover{color:#fff;transform:translateY(-50%)scale(1.05)}.custom-calendar-dropdown{z-index:100;box-sizing:border-box;background:#1e1f26;border:1px solid #ffffff1a;border-radius:18px;width:100%;padding:16px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 15px 35px #0006}.calendar-dropdown-header{gap:8px;margin-bottom:12px;display:flex}.calendar-select{cursor:pointer;outline:none;flex:1;height:36px;font-size:14px;font-weight:600;color:#fff!important;background:#16181fcc!important;border:1px solid #ffffff1a!important;border-radius:8px!important;padding:0 8px!important}.calendar-select option{color:#fff;background:#1e1f26}.calendar-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.calendar-weekdays span{color:#6e717d;font-size:12px;font-weight:700}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day.empty{pointer-events:none}.calendar-day-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;height:32px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.calendar-day-btn:hover{color:var(--accent-color,#d4af37);background:#ffffff14}.calendar-day-btn:active{transform:scale(.95)}.auth-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #16181f!important}.auth-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #16181f!important}.auth-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #16181f!important}.auth-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #16181f!important}.digit-code-input{box-sizing:border-box!important;width:100%!important;min-width:0!important}@media (width<=480px){.offline-auth-container{background:#111216!important;align-items:flex-start!important;padding:0!important}.auth-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;max-width:100%!important;min-height:100vh!important;box-shadow:none!important;background:#111216!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;padding:32px 20px!important;display:flex!important}}.ll-test-container,.att-test-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:600px;min-height:calc(100vh - 80px);margin:0 auto;padding:24px 16px 60px;animation:.5s cubic-bezier(.16,1,.3,1) testFadeIn;display:flex}@keyframes testFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ll-test-onboarding,.att-test-onboarding,.ll-test-context,.att-test-context,.ll-test-question-screen,.att-test-questions,.ll-test-results,.att-test-results{flex-direction:column;align-items:center;width:100%;display:flex}.ll-test-onboarding-icon,.att-test-onboarding-icon{filter:drop-shadow(0 8px 16px #7c3aed26);width:90px;height:90px;margin-bottom:28px}.ll-test-hero-svg,.att-test-hero-svg{width:100%;height:100%}.ll-test-onboarding-title,.att-test-onboarding-title{color:#fff;text-align:center;letter-spacing:-.01em;margin:0 0 12px;font-size:1.6rem;font-weight:700;line-height:1.25}.ll-test-onboarding-subtitle,.att-test-onboarding-subtitle{color:#fff9;text-align:center;max-width:440px;margin:0 0 24px;font-size:.95rem;line-height:1.5}.ll-test-onboarding-meta,.att-test-onboarding-meta,.att-test-meta-row{justify-content:center;gap:10px;margin-bottom:24px;display:flex}.ll-test-meta-badge,.att-test-meta-badge,.att-test-meta-chip{color:#fff9;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.ll-test-onboarding-info,.att-test-onboarding-info,.att-test-onboarding-body{box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;width:100%;margin-bottom:28px;padding:18px 20px}.ll-test-onboarding-info p,.att-test-onboarding-info p,.att-test-onboarding-body p{color:#ffffff8c;margin:0 0 10px;font-size:.88rem;line-height:1.6}.ll-test-onboarding-info p:last-child,.att-test-onboarding-info p:last-child,.att-test-onboarding-body p:last-child{margin-bottom:0}.ll-test-info-note,.att-test-info-note{opacity:.85;color:#d4af37!important}.ll-test-start-btn,.att-test-start-btn,.att-test-btn-primary{color:#111216;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#aa771c 100%);border:none;border-radius:14px;width:100%;padding:15px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #d4af3726}.ll-test-start-btn:hover,.att-test-start-btn:hover,.att-test-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4af3740}.ll-test-start-btn:active,.att-test-start-btn:active,.att-test-btn-primary:active{transform:translateY(0)}.ll-test-disclaimer,.att-test-disclaimer{color:#ffffff59;text-align:center;max-width:360px;margin-top:18px;font-size:.75rem;line-height:1.45}.ll-test-context,.att-test-context{padding:24px 0}.ll-test-context-title,.att-test-context-title{color:#fff;text-align:center;margin-bottom:10px;font-size:1.35rem;font-weight:700}.ll-test-context-subtitle,.att-test-context-subtitle{color:#ffffff80;text-align:center;margin-bottom:28px;font-size:.9rem}.ll-test-context-options,.att-test-context-options{flex-direction:column;gap:12px;width:100%;display:flex}.ll-test-context-btn,.att-test-context-btn,.att-test-context-option{color:#fff;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;width:100%;padding:18px 20px;font-size:.92rem;font-weight:500;line-height:1.45;transition:all .2s}.ll-test-context-btn:hover,.att-test-context-btn:hover,.att-test-context-option:hover{background:#d4af370f;border-color:#d4af3740;transform:translateY(-1px)}.ll-test-progress-header,.att-test-progress-header{flex-direction:column;width:100%;margin-bottom:24px;display:flex}.ll-test-progress-text,.att-test-progress-text,.att-test-progress-label{color:#fff6;letter-spacing:.05em;align-self:center;margin-bottom:10px;font-size:.85rem;font-weight:600}.ll-test-progress-bar,.att-test-progress-bar-track{background:#ffffff14;border-radius:4px;width:100%;height:6px;overflow:hidden}.ll-test-progress-fill,.att-test-progress-bar-fill{background:linear-gradient(90deg,#d4af37 0%,#8ebd10 100%);border-radius:4px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.ll-test-back-btn,.att-test-back-btn{color:#fff6;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px 6px 0;font-size:.85rem;font-weight:600;transition:color .2s;display:inline-flex}.ll-test-back-btn:hover,.att-test-back-btn:hover{color:#fff}.ll-test-question-label{color:#ffffff8c;margin-bottom:20px;font-size:1rem;font-weight:500}.ll-test-choices{flex-direction:column;gap:0;width:100%;display:flex}.ll-test-choice-card{color:#fff;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;align-items:flex-start;gap:16px;width:100%;padding:22px 20px;font-size:.95rem;line-height:1.5;transition:all .2s;display:flex}.ll-test-choice-card:hover{background:#d4af370d;border-color:#d4af3740;transform:translateY(-2px)}.ll-test-choice-letter{color:#ffffff80;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.ll-test-choice-card:hover .ll-test-choice-letter{color:#d4af37;background:#d4af3726}.ll-test-choice-text{color:#ffffffe6;flex:1}.ll-test-choice-divider{color:#ffffff26;text-transform:uppercase;letter-spacing:.15em;justify-content:center;align-items:center;padding:14px 0;font-size:.75rem;font-weight:700;display:flex}.att-test-question-card{justify-content:center;align-items:center;width:100%;min-height:80px;margin-bottom:24px;display:flex}.att-test-question-text{color:#fff;text-align:center;font-size:1.15rem;font-weight:500;line-height:1.5}.att-test-likert-row{flex-direction:column;gap:8px;width:100%;display:flex}.att-test-likert-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;width:100%;padding:14px 16px;transition:all .2s;display:flex}.att-test-likert-btn:hover{background:#d4af370d;border-color:#d4af3733}.att-test-likert-value{color:#ffffffb3;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;margin-right:14px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.att-test-likert-label{color:#fffc;font-size:.92rem;font-weight:500}.att-test-likert-btn.att-test-likert-btn-selected{background:#d4af371f;border-color:#d4af37;transform:translate(4px)}.att-test-likert-btn.att-test-likert-btn-selected .att-test-likert-value{color:#111216;background:#d4af37}.att-test-likert-labels{display:none}.ll-test-analyzing,.att-test-analyzing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:300px;display:flex}.ll-test-analyzing-spinner,.att-test-analyzing-spinner{border:3px solid #ffffff0f;border-top-color:#d4af37;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite testSpin}@keyframes testSpin{to{transform:rotate(360deg)}}.ll-test-analyzing-text,.att-test-analyzing-text{color:#fff9;font-size:.95rem;font-weight:500}.ll-test-result-badge,.att-test-result-badge{text-align:center;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;width:100%;padding:32px 20px;position:relative;overflow:hidden}.ll-test-result-badge:before{content:"";background:radial-gradient(circle at center top, var(--type-color,#d4af37) 0%, transparent 75%);opacity:.1;pointer-events:none;position:absolute;inset:0}.att-test-result-badge{border-style:solid;border-width:1px;flex-direction:column;align-items:center;gap:8px;display:flex}.att-test-result-badge-dot{border-radius:50%;width:10px;height:10px;margin-bottom:4px;box-shadow:0 0 10px}.att-test-result-badge-text{color:#fff;letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.ll-test-result-emoji{margin-bottom:12px;font-size:2.5rem;display:block}.ll-test-result-title{color:#fff;margin-bottom:8px;font-size:1.4rem;font-weight:800}.ll-test-result-subtitle,.att-test-result-subtitle{color:#ffffffa6;text-align:center;margin:0;font-size:.95rem;line-height:1.5}.att-test-result-subtitle{margin-top:12px;font-weight:500}.ll-test-result-note,.att-test-borderline-notice,.att-test-reliability-flags{box-sizing:border-box;border-radius:12px;align-items:flex-start;gap:10px;width:100%;padding:14px 18px;font-size:.88rem;line-height:1.5;display:flex}.ll-test-result-note{color:#ffffffa6;background:#ffffff08;border:1px solid #ffffff0f}.ll-test-note-balanced,.ll-test-note-tie,.att-test-borderline-notice{color:#f59e0b;background:#f59e0b0d;border:1px solid #f59e0b33}.att-test-reliability-flags{color:#ef4444;background:#ef44440a;border:1px solid #ef444426;flex-direction:column;gap:6px}.att-test-grid-section{flex-direction:column;align-items:center;width:100%;display:flex}.att-test-grid-wrapper{aspect-ratio:1;box-sizing:border-box;background:#ffffff04;border:1px solid #ffffff0f;border-radius:16px;width:100%;max-width:320px;margin:14px 0 32px;padding:16px;position:relative}.att-test-grid{background:#ffffff03;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.att-test-grid-quadrant{text-align:center;box-sizing:border-box;text-transform:uppercase;letter-spacing:.03em;opacity:.45;justify-content:center;align-items:center;width:50%;height:50%;padding:8px;font-size:.65rem;font-weight:700;display:flex;position:absolute}.att-test-grid-q-tl{background:#3b82f608;top:0;left:0}.att-test-grid-q-tr{background:#8b5cf608;top:0;right:0}.att-test-grid-q-bl{background:#10b98108;bottom:0;left:0}.att-test-grid-q-br{background:#f59e0b08;bottom:0;right:0}.att-test-grid-axis-x{background:#ffffff1f;height:1px;position:absolute;top:50%;left:0;right:0}.att-test-grid-axis-y{background:#ffffff1f;width:1px;position:absolute;top:0;bottom:0;left:50%}.att-test-grid-dot{width:14px;height:14px;box-shadow:0 0 16px var(--dot-color,currentColor);z-index:5;border:2px solid #fff;border-radius:50%;transition:all .5s;position:absolute;transform:translate(-50%,50%)}.att-test-grid-label-x,.att-test-grid-label-y{color:#ffffff59;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700;position:absolute}.att-test-grid-label-x{bottom:-22px;left:50%;transform:translate(-50%)}.att-test-grid-label-y{top:50%;left:-28px;transform:translateY(-50%)rotate(-90deg)}.ll-test-score-bars,.att-test-scores-section{flex-direction:column;gap:16px;width:100%;margin-bottom:8px;display:flex}.ll-test-score-row,.att-test-score-item{flex-direction:column;width:100%;display:flex}.ll-test-score-label,.att-test-score-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem;display:flex}.ll-test-score-name,.att-test-score-name{color:#ffffffd9;font-weight:600}.ll-test-score-value,.att-test-score-value{color:#ffffff80;font-size:.8rem;font-weight:700}.ll-test-bar-track,.att-test-score-bar-track{background:#ffffff0f;border-radius:10px;width:100%;height:8px;overflow:hidden}.ll-test-bar-fill,.att-test-score-bar-fill{border-radius:10px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.ll-test-score-percent{color:#ffffff59;align-self:flex-end;margin-top:4px;font-size:.75rem;font-weight:600}.ll-test-section-title,.att-test-section-title{text-transform:uppercase;letter-spacing:.08em;color:#fff6;align-self:flex-start;margin:12px 0 16px;font-size:.92rem;font-weight:700}.ll-test-details,.att-test-results{width:100%}.ll-test-accordion,.att-test-accordion{background:#ffffff04;border:1px solid #ffffff0f;border-radius:14px;width:100%;margin-bottom:8px;transition:all .2s;overflow:hidden}.ll-test-accordion:hover,.att-test-accordion:hover{background:#ffffff08;border-color:#ffffff1a}.ll-test-accordion-header,.att-test-accordion-header{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;font-size:.92rem;font-weight:600;display:flex}.ll-test-accordion-title,.att-test-accordion-title{flex:1}.ll-test-accordion-header svg,.att-test-accordion-chevron{color:#ffffff4d;font-size:.75rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}.ll-test-accordion-header.expanded svg,.att-test-accordion-chevron-open{color:#d4af37;transform:rotate(180deg)}.ll-test-accordion-body,.att-test-accordion-body{color:#ffffffa6;border-top:1px solid #ffffff0a;padding:0 18px 18px;font-size:.9rem;line-height:1.6;animation:.25s cubic-bezier(.16,1,.3,1) accordionOpen}@keyframes accordionOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ll-test-accordion-body p,.att-test-accordion-text{color:#ffffffa6;margin:0;font-size:.9rem;line-height:1.6}.ll-test-list,.att-test-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ll-test-list li,.att-test-list li{color:#ffffffa6;padding-left:20px;font-size:.88rem;line-height:1.5;position:relative}.ll-test-list li:before,.att-test-list li:before{content:"";background-color:#d4af37;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:4px}.ll-test-list-warning li:before{background-color:#f59e0b}.ll-test-numbered-list,.att-test-ordered-list{flex-direction:column;gap:10px;margin:0;padding-left:18px;display:flex}.ll-test-numbered-list li,.att-test-ordered-list li{color:#ffffffa6;font-size:.88rem;line-height:1.5}.ll-test-numbered-list li::marker{color:#d4af37;font-weight:700}.att-test-ordered-list li::marker{color:#d4af37;font-weight:700}.att-test-partner-instruction{flex-direction:column;gap:10px;display:flex}.ll-test-actions,.att-test-result-actions{flex-direction:column;gap:10px;width:100%;margin-top:24px;display:flex}.ll-test-copy-btn,.att-test-btn-secondary{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.ll-test-copy-btn:hover,.att-test-btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.pt-container{width:100%;max-width:500px;color:var(--text-secondary,#9ea1aa);box-sizing:border-box;background-color:#0000;flex-direction:column;margin:0 auto;padding:12px 10px 80px;display:flex}.pt-tab-bar{background:var(--surface-color,#24252b);border:1px solid var(--surface-border,#33363f);border-radius:12px;gap:4px;margin-bottom:12px;padding:3px;display:flex}.pt-tab-btn{color:var(--text-secondary,#9ea1aa);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:.88rem;font-weight:600;transition:all .2s}.pt-tab-btn:hover{color:var(--text-primary,#fff)}.pt-tab-btn.active{color:var(--accent-color,#d4af37);background:#d4af3714;border:1px solid #d4af3726}.pt-empty-state{text-align:center;background:var(--surface-color,#24252b);border:1px dashed var(--surface-border,#33363f);border-radius:var(--card-radius,20px);color:var(--text-secondary,#9ea1aa);padding:40px 16px;font-size:.88rem;line-height:1.5}.pt-list-view{width:100%}.pt-cards-grid{flex-direction:column;gap:12px;display:flex}.pt-card{background:var(--surface-color,#24252b);border:1px solid var(--surface-border,#33363f);border-left:4px solid var(--tracker-color,#7a8fff);cursor:pointer;border-radius:16px;padding:12px 14px;transition:all .2s;position:relative;overflow:hidden}.pt-card:hover{border-color:#d4af374d;box-shadow:0 4px 16px #0000004d}.pt-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pt-card-title{color:var(--text-primary,#fff);margin:0;font-size:1rem;font-weight:700}.pt-card-color-dot{border-radius:50%;width:10px;height:10px}.pt-card-meaning{color:var(--text-secondary,#9ea1aa);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.pt-card-counter-box{border:1px solid var(--surface-border,#33363f);background:#ffffff05;border-radius:10px;flex-direction:column;gap:3px;margin-bottom:10px;padding:8px 10px;display:flex}.pt-card-counter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#9ea1aa);font-size:.7rem}.pt-card-counter-value{color:var(--accent-color,#d4af37);font-size:1.05rem;font-weight:700}.pt-card-counter-value-seconds{color:#d4af37b3;font-size:.85rem}.pt-card-footer{color:var(--text-secondary,#9ea1aa);opacity:.7;justify-content:space-between;font-size:.75rem;display:flex}.pt-action-bar{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.pt-archive-trigger-btn{border:1px solid var(--surface-border,#33363f);color:var(--text-secondary,#9ea1aa);cursor:pointer;background:0 0;border-radius:12px;padding:10px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.pt-archive-trigger-btn:hover{color:#fff;border-color:#ffffff26}.pt-btn{cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-size:.88rem;font-weight:700;transition:all .2s}.pt-btn-primary{background:linear-gradient(135deg, var(--accent-color,#d4af37) 0%, #aa771c 100%);color:#111216}.pt-btn-primary:hover{opacity:.9;transform:translateY(-.5px)}.pt-btn-secondary{border:1px solid var(--surface-border,#33363f);color:var(--text-primary,#fff);background:#ffffff0a}.pt-btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.pt-btn-danger{color:#ff6b6b;background:#ef444414;border:1px solid #ef444440}.pt-btn-danger:hover{background:#ef444426;border-color:#ef4444}.pt-btn-relapse{color:#ffb26e;background:#d977061a;border:1px solid #d977064d}.pt-btn-relapse:hover{background:#d977062e;border-color:#ffb26e}.pt-btn-complete{color:#2ae0c5;background:#2ae0c514;border:1px solid #2ae0c54d}.pt-btn-complete:hover{background:#2ae0c529;border-color:#2ae0c5}.pt-add-btn{flex:1}.pt-form-view{background:var(--surface-color,#24252b);border:1px solid var(--surface-border,#33363f);border-radius:var(--card-radius,20px);padding:16px}.pt-view-title{color:var(--text-primary,#fff);margin:0 0 6px;font-size:1.15rem;font-weight:800}.pt-view-subtitle{color:var(--text-secondary,#9ea1aa);margin:0 0 16px;font-size:.82rem;line-height:1.4}.pt-form{flex-direction:column;gap:12px;display:flex}.pt-form-group{flex-direction:column;gap:6px;display:flex}.pt-form-row{gap:10px;display:flex}.pt-form-row .pt-form-group{flex:1}.pt-form-label{color:var(--text-secondary,#9ea1aa);font-size:.82rem;font-weight:600}.pt-form-input{border:1px solid var(--surface-border,#33363f);color:var(--text-primary,#fff);box-sizing:border-box;background:#ffffff05;border-radius:10px;width:100%;padding:10px;font-size:.88rem}.pt-form-input:focus{border-color:var(--accent-color,#d4af37);outline:none;box-shadow:0 0 0 3px #d4af3726}.pt-form-textarea{resize:vertical;min-height:70px;font-family:inherit}.pt-warning-banner{color:#ffb26e;background:#d9770614;border:1px solid #d9770633;border-radius:10px;padding:10px;font-size:.8rem;line-height:1.4}.pt-error-banner{color:#ff6b6b;background:#ef444414;border:1px solid #ef444433;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;font-size:.82rem;display:flex}.pt-error-close{color:#ff6b6b;cursor:pointer;background:0 0;border:none;font-size:1.1rem}.pt-form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.pt-color-selector{flex-wrap:wrap;gap:8px;display:flex}.pt-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;transition:all .2s}.pt-color-dot.active{border-color:#fff;transform:scale(1.08)}.pt-detail-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pt-back-to-list-btn{color:var(--accent-color,#d4af37);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:6px 0;font-size:.88rem;font-weight:600;display:flex}.pt-back-to-list-btn:hover{opacity:.8}.pt-detail-header-actions .pt-icon-btn{border:1px solid var(--surface-border,#33363f);color:var(--text-secondary,#9ea1aa);cursor:pointer;background:#ffffff08;border-radius:8px;padding:5px 10px;font-size:.8rem;font-weight:600;transition:all .2s}.pt-detail-header-actions .pt-icon-btn:hover{color:#fff;background:#ffffff12}.pt-detail-card{background:var(--surface-color,#24252b);border:1px solid var(--surface-border,#33363f);border-top:5px solid var(--tracker-color,#7a8fff);border-radius:var(--card-radius,20px);margin-bottom:12px;padding:14px 16px}.pt-detail-title-block{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.pt-detail-title{color:var(--text-primary,#fff);margin:0;font-size:1.25rem;font-weight:800}.pt-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.pt-status-badge.active{color:#10b981;background:#10b98126}.pt-status-badge.completed{color:#2ae0c5;background:#2ae0c526}.pt-status-badge.archived{color:var(--text-secondary,#9ea1aa);background:#8b9bb426}.pt-detail-meaning{color:var(--text-secondary,#9ea1aa);margin:0 0 14px;font-size:.85rem;line-height:1.5}.pt-detail-timer-section{border:1px solid var(--surface-border,#33363f);background:#ffffff03;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:12px;padding:12px 8px;display:flex}.pt-detail-timer-format-switch{border:1px solid var(--surface-border,#33363f);background:#ffffff05;border-radius:8px;gap:2px;margin-bottom:12px;padding:2px;display:flex}.pt-format-segment{color:var(--text-secondary,#9ea1aa);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.pt-format-segment.active{color:var(--accent-color,#d4af37);background:#d4af371a;border:1px solid #d4af3726}.pt-clock-grid{justify-content:center;align-items:center;gap:4px;width:100%;display:flex}.pt-clock-item{flex-direction:column;align-items:center;min-width:48px;display:flex}.pt-clock-num{color:var(--accent-color,#d4af37);letter-spacing:-.02em;font-family:SF Mono,Consolas,Monaco,monospace;font-size:1.5rem;font-weight:800;line-height:1}.pt-clock-lbl{color:var(--text-secondary,#9ea1aa);opacity:.8;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.65rem;font-weight:600}.pt-clock-colon{color:#d4af374d;padding-bottom:12px;font-size:1.3rem;font-weight:700;line-height:1}.pt-simple-timer-view{flex-direction:column;align-items:center;display:flex}.pt-simple-timer-value{color:var(--accent-color,#d4af37);font-family:SF Mono,Consolas,Monaco,monospace;font-size:1.8rem;font-weight:800}.pt-simple-timer-label{color:var(--text-secondary,#9ea1aa);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.72rem}.pt-timer-meta{color:var(--text-secondary,#9ea1aa);opacity:.7;margin-top:10px;font-size:.75rem}.pt-milestone-box{background:#d4af3705;border:1px solid #d4af371a;border-radius:12px;margin-bottom:16px;padding:10px 12px}.pt-milestone-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.78rem;display:flex}.pt-milestone-title{color:var(--text-primary,#fff)}.pt-milestone-remaining{color:#ffb26e;font-weight:600}.pt-milestone-progress-bar{background:#0003;border-radius:3px;width:100%;height:5px;overflow:hidden}.pt-milestone-progress-fill{background:linear-gradient(90deg, #aa771c, var(--accent-color,#d4af37));border-radius:3px;height:100%;transition:width .4s}.pt-detail-actions-row{border-top:1px solid var(--surface-border,#33363f);flex-flow:wrap;gap:6px;margin-top:12px;padding-top:10px;display:flex}.pt-detail-actions-row .pt-btn{box-sizing:border-box;flex:calc(50% - 3px);justify-content:center;align-items:center;gap:4px;min-width:100px;padding:8px 10px;font-size:.8rem;display:flex}.pt-timeline-card{background:var(--surface-color,#24252b);border:1px solid var(--surface-border,#33363f);border-radius:var(--card-radius,20px);padding:12px 14px}.pt-timeline-header-block{cursor:pointer;justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.pt-timeline-title{color:var(--text-primary,#fff);margin:0;font-size:.95rem;font-weight:700}.pt-timeline-toggle{color:var(--text-secondary,#9ea1aa);font-size:.78rem;font-weight:600}.pt-timeline-content{margin-top:10px;animation:.25s fadeIn}.pt-add-note-form{gap:8px;margin-bottom:16px;display:flex}.pt-add-note-input{border:1px solid var(--surface-border,#33363f);color:var(--text-primary,#fff);background:#ffffff05;border-radius:8px;flex:1;padding:8px 10px;font-size:.82rem}.pt-add-note-input:focus{border-color:var(--accent-color,#d4af37);outline:none}.pt-add-note-btn{border:1px solid var(--surface-border,#33363f);color:var(--text-primary,#fff);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:8px 12px;font-size:.82rem;font-weight:700;transition:all .2s}.pt-add-note-btn:hover:not(:disabled){background:#ffffff14}.pt-add-note-btn:disabled{opacity:.5;cursor:not-allowed}.pt-timeline-list{flex-direction:column;padding-left:16px;display:flex;position:relative}.pt-timeline-list:before{content:"";background:var(--surface-border,#33363f);width:2px;position:absolute;top:6px;bottom:6px;left:4px}.pt-timeline-item{padding-bottom:16px;position:relative}.pt-timeline-item:last-child{padding-bottom:0}.pt-timeline-marker-line{justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:absolute;top:3px;left:-16px}.pt-timeline-marker-dot{border:2px solid var(--surface-color,#24252b);background-color:var(--text-secondary,#9ea1aa);border-radius:50%;width:8px;height:8px}.pt-evt-start .pt-timeline-marker-dot{background-color:#7a8fff;box-shadow:0 0 6px #7a8fff}.pt-evt-restart .pt-timeline-marker-dot{background-color:#ffb26e;box-shadow:0 0 6px #ffb26e}.pt-evt-completed .pt-timeline-marker-dot{background-color:#2ae0c5;box-shadow:0 0 6px #2ae0c5}.pt-evt-archived .pt-timeline-marker-dot{background-color:var(--text-secondary,#9ea1aa)}.pt-evt-restored .pt-timeline-marker-dot{background-color:#c392ff}.pt-evt-note .pt-timeline-marker-dot{background-color:#e2e8f0}.pt-timeline-item-body{padding-left:4px}.pt-event-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.pt-event-label{color:var(--text-primary,#fff);font-size:.85rem;font-weight:700}.pt-event-time{color:var(--text-secondary,#9ea1aa);opacity:.6;font-size:.72rem}.pt-event-note{color:var(--text-primary,#fff);opacity:.95;border-left:2px solid var(--surface-border,#33363f);background:#ffffff03;border-radius:6px;margin:4px 0 0;padding:6px 10px;font-size:.82rem;font-style:italic;line-height:1.4}.pt-event-details{color:#ffb26e;background:#d9770608;border:1px solid #d9770626;border-radius:8px;margin-top:6px;padding:8px;font-size:.75rem}.pt-event-detail-badge{font-weight:600}.pt-event-detail-dates{color:var(--text-secondary,#9ea1aa);opacity:.6;margin-top:2px}.pt-title-relapse{color:#ffb26e}.pt-title-complete{color:#2ae0c5}.pt-btn-relapse-submit{color:#111216;background:#ffb26e}.pt-btn-relapse-submit:hover{background:#ffd38c}.pt-btn-complete-submit{color:#111216;background:#2ae0c5}.pt-btn-complete-submit:hover{background:#5df2dd}.pt-archive-view-title{color:var(--text-primary,#fff);margin:0;font-size:1.15rem;font-weight:800}.pt-archived-card{opacity:.6;border-left-style:dashed}.pt-archived-card:hover{opacity:1}@media (width<=480px){.pt-container{padding:8px 6px 60px}.pt-form-row{flex-direction:column;gap:8px}.pt-detail-actions-row{flex-direction:column}.pt-detail-actions-row .pt-btn{width:100%}.pt-clock-num{font-size:1.35rem}.pt-clock-item{min-width:42px}.pt-clock-item-seconds,.pt-clock-colon:last-of-type{display:none}}.ps-container{width:100%;max-width:600px;color:var(--text-secondary,#9ea1aa);box-sizing:border-box;background-color:#0000;flex-direction:column;margin:0 auto;padding:16px 12px 100px;display:flex}.ps-header-card{background:var(--surface-color,#24252b);border:1px solid var(--surface-border,#33363f);border-radius:var(--card-radius,20px);flex-direction:column;align-items:center;margin-bottom:20px;padding-bottom:24px;display:flex;position:relative;overflow:hidden}.ps-header-banner{border-bottom:1px solid var(--surface-border,#33363f);background-color:#2e3039;width:100%;height:120px}.ps-avatar-wrapper{z-index:2;margin-top:-50px;position:relative}.ps-avatar{border:4px solid var(--surface-color,#24252b);color:#111216;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:2.2rem;font-weight:800;display:flex;box-shadow:0 8px 24px #0006}.ps-profile-name-block{text-align:center;margin-top:14px;padding:0 16px}.ps-profile-fullname{color:var(--text-primary,#fff);letter-spacing:-.02em;margin:0 0 6px;font-size:1.4rem;font-weight:800}.ps-profile-username{color:var(--accent-color,#d4af37);background:#d4af3714;border:1px solid #d4af3726;border-radius:12px;padding:4px 12px;font-size:.9rem;font-weight:700;display:inline-block}.ps-profile-bio{color:var(--text-secondary,#9ea1aa);text-align:center;margin:14px 0 0;padding:0 24px;font-size:.88rem;font-style:italic;line-height:1.5}.ps-profile-contacts-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;padding:0 16px;display:flex}.ps-contact-icon-bubble{border:1px solid var(--surface-border,#33363f);cursor:pointer;background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.ps-contact-icon-bubble:hover{border-color:var(--accent-color,#d4af37);background:#d4af3714;transform:translateY(-1px)}.ps-bubble-emoji{font-size:1.1rem}.ps-edit-profile-btn{border:1px solid var(--surface-border,#33363f);border-radius:var(--inner-radius,14px);color:var(--text-primary,#fff);cursor:pointer;background:#ffffff08;margin-top:20px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s}.ps-edit-profile-btn:hover{color:#fff;background:#ffffff0f;border-color:#fff3}.ps-profile-actions-row{box-sizing:border-box;gap:10px;width:100%;margin-top:20px;padding:0 16px;display:flex}.ps-profile-action-btn{border:1px solid var(--surface-border,#33363f);color:var(--text-primary,#fff);cursor:pointer;background:#ffffff08;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.ps-profile-action-btn:hover{color:#fff;background:#ffffff0f;border-color:#fff3}.ps-section-card{background:var(--surface-color,#24252b);border:1px solid var(--surface-border,#33363f);border-radius:var(--card-radius,20px);margin-bottom:20px;padding:20px}.ps-section-title{color:var(--text-primary,#fff);margin:0 0 16px;font-size:1.05rem;font-weight:700}.ps-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ps-section-header .ps-section-title{margin:0}.ps-settings-list{flex-direction:column;gap:8px;display:flex}.ps-settings-item{border:1px solid var(--surface-border,#33363f);cursor:pointer;text-align:left;background:#ffffff04;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.ps-settings-item:hover:not(:disabled){background:#ffffff0a;border-color:#d4af3740}.ps-settings-item:disabled{opacity:.5;cursor:not-allowed}.ps-item-left{align-items:center;gap:14px;display:flex}.ps-item-icon{background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;display:flex}.ps-item-text{flex-direction:column;gap:3px;display:flex}.ps-item-title{color:var(--text-primary,#fff);font-size:.95rem;font-weight:700}.ps-item-subtitle{color:var(--text-secondary,#9ea1aa);font-size:.78rem}.ps-item-arrow{color:var(--text-secondary,#9ea1aa);font-size:.88rem;font-weight:600}.ps-logout-btn{color:#ff5252;cursor:pointer;text-align:center;background:#ef444414;border:1px solid #ef444440;border-radius:16px;width:100%;margin-top:10px;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s}.ps-logout-btn:hover{background:#ef444426;border-color:#ef4444;transform:translateY(-1px)}.ps-view-header-row{border-bottom:1px solid var(--surface-border,#33363f);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;display:flex}.ps-view-header-row .ps-back-btn{flex:none}.ps-back-btn{color:var(--accent-color,#d4af37);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.9rem;font-weight:600}.ps-back-btn:hover{opacity:.8}.ps-view-title{color:var(--text-primary,#fff);text-align:center;flex:1;margin:0 40px 0 0;font-size:1.15rem;font-weight:800}.ps-text-action-btn{color:var(--accent-color,#d4af37);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:700}.ps-danger-text-btn{color:#ff6b6b;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:700}.ps-form-view{background:var(--surface-color,#24252b);border:1px solid var(--surface-border,#33363f);border-radius:var(--card-radius,20px);padding:20px}.ps-form-section{border-bottom:1px dashed var(--surface-border,#33363f);margin-bottom:24px;padding-bottom:20px}.ps-form-section:last-of-type{border-bottom:none;padding-bottom:0}.ps-form-section-title{color:var(--text-primary,#fff);margin:0 0 14px;font-size:.95rem;font-weight:700}.ps-form-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ps-form-section-header .ps-form-section-title{margin:0}.ps-form-row{gap:12px;margin-bottom:14px;display:flex}.ps-form-row .ps-form-group{flex:1}.ps-form-group{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.ps-form-group:last-child{margin-bottom:0}.ps-form-label{color:var(--text-secondary,#9ea1aa);font-size:.82rem;font-weight:600}.ps-form-label-row{justify-content:space-between;display:flex}.ps-char-counter{color:var(--text-secondary,#9ea1aa);opacity:.7;font-size:.78rem}.ps-form-input{border:1px solid var(--surface-border,#33363f);color:var(--text-primary,#fff);box-sizing:border-box;background:#ffffff05;border-radius:12px;width:100%;padding:12px;font-size:.92rem}.ps-form-input:focus{border-color:var(--accent-color,#d4af37);outline:none;box-shadow:0 0 0 3px #d4af3726}.ps-form-textarea{resize:vertical;min-height:80px;font-family:inherit}.ps-edit-media-grid{gap:16px;display:flex}.ps-media-picker-box{border:1px solid var(--surface-border,#33363f);background:#ffffff03;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:16px;display:flex}.ps-media-lbl{color:var(--text-secondary,#9ea1aa);font-size:.8rem;font-weight:600}.ps-media-preview-avatar{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.ps-media-preview-bg{border-radius:8px;justify-content:center;align-items:center;width:100px;height:64px;display:flex;position:relative}.ps-media-loader{border-radius:inherit;background:#040d1acc;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;inset:0}.ps-upload-label{border:1px solid var(--surface-border,#33363f);color:var(--accent-color,#d4af37);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s}.ps-upload-label:hover{background:#ffffff14}.ps-add-contact-btn{color:var(--accent-color,#d4af37);cursor:pointer;background:#d4af371a;border:1px solid #d4af3733;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:700}.ps-empty-contacts-lbl{color:var(--text-secondary,#9ea1aa);opacity:.7;text-align:center;margin:10px 0;font-size:.82rem;line-height:1.4}.ps-contacts-form-list{flex-direction:column;gap:10px;display:flex}.ps-contact-form-item{align-items:center;gap:8px;display:flex}.ps-contact-select{border:1px solid var(--surface-border,#33363f);color:var(--text-primary,#fff);cursor:pointer;background:#ffffff05;border-radius:12px;padding:11px 8px;font-size:.88rem}.ps-contact-select:focus{border-color:var(--accent-color,#d4af37);outline:none}.ps-contact-input{flex:1}.ps-contact-delete{cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.ps-contact-delete:hover{background:#ef444433}.ps-form-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.ps-devices-list{flex-direction:column;gap:12px;display:flex}.ps-device-card{border:1px solid var(--surface-border,#33363f);background:#ffffff04;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.ps-current-device{border-color:var(--accent-color,#d4af37);background:#d4af3708}.ps-device-info-row{align-items:center;gap:14px;display:flex}.ps-device-icon{background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex}.ps-device-text{flex-direction:column;gap:4px;display:flex}.ps-device-name{color:var(--text-primary,#fff);font-size:.95rem;font-weight:700}.ps-device-meta{color:var(--text-secondary,#9ea1aa);font-size:.78rem}.ps-device-time{color:var(--accent-color,#d4af37);font-size:.75rem;font-weight:600}.ps-device-card:not(.ps-current-device) .ps-device-time{color:var(--text-secondary,#9ea1aa);opacity:.6}.ps-device-terminate-btn{color:#ff6b6b;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700}.ps-device-terminate-btn:hover{background:#ef444433}.ps-empty-lbl{color:var(--text-secondary,#9ea1aa);opacity:.6;text-align:center;margin:12px 0;font-size:.85rem}.ps-connect-device-box{border-top:1px solid var(--surface-border,#33363f);margin-top:20px;padding-top:20px}.ps-connect-info{color:var(--text-secondary,#9ea1aa);opacity:.6;text-align:center;margin-top:10px;font-size:.75rem;line-height:1.4}.ps-flow-instruction-lbl{color:var(--text-primary,#fff);margin:0 0 20px;font-size:.88rem;line-height:1.6}.ps-code-input{text-align:center;letter-spacing:.3em;padding:14px;font-family:SF Mono,Consolas,Monaco,monospace;font-size:2rem;font-weight:800}.ps-timer-row{text-align:center;margin-top:14px}.ps-cooldown-text{color:var(--accent-color,#d4af37);font-size:.82rem;font-weight:600}.ps-resend-btn{color:var(--accent-color,#d4af37);cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:700}.ps-resend-btn:hover{opacity:.8}.ps-input-error-lbl{color:#ff6b6b;margin-top:4px;font-size:.78rem}.ps-success-screen{text-align:center;flex-direction:column;align-items:center;padding:40px 10px;display:flex}.ps-success-icon{margin-bottom:20px;font-size:3.5rem}.ps-success-title{color:var(--text-primary,#fff);margin:0 0 10px;font-size:1.35rem;font-weight:800}.ps-success-desc{color:var(--text-secondary,#9ea1aa);margin:0;font-size:.9rem;line-height:1.6}.ps-stepper-row{border-bottom:1px solid var(--surface-border,#33363f);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.ps-stepper-row:last-of-type{border-bottom:none}.ps-stepper-text{flex-direction:column;flex:1;gap:3px;padding-right:12px;display:flex}.ps-stepper-title{color:var(--text-primary,#fff);font-size:.95rem;font-weight:700}.ps-stepper-desc{color:var(--text-secondary,#9ea1aa);font-size:.78rem}.ps-stepper-controls{align-items:center;gap:12px;display:flex}.ps-step-btn{border:1px solid var(--surface-border,#33363f);width:36px;height:36px;color:var(--text-primary,#fff);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.ps-step-btn:hover{background:#ffffff14;border-color:#fff3}.ps-step-value{color:var(--accent-color,#d4af37);text-align:center;min-width:35px;font-family:SF Mono,Consolas,Monaco,monospace;font-size:1rem;font-weight:800}.ps-toggle-row{border-bottom:1px solid var(--surface-border,#33363f);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.ps-toggle-row:last-of-type{border-bottom:none}.ps-toggle-text{flex-direction:column;flex:1;gap:3px;padding-right:16px;display:flex}.ps-toggle-title{color:var(--text-primary,#fff);font-size:.95rem;font-weight:700}.ps-toggle-desc{color:var(--text-secondary,#9ea1aa);font-size:.78rem}.ps-switch-btn{border:1.5px solid var(--surface-border,#33363f);cursor:pointer;background:#ffffff05;border-radius:14px;flex-shrink:0;width:50px;height:28px;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.ps-switch-btn:before{content:"";background:var(--text-secondary,#9ea1aa);border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px}.ps-switch-btn.active{border-color:var(--accent-color,#d4af37);background:#d4af3726}.ps-switch-btn.active:before{background:var(--accent-gradient,var(--accent-color));left:25px}.ps-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#16181fd9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ps-modal-card{background:var(--surface-color,#24252b);border:1px solid var(--surface-border,#33363f);border-radius:var(--card-radius,20px);flex-direction:column;width:100%;max-width:400px;padding:24px;display:flex;box-shadow:0 12px 36px #00000080}.ps-modal-title{color:var(--text-primary,#fff);margin:0 0 10px;font-size:1.15rem;font-weight:800}.ps-modal-desc{color:var(--text-secondary,#9ea1aa);margin:0 0 20px;font-size:.88rem;line-height:1.6}.ps-dialog-options-list{flex-direction:column;gap:8px;max-height:220px;margin-bottom:24px;padding-right:6px;display:flex;overflow-y:auto}.ps-dialog-opt-btn{border:1px solid var(--surface-border,#33363f);width:100%;color:var(--text-secondary,#9ea1aa);cursor:pointer;background:#ffffff04;border-radius:12px;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.ps-dialog-opt-btn:hover{background:#ffffff0a}.ps-dialog-opt-btn.active{border-color:var(--accent-color,#d4af37);color:var(--accent-color,#d4af37);background:#d4af371a}.ps-modal-actions{justify-content:flex-end;gap:10px;display:flex}.ps-error-banner{color:#ef4444;box-sizing:border-box;background:#ef44441a;border:1px solid #ef444440;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:.88rem;display:flex}.ps-error-close{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem}.ps-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.ps-btn-primary{background:var(--accent-gradient,var(--accent-color));color:#000}.ps-btn-primary:hover{background:var(--accent-color-hover,#d7ff22);transform:translateY(-1px);box-shadow:0 4px 12px #d4af3740}.ps-btn-primary:active{transform:translateY(0)}.ps-btn-primary:disabled{background:var(--surface-border,#33363f);color:var(--text-secondary,#9ea1aa);cursor:not-allowed;box-shadow:none;transform:none}.ps-btn-secondary{border:1px solid var(--surface-border,#33363f);color:var(--text-primary,#fff);background:#ffffff08}.ps-btn-secondary:hover{border-color:var(--accent-color,#d4af37);background:#ffffff14;transform:translateY(-1px)}.ps-btn-secondary:active{transform:translateY(0)}@media (width<=480px){.ps-container{padding:12px 8px 80px}.ps-form-row{flex-direction:column;gap:0}.ps-header-banner{height:100px}.ps-edit-media-grid{flex-direction:column;gap:12px}}.diary-notes-view{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.diary-notes-header .diary-notes-title-group{flex-direction:column;gap:2px;display:flex}.diary-header-title{color:#fff!important;margin:0!important;font-size:1.25rem!important;font-weight:700!important}.diary-notes-subtitle{color:#fff6;font-size:.76rem}.diary-search-input-wrapper{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;width:180px;margin-right:8px;padding:4px 10px 4px 14px;transition:width .3s;display:flex}.diary-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.diary-search-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem}.create-note-btn{justify-content:center;align-items:center;font-size:1.4rem;font-weight:400;transition:all .2s;display:flex}.create-note-btn:hover{transform:scale(1.05);color:#fff!important;background:#ffffff1a!important}.diary-notes-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.diary-empty-icon-box{color:#818cf8;background:#818cf81a;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;box-shadow:0 8px 32px #6366f126}.diary-notes-empty-state h2{color:#fff;margin:0 0 8px;font-size:1.4rem;font-weight:600}.diary-notes-empty-state p{color:#fff6;max-width:320px;margin:0 0 24px;font-size:.92rem;line-height:1.5}.create-first-note-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#818cf8,#4f46e5);border:none;border-radius:12px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #4f46e559}.create-first-note-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e580}.diary-notes-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.diary-notes-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;padding:0;display:grid}.diary-note-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;min-height:160px;padding:20px;transition:background-color .25s,border-color .25s;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.diary-note-card:hover{box-shadow:none;background:#ffffff0a;border-color:#6366f166;transform:none}.note-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.note-number-badge{color:#818cf8;font-size:.65rem}.note-card-menu-btn{color:#fff6;cursor:pointer;opacity:1;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.diary-note-card:hover .note-card-menu-btn{color:#fffc}.note-card-menu-btn:hover{color:#fff;background:#ffffff0d}.note-card-dropdown{z-index:50;background:#16181f;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;min-width:140px;padding:6px 0;animation:.2s cubic-bezier(.16,1,.3,1) forwards diaryDropdownFade;display:flex;position:absolute;top:28px;right:0;box-shadow:0 10px 30px #00000080}@keyframes diaryDropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.note-card-dropdown button{color:#ffffffbf;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 16px;font-size:.82rem;font-weight:500;transition:all .15s}.note-card-dropdown button:hover{color:#fff;background:#ffffff0d}.note-card-dropdown button.delete-item{color:#ef4444}.note-card-dropdown button.delete-item:hover{color:#f87171;background:#ef44441a}.note-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:1.1rem;font-weight:600;overflow:hidden}.note-card-snippet-rich{color:#ffffff73;pointer-events:none;flex-grow:1;max-height:100px;margin:0 0 16px;font-size:.84rem;line-height:1.45;position:relative;overflow:hidden}.note-card-snippet-rich h1{color:#fff!important;margin:4px 0!important;font-size:1rem!important}.note-card-snippet-rich h2{color:#fff!important;margin:4px 0!important;font-size:.92rem!important}.note-card-snippet-rich h3{color:#fff!important;margin:4px 0!important;font-size:.86rem!important}.note-card-snippet-rich p{margin:0 0 4px!important}.note-card-snippet-rich .diary-todo-item,.note-card-snippet-rich .diary-bullet-item,.note-card-snippet-rich .diary-number-item{gap:6px!important;margin:2px 0!important}.note-card-snippet-rich .diary-editor-checkbox{accent-color:#6366f1!important;border-radius:4px!important;width:14px!important;height:14px!important}.note-card-snippet-rich .bullet-dot,.note-card-snippet-rich .number-label{min-width:12px!important;font-size:.8rem!important}.note-card-footer{align-items:center;margin-top:auto;display:flex}.note-card-date{color:#ffffff59;font-size:.78rem}.diary-editor-header{border-bottom:1px solid #ffffff0d}.diary-editor-date{color:#fff9;font-size:.9rem;font-weight:500}.diary-saving-indicator{color:#fff6;margin-right:12px;font-size:.8rem;font-style:italic}.diary-done-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;margin-right:8px;padding:6px 18px;font-size:.88rem;font-weight:600;transition:background-color .2s,transform .2s}.diary-done-btn:hover{background:#4f46e5;transform:translateY(-1px)}.diary-close-btn{color:#fff6;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 8px;font-size:1.8rem;line-height:1;transition:color .2s;display:flex}.diary-close-btn:hover{color:#fff}.diary-editor-toolbar{background:#0003;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;display:flex}.diary-editor-toolbar button{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:6px 10px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.diary-editor-toolbar button:hover{color:#fff;background:#ffffff14}.diary-editor-toolbar button:active{background:#ffffff1f}.diary-editor-body{box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;margin:0 auto;padding:24px 20px;display:flex}.diary-editor-title-input{color:#fff;background:0 0;border:none;outline:none;width:100%;margin-bottom:20px;font-size:1.8rem;font-weight:700}.diary-editor-title-input::placeholder{color:#ffffff40}.diary-editor-content{color:#ffffffd9;box-sizing:border-box;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;outline:none;width:100%;min-height:calc(100vh - 280px);font-size:1.05rem;line-height:1.6}.diary-editor-content:empty:before{content:attr(placeholder);color:#ffffff40}.diary-editor-content h1{color:#fff;margin:20px 0 10px;font-size:1.6rem;font-weight:700}.diary-editor-content h2{color:#fff;margin:16px 0 8px;font-size:1.35rem;font-weight:600}.diary-editor-content h3{color:#fff;margin:14px 0 6px;font-size:1.15rem;font-weight:600}.diary-editor-content p,.diary-editor-content div[data-type=paragraph],.diary-editor-content div:not([class]):not([data-type]){margin:0 0 16px}.diary-editor-content hr{border:none;border-top:1px solid #ffffff14;margin:20px 0}.diary-editor-content ul,.diary-editor-content ol{margin:0 0 16px;padding-left:24px}.diary-editor-content li{margin-bottom:6px}.diary-todo-item{align-items:flex-start;gap:10px;margin:8px 0;display:flex}.diary-todo-item span{outline:none;flex-grow:1}.diary-editor-checkbox{accent-color:#818cf8;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:3px}.diary-todo-item.checked span{color:#fff6;text-decoration:line-through}@media (width<=768px){.diary-notes-grid{grid-template-columns:1fr;padding:16px}.diary-search-input-wrapper{width:120px}.diary-editor-body{padding:16px}.diary-editor-title-input{font-size:1.5rem}.diary-editor-content{font-size:.98rem}}.diary-editor-content .diary-todo-item input[type=checkbox]{appearance:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background-color:#ffffff0a;border:1.5px solid #fff3;border-radius:5px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.diary-editor-content .diary-todo-item input[type=checkbox]:checked{background-color:#6366f1;border-color:#6366f1;box-shadow:0 0 8px #6366f159}.diary-editor-content .diary-todo-item input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:block;transform:rotate(45deg)translate(-.5px,-1px)}.diary-bullet-item,.diary-number-item{align-items:start;gap:10px;margin:6px 0;display:flex}.bullet-dot{color:#6366f1;-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:700}.bullet-text,.number-text{outline:none;flex-grow:1}.number-label{color:#6366f1;-webkit-user-select:none;user-select:none;text-align:right;flex-shrink:0;min-width:18px;font-weight:600}.diary-editor-content.readonly-mode .diary-editor-checkbox{pointer-events:none}.diary-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out forwards diaryModalFade;display:flex;position:fixed;inset:0}@keyframes diaryModalFade{0%{opacity:0}to{opacity:1}}.diary-modal-card{text-align:center;background:#16181f;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:320px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) forwards diaryModalScale;box-shadow:0 15px 35px #0009}@keyframes diaryModalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width>=768px){.diary-search-open .diary-header-title{display:block!important}.diary-header-search-middle{flex:none!important;max-width:320px!important;margin-left:auto!important;margin-right:12px!important}}@media (width<=767px){.diary-search-open .diary-header-title{display:none!important}.diary-header-search-middle{flex:1!important;margin:0!important}.diary-search-open .sketch-header-left{flex:none!important;margin-right:0!important}.diary-search-open .header-back-btn{margin-right:6px!important}}.header-icon-btn.diary-done-btn{color:#fff!important;background:#6366f1!important;border:none!important;transition:transform .1s!important;transform:none!important}.header-icon-btn.diary-done-btn:hover{color:#fff!important;background:#6366f1!important;border:none!important;transform:none!important}.header-icon-btn.diary-done-btn:active{transform:scale(.92)!important}.task-calendar-view-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-primary);font-family:var(--font-main);box-sizing:border-box;flex-direction:column;padding:16px;display:flex}.calendar-subnav-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.subnav-left,.subnav-middle-mode{border:1px solid var(--surface-border);background:#ffffff08;border-radius:12px;padding:4px;display:flex}.subnav-toggle-btn,.mode-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s}.subnav-toggle-btn.active,.mode-btn.active{background:var(--accent-gradient);color:#16181f;box-shadow:0 4px 12px #d4af3733}.calendar-primary-btn{background:var(--accent-gradient);color:#16181f;cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:transform .15s,opacity .15s;box-shadow:0 4px 12px #d4af3740}.calendar-primary-btn:hover{opacity:.9}.calendar-primary-btn:active{transform:scale(.96)}.calendar-range-row{align-items:center;gap:20px;margin-bottom:16px;display:flex}.range-controls{border:1px solid var(--surface-border);background:#ffffff05;border-radius:12px;align-items:center;display:flex;overflow:hidden}.range-nav-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:1.1rem;transition:background .2s}.range-nav-btn:hover{background:#ffffff0d}.range-today-btn{border-left:1px solid var(--surface-border);border-right:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;background:0 0;border-top:none;border-bottom:none;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .2s}.range-today-btn:hover{background:#ffffff0d}.range-label{text-transform:capitalize;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.25rem;font-weight:700}.task-calendar-body-content{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--card-radius);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.task-calendar-loader{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.95rem;display:flex}.task-month-grid-wrapper{flex-direction:column;height:100%;display:flex}.task-grid-weekdays{border-bottom:1px solid var(--surface-border);background:#ffffff05;grid-template-columns:repeat(7,1fr);display:grid}.task-grid-weekday-label{text-align:center;color:var(--text-secondary);text-transform:uppercase;padding:10px 0;font-size:.8rem;font-weight:700}.task-grid-days-container{flex:1;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);display:grid}.task-month-day-slot{cursor:pointer;border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0a;flex-direction:column;min-height:0;padding:6px;transition:background .15s;display:flex}.task-month-day-slot:nth-child(7n){border-right:none}.task-month-day-slot:nth-child(n+36){border-bottom:none}.task-month-day-slot:hover{background:#ffffff03}.task-month-day-slot.outside-month{opacity:.25}.task-month-day-slot.is-today{background:#d4af3708}.slot-day-number-row{justify-content:flex-end;margin-bottom:4px;display:flex}.slot-day-number{color:var(--text-secondary);border-radius:6px;padding:2px 6px;font-size:.85rem;font-weight:600}.task-month-day-slot.is-today .slot-day-number{background:var(--accent-gradient);color:#16181f;font-weight:700}.slot-tasks-list{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.slot-task-pill{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:.75rem;font-weight:600;transition:transform .1s;display:flex;overflow:hidden}.slot-task-pill:hover{transform:translate(2px)}.slot-task-pill.completed{opacity:.4;text-decoration:line-through}.slot-task-time{opacity:.6;font-size:.7rem;font-weight:400}.slot-task-title{text-overflow:ellipsis;overflow:hidden}.slot-tasks-more{color:var(--accent-color);text-align:center;font-size:.7rem;font-weight:600}.task-week-view-wrapper{height:100%;display:flex;overflow-x:auto}.task-week-column{border-right:1px solid var(--surface-border);flex-direction:column;flex:1;min-width:150px;display:flex}.task-week-column:last-child{border-right:none}.task-week-column.is-today{background:#d4af3705}.task-week-column-header{border-bottom:1px solid var(--surface-border);background:#ffffff03;flex-direction:column;align-items:center;padding:12px 6px;display:flex}.week-day-num{margin-top:2px;font-size:1.2rem;font-weight:700}.task-week-column.is-today .week-day-num{color:var(--accent-color);text-shadow:0 0 10px #d4af3766}.task-week-column-body{cursor:pointer;flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-y:auto}.week-column-add-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;padding:6px 0;font-size:.8rem;font-weight:600;transition:all .2s}.week-column-add-btn:hover{border-color:var(--accent-color);color:var(--text-primary);background:#d4af370d}.week-column-tasks-stack{flex-direction:column;gap:8px;display:flex}.task-week-card{cursor:pointer;border-radius:10px;padding:8px;transition:transform .15s,box-shadow .15s}.task-week-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.task-week-card.completed{opacity:.45}.task-week-card-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.task-checkbox{appearance:none;cursor:pointer;background:0 0;border:1.5px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.task-checkbox:checked{background:var(--accent-color);border-color:var(--accent-color)}.task-checkbox:checked:after{content:"";border:2px solid #16181f;border-width:0 2px 2px 0;width:4px;height:8px;margin-bottom:2px;transform:rotate(45deg)}.task-card-time{color:var(--text-secondary);font-size:.72rem;font-weight:500}.task-card-title{word-break:break-word;margin:0 0 4px;font-size:.85rem;font-weight:700}.task-week-card.completed .task-card-title{text-decoration:line-through}.task-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;display:-webkit-box;overflow:hidden}.task-day-view-wrapper{flex-direction:column;height:100%;display:flex;overflow-y:auto}.day-scheduler-container{flex:1;position:relative}.day-scheduler-timeline{flex-direction:column;display:flex;position:relative}.timeline-hour-row{border-bottom:1px solid #ffffff08;height:60px;display:flex;position:relative}.timeline-hour-label{text-align:right;width:70px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;margin-top:-8px;padding-right:12px;font-size:.78rem;font-weight:600}.timeline-hour-slot{border-left:1px solid var(--surface-border);cursor:pointer;flex:1;height:100%;transition:background .1s}.timeline-hour-slot:hover{background:#ffffff03}.day-scheduler-tasks-overlay{pointer-events:none;height:100%;position:absolute;top:0;left:70px;right:0}.scheduler-task-card{pointer-events:auto;cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:8px 12px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;left:10px;right:20px;overflow:hidden}.scheduler-task-card:hover{transform:scale(1.005);box-shadow:0 4px 15px #0000004d}.scheduler-task-card.completed{opacity:.4}.scheduler-card-row{align-items:center;gap:8px;display:flex}.scheduler-card-time{color:#ffffffb3;font-size:.72rem;font-weight:500}.scheduler-card-title{color:#fff;margin:0;font-size:.9rem;font-weight:700}.scheduler-task-card.completed .scheduler-card-title{text-decoration:line-through}.task-list-view-container{flex-direction:column;gap:24px;padding:20px;display:flex;overflow-y:auto}.task-list-group-header{border-bottom:1px solid var(--surface-border);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:6px;display:flex}.task-group-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.task-group-count{color:var(--text-secondary);background:#ffffff0f;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600}.task-list-group-stack{flex-direction:column;gap:8px;display:flex}.task-group-empty{color:var(--text-secondary);padding:10px;font-size:.85rem;font-style:italic}.task-list-row{border:1px solid var(--surface-border);cursor:pointer;background:#ffffff03;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s,transform .1s;display:flex}.task-list-row:hover{background:#ffffff05;transform:translate(3px)}.task-list-row.completed{opacity:.45}.task-list-row-left{flex:1;align-items:center;gap:12px;display:flex}.task-list-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.task-list-row.completed .task-list-title{text-decoration:line-through}.task-list-row-right{align-items:center;gap:12px;display:flex}.task-list-date-badge{text-transform:capitalize;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600}.task-delete-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.task-delete-icon-btn:hover{color:#ef4444;background:#ef44441a}.calendar-form-modal{width:90%!important;max-width:500px!important}.calendar-modal-form{flex-direction:column;gap:16px;margin-top:16px;display:flex}.calendar-input{border:1px solid var(--surface-border);width:100%;color:var(--text-primary);font-family:var(--font-main);box-sizing:border-box;background:#ffffff05;border-radius:12px;outline:none;padding:12px;font-size:.9rem;transition:border-color .2s}.calendar-input:focus{border-color:var(--accent-color)}.calendar-input.title-input{font-size:1.1rem;font-weight:700}.color-palette-selection{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.color-bubble{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:transform .15s,border-color .15s}.color-bubble:hover{transform:scale(1.15)}.color-bubble.selected{border-color:#fff;transform:scale(1.1)}.slider-label-row{justify-content:space-between;margin-bottom:6px;display:flex}.time-highlight{color:var(--accent-color);font-size:.95rem;font-weight:700}.calendar-slider{-webkit-appearance:none;background:var(--surface-border);border-radius:3px;outline:none;width:100%;height:6px}.calendar-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-gradient);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 0 6px #00000080}.calendar-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.calendar-slider::-moz-range-thumb{background:var(--accent-gradient);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 0 6px #00000080}.calendar-slider::-moz-range-thumb:hover{transform:scale(1.2)}.modal-actions-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.right-actions{gap:10px;display:flex}.modal-btn.cancel-btn:hover{color:var(--text-primary);background:#ffffff14}.modal-btn.submit-btn:hover{opacity:.9}.modal-btn.delete-btn{color:#ef4444;background:#ef44441a}.modal-btn.delete-btn:hover{color:#fff;background:#ef4444}@media (width<=768px){.task-calendar-view-container{height:calc(100vh - 120px);padding:10px}.calendar-subnav-row{flex-direction:column;align-items:stretch;gap:8px}.subnav-left,.subnav-middle-mode,.calendar-primary-btn{justify-content:center;width:100%}.subnav-toggle-btn,.mode-btn{text-align:center;flex:1;padding:8px 0}.calendar-range-row{flex-direction:column;align-items:flex-start;gap:10px}.range-controls{width:100%}.range-nav-btn,.range-today-btn{text-align:center;flex:1}.task-grid-days-container{grid-template-columns:repeat(7,1fr)}.slot-day-number{font-size:.75rem}.slot-task-pill{padding:2px;font-size:.65rem}.slot-task-time{display:none}.task-week-view-wrapper{flex-direction:column;gap:16px;overflow-y:auto}.task-week-column{border-right:none;border-bottom:1px solid var(--surface-border);padding-bottom:12px}}.task-calendar-view-container{background:var(--bg-color);height:calc(100vh - 120px);color:var(--text-primary);font-family:var(--font-main);box-sizing:border-box;flex-direction:column;display:flex;padding:4px 16px 16px!important}.calendar-compact-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:0;padding:0 4px;display:flex;margin-bottom:8px!important}.calendar-compact-header-row .range-controls{margin-bottom:0}.subnav-middle-mode.compact-modes{gap:2px;margin:0 auto;padding:2px!important}.subnav-middle-mode.compact-modes .mode-btn{border-radius:6px!important;padding:5px 12px!important;font-size:.8rem!important}.range-label.compact-range-label{margin:0;font-weight:700;font-size:1.05rem!important}.calendar-add-header-btn{cursor:pointer;background:var(--accent-gradient)!important;color:#16181f!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;transition:transform .15s!important;display:flex!important;box-shadow:0 4px 12px #d4af3740!important}.calendar-add-header-btn:hover{opacity:.9;transform:none!important}.calendar-add-header-btn:active{transform:scale(.92)!important}.cal-add-svg-icon{stroke:#16181f!important}.tabs-container.task-calendar-tabs{grid-template-columns:repeat(2,1fr)!important;width:280px!important;max-width:calc(100% - 32px)!important;margin:0 auto!important;padding:4px!important;display:grid!important}.tabs-container.task-calendar-tabs .tab-indicator{box-sizing:border-box!important;background:#d4af371f!important;border:1px solid #d4af3740!important;width:calc(50% - 4px)!important;top:4px!important;bottom:4px!important;left:4px!important}.tabs-container.task-calendar-tabs.active-tab-0 .tab-indicator{left:4px!important;transform:none!important}.tabs-container.task-calendar-tabs.active-tab-1 .tab-indicator{left:50%!important;transform:none!important}.tabs-container.task-calendar-tabs .sketch-tab-btn{padding:8px 0!important}@media (width<=768px){.calendar-compact-header-row{flex-direction:column;align-items:stretch;gap:8px}.calendar-compact-header-row .range-controls,.calendar-compact-header-row .subnav-middle-mode.compact-modes{justify-content:center;width:100%}.calendar-compact-header-row .range-label.compact-range-label{text-align:center;width:100%}.calendar-add-header-btn{border-radius:10px!important;justify-content:center!important;width:38px!important;height:38px!important;padding:0!important}}.task-week-column-header{border-bottom:1px solid var(--surface-border)!important;background:#ffffff03!important;flex-direction:row!important;justify-content:center!important;align-items:baseline!important;gap:8px!important;padding:8px 12px!important;display:flex!important}.week-day-num{margin:0!important;font-size:1.1rem!important;font-weight:700!important}.week-day-name{color:var(--text-secondary)!important;text-transform:uppercase!important;font-size:.82rem!important;font-weight:600!important}@media (width<=768px){.task-week-column-header{justify-content:flex-start!important;padding:10px 16px!important}}.calendar-compact-header-row{box-sizing:border-box;grid-template-columns:1fr auto 1fr!important;justify-content:stretch!important;align-items:center!important;gap:16px!important;width:100%!important;margin-bottom:12px!important;display:grid!important}.calendar-compact-header-row .range-controls{border:1px solid var(--surface-border)!important;background:#ffffff08!important;border-radius:10px!important;justify-self:start!important;align-items:center!important;padding:3px!important;display:inline-flex!important}.subnav-middle-mode.compact-modes{border:1px solid var(--surface-border)!important;background:#ffffff08!important;border-radius:10px!important;justify-self:center!important;margin:0!important;padding:3px!important;display:inline-flex!important}.range-label.compact-range-label{text-align:right!important;color:var(--accent-color)!important;justify-self:end!important;margin:0!important;font-size:.95rem!important;font-weight:700!important}.task-calendar-body-content{scrollbar-gutter:stable!important}@media (width<=768px){.calendar-compact-header-row{grid-template-columns:1fr!important;gap:8px!important}.calendar-compact-header-row .range-controls,.calendar-compact-header-row .subnav-middle-mode.compact-modes,.calendar-compact-header-row .range-label.compact-range-label{text-align:center!important;justify-self:center!important;width:auto!important}}.calendar-form-modal{box-sizing:border-box;max-height:90vh!important;padding:24px!important;overflow-y:auto!important}.calendar-input.textarea-input{resize:none!important;min-height:110px!important;line-height:1.5!important}.form-group{flex-direction:column!important;margin-bottom:20px!important;display:flex!important}.form-group .form-label{text-align:center!important;color:#ffffff73!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin:10px 0 6px!important;font-size:.82rem!important;font-weight:600!important;display:block!important}.color-palette-selection{justify-content:center!important;padding:6px 0!important}.form-group-row{gap:16px!important;width:100%!important;display:flex!important}.form-group.half{flex:1!important;margin-bottom:0!important}.modal-actions-row{justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-top:24px!important;display:flex!important}.modal-actions-row .right-actions{gap:12px!important;margin-left:auto!important;display:flex!important}.modal-btn{cursor:pointer!important;border:none!important;border-radius:12px!important;padding:10px 20px!important;font-size:.9rem!important;font-weight:600!important;transition:opacity .15s,transform .1s!important}.modal-btn:hover{opacity:.9}.modal-btn:active{transform:scale(.96)!important}.modal-btn.submit-btn{background:var(--accent-gradient)!important;color:#16181f!important;box-shadow:0 4px 12px #d4af3740!important}.modal-btn.cancel-btn{color:#ffffffb3!important;background:#ffffff0d!important}.modal-btn.delete-btn{color:#ef4444!important;background:#ef444414!important;border:1px solid #ef444433!important}@media (width<=768px){.form-group-row{flex-direction:column!important;gap:16px!important}}.calendar-form-modal{max-height:92vh!important;padding:16px 20px 18px!important;overflow-y:auto!important}.calendar-input.textarea-input{min-height:130px!important;font-size:.86rem!important;line-height:1.4!important}.form-group{margin-bottom:10px!important}.form-group .form-label{letter-spacing:.05em!important;margin:4px 0 2px!important;font-size:.78rem!important}.color-palette-selection{padding:2px 0!important}.modal-actions-row{margin-top:14px!important}.modal-btn{padding:8px 16px!important;font-size:.86rem!important}.slot-task-pill,.task-week-card{-webkit-user-select:none;user-select:none;cursor:grab!important}.slot-task-pill:active,.task-week-card:active{cursor:grabbing!important}.task-month-day-slot.drag-over{border:1.5px dashed var(--accent-color)!important;background:#d4af3714!important;box-shadow:inset 0 0 10px #d4af371a!important}.task-week-column-body.drag-over{border-radius:0 0 12px 12px;border:1.5px dashed var(--accent-color)!important;background:#d4af370f!important}.scheduler-task-card{cursor:grab!important;-webkit-user-select:none!important;user-select:none!important;box-sizing:border-box!important;pointer-events:auto!important;transition:transform .15s,box-shadow .15s,background-color .2s!important;right:auto!important}.scheduler-task-card:active{cursor:grabbing!important}.timeline-hour-row.drag-over-hour{border-top:1.5px dashed var(--accent-color)!important;border-bottom:1.5px dashed var(--accent-color)!important;background:#d4af3712!important}body:has(.task-calendar-view-container){height:100vh!important;overflow:hidden!important}body:has(.task-calendar-view-container) .app-shell{height:100vh!important;overflow:hidden!important}body:has(.task-calendar-view-container) .sketch-content{box-sizing:border-box!important;flex-direction:column!important;height:calc(100vh - 60px)!important;padding:12px 16px 85px!important;display:flex!important;overflow:hidden!important}body:has(.task-calendar-view-container) .task-calendar-view-container{flex-direction:column!important;flex:1!important;height:100%!important;display:flex!important;overflow:hidden!important}body:has(.task-calendar-view-container) .task-calendar-body-content{flex-direction:column!important;flex:1!important;display:flex!important;overflow:hidden!important}.task-month-grid-wrapper{flex-direction:column!important;flex:1!important;display:flex!important;overflow:hidden!important}.task-week-view-wrapper,.task-day-view-wrapper,.task-list-view-wrapper{padding-bottom:24px;flex:1!important;height:100%!important;overflow-y:auto!important}.task-month-day-slot.is-selected-day{z-index:5;position:relative;border:1.5px solid var(--accent-color)!important;background:#d4af370d!important}.slot-tasks-dots-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;width:100%;max-height:14px;margin-top:4px;display:none;overflow:hidden}.slot-task-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.month-selected-day-tasks-panel{border:1px solid var(--surface-border);box-sizing:border-box;background:#16181f99;border-radius:16px;flex-direction:column;gap:8px;margin-top:12px;padding:12px 16px;display:none}@media (width<=900px){.task-month-grid-wrapper{flex-direction:column;height:100%;display:flex;overflow:hidden}.task-grid-days-container{grid-template-rows:repeat(6,42px)!important}.task-month-day-slot{flex-direction:column;align-items:center;display:flex;min-height:auto!important;padding:2px!important}.slot-tasks-list{display:none!important}.slot-tasks-dots-row{display:flex!important}.month-selected-day-tasks-panel{background:var(--card-bg-premium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;min-height:150px;overflow-y:auto;display:flex!important}}.panel-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:8px;display:flex}.panel-header-title{color:var(--text-primary);text-transform:capitalize;font-size:.95rem;font-weight:700}.panel-add-btn{color:var(--accent-color);cursor:pointer;background:#d4af371a;border:1px solid #d4af374d;border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .2s}.panel-add-btn:hover{background:var(--accent-color);color:#16181f}.panel-tasks-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.panel-empty-text{text-align:center;color:var(--text-secondary);padding:16px 0;font-size:.85rem}.panel-task-item{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;transition:transform .15s,opacity .2s;display:flex}.panel-task-item:hover{transform:translate(2px)}.panel-task-item.completed{opacity:.45}.panel-task-left{align-items:center;gap:10px;width:100%;display:flex}.panel-task-details{flex-direction:column;gap:2px;display:flex}.panel-task-title{color:var(--text-primary);font-size:.88rem;font-weight:600}.panel-task-time{color:var(--text-secondary);font-size:.72rem}.panel-task-item{cursor:grab!important;-webkit-user-select:none!important;user-select:none!important}.panel-task-item:active{cursor:grabbing!important}.modal-btn.complete-toggle-btn{transition:all .2s}.modal-btn.complete-toggle-btn.complete-style{color:#10b981!important;background:#10b9811a!important}.modal-btn.complete-toggle-btn.complete-style:hover{color:#16181f!important;background:#10b981!important}.modal-btn.complete-toggle-btn.reopen-style{color:#f97316!important;background:#f973161a!important}.modal-btn.complete-toggle-btn.reopen-style:hover{color:#16181f!important;background:#f97316!important}@media (width<=480px){.calendar-form-modal .modal-actions-row{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:16px!important;display:grid!important}.calendar-form-modal .left-actions,.calendar-form-modal .right-actions{display:contents!important}.calendar-form-modal .modal-btn{text-align:center!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:36px!important;padding:6px 4px!important;font-size:.8rem!important;display:flex!important}.calendar-form-modal .modal-btn.cancel-btn{grid-area:1/1!important}.calendar-form-modal .modal-btn.submit-btn{grid-area:1/2!important}.calendar-form-modal .modal-btn.delete-btn{grid-area:2/1!important}.calendar-form-modal .modal-btn.complete-toggle-btn{grid-area:2/2!important}}.calendar-compact-header-row{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important;margin-bottom:12px!important;display:flex!important}.calendar-compact-header-row .header-controls-row{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.calendar-compact-header-row .range-controls{border:1px solid var(--surface-border)!important;box-sizing:border-box!important;background:#ffffff08!important;border-radius:10px!important;justify-self:auto!important;align-items:center!important;height:38px!important;padding:3px!important;display:inline-flex!important}.calendar-compact-header-row .range-nav-btn{width:30px!important;height:30px!important;color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:background .15s,color .15s!important;display:flex!important}.calendar-compact-header-row .range-nav-btn:hover{color:var(--text-primary)!important;background:#ffffff0d!important}.calendar-compact-header-row .range-today-btn{height:30px!important;color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:7px!important;align-items:center!important;padding:0 12px!important;font-size:.8rem!important;font-weight:600!important;transition:background .15s,color .15s!important;display:flex!important}.calendar-compact-header-row .range-today-btn:hover{color:var(--text-primary)!important;background:#ffffff0d!important}.calendar-compact-header-row .subnav-middle-mode.compact-modes{border:1px solid var(--surface-border)!important;box-sizing:border-box!important;background:#ffffff08!important;border-radius:10px!important;align-items:center!important;gap:2px!important;height:38px!important;margin:0!important;padding:3px!important;display:inline-flex!important}.calendar-compact-header-row .subnav-middle-mode.compact-modes .mode-btn{height:30px!important;color:var(--text-secondary)!important;cursor:pointer!important;box-sizing:border-box!important;background:0 0!important;border:none!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;padding:0 12px!important;font-size:.8rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.calendar-compact-header-row .subnav-middle-mode.compact-modes .mode-btn.active{background:var(--accent-gradient)!important;color:#16181f!important;box-shadow:0 4px 10px #d4af3726!important}.calendar-compact-header-row .range-label.compact-range-label{text-align:center!important;color:var(--accent-color)!important;width:100%!important;margin:4px 0 0!important;font-size:1.05rem!important;font-weight:700!important}@media (width<=768px){.calendar-compact-header-row{flex-direction:column!important;align-items:center!important;gap:8px!important;padding:0!important;display:flex!important}.calendar-compact-header-row .header-controls-row{box-sizing:border-box!important;justify-content:space-between!important;width:100%!important;padding:0 2px!important;display:flex!important}}.calendar-compact-header-row .range-controls,.calendar-compact-header-row .subnav-middle-mode.compact-modes,.calendar-compact-header-row .range-nav-btn,.calendar-compact-header-row .range-today-btn,.calendar-compact-header-row .subnav-middle-mode.compact-modes .mode-btn{flex-shrink:0!important}@media (width<=600px){body:has(.task-calendar-view-container) .sketch-content{padding:12px 6px 85px!important}.task-calendar-view-container{padding:4px 4px 12px!important}.calendar-compact-header-row .header-controls-row{gap:6px!important;padding:0!important}.task-month-grid-wrapper{flex-direction:column!important;height:100%!important;padding-bottom:140px!important;display:flex!important;position:relative!important;overflow:hidden!important}.task-month-grid-wrapper .month-grid{flex:1!important;padding-bottom:16px!important;overflow-y:auto!important}.month-selected-day-tasks-panel{border-top:1px solid var(--surface-border)!important;z-index:999!important;box-sizing:border-box!important;background:#13141a!important;border-radius:20px 20px 0 0!important;flex-direction:column!important;height:70%!important;max-height:500px!important;margin-top:0!important;transition:transform .35s cubic-bezier(.25,.8,.25,1)!important;display:flex!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;overflow:hidden!important;transform:translateY(calc(100% - 130px))!important;box-shadow:0 -8px 32px #0009!important}.month-selected-day-tasks-panel.is-expanded{transform:translateY(0)!important}.month-selected-day-tasks-panel .panel-tasks-list{box-sizing:border-box!important;flex:1!important;padding:4px 16px 36px!important;overflow-y:auto!important}.month-selected-day-tasks-panel .panel-header{border-bottom:1px solid #ffffff0d!important;flex-shrink:0!important;margin-bottom:12px!important;padding:0 16px 12px!important}.panel-drag-handle-container{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;background:0 0!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:24px!important;display:flex!important}.panel-drag-handle{background:#fff3!important;border-radius:2px!important;width:38px!important;height:4px!important;transition:background .2s!important}.panel-drag-handle-container:active .panel-drag-handle{background:#ffffff73!important}}.task-checkbox{cursor:pointer!important;box-sizing:border-box!important;border-radius:4px!important;flex-shrink:0!important;place-self:center!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important}@media (width>=601px){.calendar-compact-header-row{box-sizing:border-box!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:16px!important;width:100%!important;margin-bottom:20px!important;display:grid!important}.calendar-compact-header-row .header-left-side{flex-direction:row!important;grid-column:1!important;justify-self:start!important;align-items:center!important;gap:16px!important;display:flex!important}.calendar-compact-header-row .subnav-middle-mode.compact-modes{grid-column:2!important;justify-self:center!important;margin:0!important}.calendar-compact-header-row .range-label.compact-range-label{color:var(--accent-color)!important;text-align:left!important;width:auto!important;margin:0!important;font-size:1.15rem!important;font-weight:700!important}}@media (width<=600px){.calendar-compact-header-row{box-sizing:border-box!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:10px!important;width:100%!important;margin-bottom:12px!important;display:grid!important}.calendar-compact-header-row .header-left-side{display:contents!important}.calendar-compact-header-row .range-controls{grid-area:1/1!important;justify-self:start!important}.calendar-compact-header-row .subnav-middle-mode.compact-modes{grid-area:1/2!important;justify-self:end!important;margin:0!important}.calendar-compact-header-row .range-label.compact-range-label{text-align:center!important;width:100%!important;color:var(--accent-color)!important;grid-area:2/1/auto/span 2!important;justify-self:center!important;margin:4px 0 0!important;font-size:1.05rem!important;font-weight:700!important}}:is(.sketch-content:has(.single-chats-list-screen),.sketch-content:has(.single-chats-search-screen),.sketch-content:has(.single-chat-dialog-screen)){border:none!important;border-radius:0!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.single-chats-list-screen{background:var(--bg-color)!important;box-sizing:border-box!important;border:none!important;border-radius:0!important;flex-direction:column!important;height:calc(100vh - 121px)!important;display:flex!important;position:relative!important;overflow:hidden!important}.single-chats-search-screen,.single-chat-dialog-screen{background:var(--bg-color)!important;z-index:9999!important;box-sizing:border-box!important;flex-direction:column!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.single-list-header,.single-search-header,.single-dialog-header{border-bottom:1px solid var(--surface-border)!important;background:var(--surface-color)!important;z-index:10!important;box-sizing:border-box!important;flex-shrink:0!important;align-items:center!important;gap:12px!important;height:56px!important;padding:0 16px!important;display:flex!important;position:sticky!important;top:0!important}.dialog-back-arrow-btn,.search-back-arrow-btn{color:var(--text-primary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:8px!important;transition:background .2s!important;display:flex!important}.dialog-back-arrow-btn:hover,.search-back-arrow-btn:hover{background:#ffffff0d!important}.header-search-field{color:var(--text-primary)!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;font-size:.9rem!important}.search-spinner-container{justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;display:flex!important}.search-loading-spinner{border:2px solid #ffffff1a!important;border-top-color:var(--accent-color)!important;border-radius:50%!important;width:14px!important;height:14px!important;animation:.8s linear infinite spin-search!important}@keyframes spin-search{to{transform:rotate(360deg)}}.chats-list-scrollable,.single-dialog-scroller,.search-results-scroller{box-sizing:border-box!important;flex:1!important;padding:8px 0!important;overflow-y:auto!important}.single-dialog-scroller{flex-direction:column!important;gap:12px!important;padding:16px!important;display:flex!important}.single-chat-list-card{cursor:pointer!important;border-bottom:1px solid #ffffff05!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;transition:all .2s!important;display:flex!important}.single-chat-list-card:hover{background:#ffffff08!important}.single-chat-list-card.selected{background:#d4af3714!important}.avatar-wrapper{flex-shrink:0!important;position:relative!important}.user-avatar-circle{background:var(--accent-gradient)!important;color:#16181f!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;font-size:1rem!important;font-weight:700!important;display:flex!important;overflow:hidden!important}.user-avatar-circle.small{width:36px!important;height:36px!important;font-size:.9rem!important}.avatar-img{object-fit:cover!important;width:100%!important;height:100%!important}.online-indicator-dot{background:#2ec4b6!important;border:2px solid #16181f!important;border-radius:50%!important;width:10px!important;height:10px!important;position:absolute!important;bottom:0!important;right:0!important}.card-right-content{flex:1!important;min-width:0!important}.card-top-row{justify-content:space-between!important;align-items:baseline!important;margin-bottom:4px!important;display:flex!important}.card-name{color:var(--text-primary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.85rem!important;font-weight:600!important;overflow:hidden!important}.card-time{color:var(--text-secondary)!important;font-size:.7rem!important}.card-bottom-row{justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.card-preview{color:var(--text-secondary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;flex:1!important;font-size:.75rem!important;overflow:hidden!important}.voice-preview-badge{color:var(--accent-color)!important}.unread-badge{color:#fff!important;background:#2ec4b6!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:.7rem!important;font-weight:700!important;display:flex!important}.status-ticks{font-size:.7rem!important}.status-ticks.read{color:var(--accent-color)!important}.status-ticks.sent{color:var(--text-secondary)!important}.header-user-badge{flex:1!important;align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.header-user-meta{flex-direction:column!important;min-width:0!important;display:flex!important}.header-user-name{color:var(--text-primary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.9rem!important;font-weight:600!important;overflow:hidden!important}.header-user-status{font-size:.75rem!important}.header-user-status.online{color:#2ec4b6!important}.header-user-status.offline{color:var(--text-secondary)!important}.header-actions-area{position:relative!important}.header-menu-dots-btn{color:var(--text-primary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:8px!important;display:flex!important}.header-menu-dots-btn:hover{background:#ffffff0d!important}.header-menu-backdrop{z-index:998!important;background:0 0!important;position:fixed!important;inset:0!important}.header-menu-popover{z-index:999!important;transform-origin:100% 0!important;background:#1c1e28!important;border:1px solid #ffffff14!important;border-radius:12px!important;flex-direction:column!important;min-width:210px!important;padding:4px 0!important;font-family:Inter,Segoe UI,sans-serif!important;animation:.18s cubic-bezier(.16,1,.3,1) menuPopoverIn!important;display:flex!important;position:absolute!important;top:42px!important;right:0!important;overflow:hidden!important;box-shadow:0 12px 40px #0000008c,0 0 0 1px #ffffff08!important}@keyframes menuPopoverIn{0%{opacity:0;transform:scale(.92)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.menu-popover-item{color:var(--text-primary)!important;text-align:left!important;cursor:pointer!important;white-space:nowrap!important;background:0 0!important;border:none!important;align-items:center!important;gap:12px!important;padding:10px 16px!important;font-family:inherit!important;font-size:.82rem!important;font-weight:500!important;transition:background .15s!important;display:flex!important}.menu-popover-item:hover{background:#ffffff0f!important}.menu-popover-item.text-danger{color:#e63946!important}.menu-popover-item.text-danger .menu-item-icon{stroke:#e63946!important}.menu-popover-item.menu-item-disabled{opacity:.45!important;cursor:default!important;pointer-events:none!important}.menu-item-icon{color:var(--text-secondary)!important;flex-shrink:0!important}.menu-item-badge{text-transform:uppercase!important;letter-spacing:.06em!important;color:#d4af37cc!important;background:#d4af371f!important;border-radius:6px!important;margin-left:auto!important;padding:2px 7px!important;font-size:.62rem!important;font-weight:600!important}.menu-popover-divider{background:#ffffff0f!important;height:1px!important;margin:4px 0!important}.delete-chat-modal-backdrop{-webkit-backdrop-filter:blur(6px)!important;z-index:9999!important;background:#000000a6!important;justify-content:center!important;align-items:center!important;animation:.2s backdropFadeIn!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.delete-chat-modal-card{background:linear-gradient(165deg,#1e2030 0%,#181a26 100%)!important;border:1px solid #ffffff12!important;border-radius:16px!important;width:340px!important;max-width:90vw!important;font-family:Inter,Segoe UI,sans-serif!important;animation:.25s cubic-bezier(.16,1,.3,1) modalCardIn!important;overflow:hidden!important;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff05!important}@keyframes modalCardIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.delete-chat-modal-header{align-items:center!important;gap:14px!important;padding:20px 20px 12px!important;display:flex!important}.delete-chat-avatar{border-radius:50%!important;flex-shrink:0!important;width:42px!important;height:42px!important;overflow:hidden!important}.delete-chat-avatar-img{object-fit:cover!important;border-radius:50%!important;width:100%!important;height:100%!important}.delete-chat-avatar-fallback{color:#d4af37e6!important;background:linear-gradient(135deg,#d4af3740,#d4af371a)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;font-size:1.1rem!important;font-weight:700!important;display:flex!important}.delete-chat-header-text{flex-direction:column!important;gap:2px!important;display:flex!important}.delete-chat-title{color:var(--text-primary)!important;margin:0!important;font-size:.95rem!important;font-weight:700!important}.delete-chat-subtitle{color:var(--text-secondary)!important;margin:0!important;font-size:.78rem!important;font-weight:400!important}.delete-chat-modal-actions{flex-direction:column!important;gap:8px!important;padding:12px 20px 20px!important;display:flex!important}.delete-chat-btn{cursor:pointer!important;border:none!important;border-radius:10px!important;width:100%!important;padding:12px 16px!important;font-family:inherit!important;font-size:.82rem!important;font-weight:600!important;transition:all .2s!important}.delete-chat-btn.delete-both{color:#fff!important;background:#e63946!important}.delete-chat-btn.delete-both:hover{background:#d12836!important;box-shadow:0 4px 16px #e639464d!important}.delete-chat-btn.delete-self{color:var(--text-primary)!important;background:0 0!important;border:1px solid #ffffff1a!important}.delete-chat-btn.delete-self:hover{background:#ffffff0d!important;border-color:#ffffff26!important}.delete-chat-btn.cancel-delete{color:var(--text-secondary)!important;background:0 0!important;border:none!important}.delete-chat-btn.cancel-delete:hover{color:var(--text-primary)!important}.search-placeholder-info,.search-empty-state{color:var(--text-secondary)!important;text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:48px 24px!important;font-size:.85rem!important;display:flex!important}.search-placeholder-info svg{color:#ffffff0d!important;margin-bottom:8px!important}.search-result-user-card{cursor:pointer!important;border-bottom:1px solid #ffffff05!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;transition:background .2s!important;display:flex!important}.search-result-user-card:hover{background:#ffffff08!important}.search-result-details{flex-direction:column!important;display:flex!important}.result-fullname{color:var(--text-primary)!important;font-size:.85rem!important;font-weight:600!important}.result-username{color:var(--text-secondary)!important;font-size:.75rem!important}.message-bubble-row{width:100%!important;display:flex!important}.message-bubble-row.incoming{justify-content:flex-start!important}.message-bubble-row.outgoing{justify-content:flex-end!important}.date-separator-row{-webkit-user-select:none!important;user-select:none!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:6px 0!important;display:flex!important}.date-separator-pill{-webkit-backdrop-filter:blur(12px)!important;color:#ffffffb8!important;letter-spacing:.02em!important;white-space:nowrap!important;background:#00000059!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;padding:4px 14px!important;font-size:.75rem!important;font-weight:500!important;display:inline-flex!important;box-shadow:0 1px 4px #00000026!important}.message-bubble{box-sizing:border-box!important;border-radius:14px!important;flex-direction:column!important;gap:4px!important;max-width:45%!important;padding:8px 12px 6px!important;display:flex!important;position:relative!important;box-shadow:0 2px 8px #00000026!important}@media (width<=768px){.message-bubble{max-width:85%!important}}.incoming .message-bubble{border:1px solid var(--surface-border)!important;color:var(--text-primary)!important;background:#1a1c24!important;border-top-left-radius:2px!important}.outgoing .message-bubble{color:var(--text-primary)!important;background:linear-gradient(135deg,#d4af3714,#d4af3708)!important;border:1px solid #d4af3740!important;border-top-right-radius:2px!important}.bubble-body{word-break:break-word!important;font-size:.85rem!important;line-height:1.4!important}.bubble-meta{justify-content:flex-end!important;align-self:flex-end!important;align-items:center!important;gap:4px!important;margin-top:2px!important;display:flex!important}.msg-timestamp{color:var(--text-secondary)!important;font-size:.65rem!important}.msg-status-tick{font-size:.65rem!important}.msg-status-tick.read{color:var(--accent-color)!important}.msg-status-tick.sent{color:var(--text-secondary)!important}.message-bubble.voice-message{flex-direction:column!important;min-width:240px!important;padding:6px 14px 6px 10px!important;display:flex!important}.voice-bubble-widget{align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.voice-play-control{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff1f!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 4px 12px #00000026!important}.incoming .voice-play-control{color:var(--accent-color)!important;background:#d4af370d!important;border-color:#d4af3740!important}.outgoing .voice-play-control{color:#fff!important;background:#ffffff14!important;border-color:#fff3!important}.voice-play-control:hover{background:#ffffff1f!important;border-color:#d4af3799!important;transform:scale(1.05)!important;box-shadow:0 0 10px #d4af374d!important}.voice-play-control:active{transform:scale(.92)!important}.voice-details-stack{flex-direction:column!important;flex:1!important;gap:2px!important;min-width:0!important;display:flex!important}.voice-waveform-container{align-items:flex-end!important;gap:2px!important;width:100%!important;height:24px!important;padding-top:4px!important;display:flex!important}.waveform-bar{border-radius:1px!important;flex:1!important;width:2px!important;transition:background .1s!important}.incoming .waveform-bar{background:#fff3!important}.incoming .waveform-bar.active{background:var(--accent-color)!important}.outgoing .waveform-bar{background:#ffffff4d!important}.outgoing .waveform-bar.active{background:#fff!important}.voice-duration-label{color:#ffffff80!important;text-align:left!important;margin-top:1px!important;font-size:.7rem!important}.single-dialog-footer{border-top:1px solid var(--surface-border)!important;box-sizing:border-box!important;background:#16181f!important;flex-shrink:0!important;padding:12px 16px!important;position:relative!important}.input-control-row{border:1px solid var(--surface-border)!important;background:#0003!important;border-radius:24px!important;flex:1!important;align-items:flex-end!important;gap:12px!important;padding:6px 14px!important;display:flex!important}.input-emoji-toggle{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:4px!important;transition:all .2s!important;display:flex!important}.input-emoji-toggle:hover{color:var(--accent-color)!important;background:#ffffff0d!important;transform:scale(1.08)!important}.input-emoji-toggle:active{transform:scale(.9)!important}.message-text-input{color:var(--text-primary)!important;resize:none!important;box-sizing:border-box!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;min-height:20px!important;padding:4px 0!important;font-family:inherit!important;font-size:.85rem!important;line-height:20px!important;overflow-y:auto!important}.message-text-input::-webkit-scrollbar{width:4px!important}.message-text-input::-webkit-scrollbar-thumb{background:#ffffff1a!important;border-radius:2px!important}.message-send-btn,.message-voice-record-btn{color:var(--accent-color)!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:4px!important;transition:transform .15s!important;display:flex!important}.message-send-btn:active,.message-voice-record-btn:active{transform:scale(.9)!important}.emoji-drawer-popover{background:var(--surface-color)!important;border:1px solid var(--surface-border)!important;z-index:1000!important;border-radius:12px!important;flex-direction:column!important;max-height:280px!important;animation:.2s cubic-bezier(.4,0,.2,1) slide-up-emoji!important;display:flex!important;position:absolute!important;bottom:80px!important;left:16px!important;right:16px!important;overflow:hidden!important;box-shadow:0 10px 30px #00000080!important}@keyframes slide-up-emoji{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-drawer-search-row{border-bottom:1px solid var(--surface-border)!important;padding:8px 12px!important}.emoji-search-input{border:1px solid var(--surface-border)!important;width:100%!important;color:var(--text-primary)!important;box-sizing:border-box!important;background:#0003!important;border-radius:16px!important;outline:none!important;padding:6px 12px!important;font-size:.85rem!important}.emoji-search-input:focus{border-color:#d4af3766!important}.emoji-grid-scroll-area{scroll-behavior:smooth!important;flex-direction:column!important;flex:1!important;gap:12px!important;max-height:180px!important;padding:0 12px 10px!important;display:flex!important;overflow-y:auto!important}.emoji-section-group{flex-direction:column!important;width:100%!important;display:flex!important}.emoji-section-header{color:var(--text-secondary)!important;text-align:left!important;background:var(--surface-color)!important;z-index:10!important;border-bottom:1.5px solid #ffffff08!important;margin-bottom:4px!important;padding:8px 4px 6px!important;font-size:.78rem!important;font-weight:600!important;position:sticky!important;top:0!important}.emoji-section-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))!important;gap:6px!important;width:100%!important;display:grid!important}.emoji-btn-item{cursor:pointer!important;background:0 0!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:4px!important;font-size:1.4rem!important;transition:all .15s!important;display:flex!important}.emoji-btn-item:hover{background:#ffffff0d!important;transform:scale(1.15)!important}.emoji-btn-item:active{transform:scale(.9)!important}.emoji-tabs-row{border-top:1px solid var(--surface-border)!important;background:#16181f!important;justify-content:space-between!important;padding:4px 6px!important;display:flex!important}.emoji-tab-btn{cursor:pointer!important;background:0 0!important;border:none!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;padding:6px!important;font-size:1.15rem!important;transition:all .2s!important;display:flex!important}.emoji-tab-btn:hover{background:#ffffff08!important}.emoji-tab-btn.active{background:#d4af371a!important;border:1px solid #d4af3733!important}.footer-input-wrapper{flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important;display:flex!important}.footer-input-controls-row{flex-direction:row!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.input-control-row.recording-active{border:1px solid var(--surface-border)!important;background:#0003!important;border-radius:24px!important;flex:1!important;align-items:center!important;padding:6px 14px!important;display:flex!important}.recording-status-area{align-items:center!important;gap:8px!important;margin-left:auto!important;display:flex!important}.recording-timer{font-family:var(--font-mono,monospace)!important;color:var(--text-primary)!important;letter-spacing:.5px!important;font-size:.95rem!important;font-weight:600!important}.recording-pulsing-dot{background:#e63946!important;border-radius:50%!important;width:8px!important;height:8px!important;animation:1s ease-in-out infinite alternate pulse-recording-dot!important}.recording-pulsing-dot.paused{opacity:.8!important;background:#7f8c8d!important;animation:none!important}@keyframes pulse-recording-dot{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.recording-external-actions{align-items:center!important;gap:10px!important;display:flex!important}.recording-action-btn{cursor:pointer!important;box-sizing:border-box!important;background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;transition:all .2s!important;display:flex!important}.recording-action-btn.discard{color:#e63946!important}.recording-action-btn.discard:hover{background:#e639461a!important;border-color:#e6394666!important;transform:scale(1.05)!important}.recording-action-btn.pause-resume{color:var(--text-primary)!important}.recording-action-btn.pause-resume:hover{background:#ffffff14!important;border-color:#ffffff4d!important;transform:scale(1.05)!important}.recording-action-btn.send{color:var(--accent-color)!important}.recording-action-btn.send:hover{background:#d4af371a!important;border-color:#d4af3766!important;transform:scale(1.05)!important}.recording-action-btn:active{transform:scale(.92)!important}.chats-empty-placeholder{text-align:center;color:var(--text-secondary)!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:48px 24px!important;display:flex!important}.chats-empty-placeholder svg{color:#ffffff0d!important;margin-bottom:16px!important}.empty-title{color:var(--text-primary)!important;margin-bottom:6px!important;font-size:1.05rem!important;font-weight:600!important}.empty-subtitle{max-width:280px!important;font-size:.8rem!important}.global-audio-player-capsule{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;z-index:99999!important;box-sizing:border-box!important;background:#16181fd9!important;border:1px solid #d4af3740!important;border-radius:30px!important;width:320px!important;max-width:90vw!important;padding:8px 12px!important;position:fixed!important;top:16px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 8px 32px #0009!important}.player-inner{align-items:center!important;gap:12px!important;display:flex!important}.player-play-btn{background:var(--accent-gradient)!important;color:#16181f!important;cursor:pointer!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important}.player-info-container{flex-direction:column!important;flex:1!important;gap:2px!important;min-width:0!important;display:flex!important}.player-title{align-items:center!important;gap:6px!important;font-size:.7rem!important;display:flex!important}.voice-badge{color:var(--accent-color)!important;font-weight:700!important}.sender-name{color:var(--text-primary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-weight:600!important;overflow:hidden!important}.player-progress-bar-bg{background:#ffffff1a!important;border-radius:1.5px!important;width:100%!important;height:3px!important;margin:2px 0!important;overflow:hidden!important}.player-progress-bar-fill{background:var(--accent-gradient)!important;border-radius:1.5px!important;height:100%!important}.player-time-labels{color:var(--text-secondary)!important;justify-content:space-between!important;font-size:.6rem!important;display:flex!important}.player-close-btn{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:4px!important;display:flex!important}.player-close-btn:hover{color:var(--text-primary)!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:1.5s ease-in-out infinite pulse!important}.input-attach-toggle{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:4px!important;transition:all .2s!important;display:flex!important}.input-attach-toggle:hover{color:var(--accent-color)!important;background:#ffffff0d!important;transform:scale(1.08)!important}.input-attach-toggle:active{transform:scale(.9)!important}.media-message-bubble{border:1px solid var(--surface-border)!important;background:#1e2029!important;flex-direction:column!important;max-width:380px!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important}.media-message-bubble .bubble-meta{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:5!important;background:#00000073!important;border:1px solid #ffffff0d!important;border-radius:10px!important;align-items:center!important;gap:3px!important;padding:2px 6px!important;display:flex!important;position:absolute!important;bottom:6px!important;right:6px!important}.media-message-bubble .msg-timestamp{color:#fff!important;text-shadow:0 1px 2px #00000080!important;font-size:.65rem!important}.media-message-bubble .msg-status-tick{color:var(--accent-color)!important}.media-caption-bubble{border:1px solid var(--surface-border)!important;background:#1e2029!important;flex-direction:column!important;max-width:380px!important;padding:0!important;display:flex!important;overflow:hidden!important}.message-bubble-row.outgoing .media-caption-bubble,.message-bubble-row.outgoing .media-message-bubble{background:#d6af3726!important;border-color:#d6af374d!important}.media-message-image-container,.media-message-video-container{flex-direction:column!important;width:100%!important;display:flex!important}.media-message-image{object-fit:cover!important;cursor:zoom-in!important;width:100%!important;max-height:340px!important;transition:opacity .2s!important;display:block!important}.media-message-image:hover{opacity:.9!important}.media-message-video{background:#000!important;width:100%!important;max-height:340px!important;display:block!important}.media-message-caption{color:var(--text-primary)!important;text-align:left!important;border-top:1px solid #ffffff08!important;padding:8px 10px!important;font-size:.82rem!important;line-height:1.35!important}.file-message-bubble{width:100%!important;max-width:340px!important;padding:6px 8px!important}.file-attachment-card{box-sizing:border-box!important;background:#0003!important;border:1px solid #ffffff08!important;border-radius:10px!important;align-items:center!important;gap:12px!important;width:100%!important;padding:6px 10px!important;transition:all .2s!important;display:flex!important}.file-extension-badge{text-transform:uppercase!important;letter-spacing:.5px!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;font-size:.68rem!important;font-weight:800!important;display:flex!important;box-shadow:inset 0 0 10px #0003!important}.file-info-stack{text-align:left!important;flex-direction:column!important;flex:1!important;min-width:0!important;display:flex!important}.file-name-label{color:var(--text-primary)!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.8rem!important;font-weight:500!important;overflow:hidden!important}.file-size-label{color:var(--text-secondary)!important;margin-top:2px!important;font-size:.72rem!important}.file-download-circle-icon{color:var(--text-secondary)!important;background:#ffffff0f!important;border:1px solid #ffffff0d!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;transition:all .2s!important;display:flex!important}.media-message-file-container{width:100%!important;transition:transform .15s!important}.media-message-file-container:hover .file-attachment-card{background:#ffffff0a!important;border-color:#d6af3726!important}.media-message-file-container:hover .file-download-circle-icon{color:var(--accent-color)!important;background:#d6af3726!important;border-color:#d6af3740!important;transform:scale(1.08)!important}.media-message-file-container:active{transform:scale(.98)!important}.lightbox-overlay{z-index:2000!important;background:#000000e6!important;justify-content:center!important;align-items:center!important;animation:.25s ease-out fade-in-lightbox!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes fade-in-lightbox{0%{opacity:0}to{opacity:1}}.lightbox-img{object-fit:contain!important;border-radius:4px!important;max-width:90%!important;max-height:90%!important;box-shadow:0 10px 40px #000c!important}.lightbox-close-btn{color:#fff!important;cursor:pointer!important;opacity:.7!important;background:0 0!important;border:none!important;font-size:2.2rem!important;transition:opacity .2s!important;position:absolute!important;top:20px!important;right:20px!important}.lightbox-close-btn:hover{opacity:1!important}.file-upload-confirm-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:1500!important;box-sizing:border-box!important;background:#000000bf!important;justify-content:center!important;align-items:center!important;padding:16px!important;animation:.2s ease-out fade-in-lightbox!important;display:flex!important;position:absolute!important;inset:0!important}.file-upload-confirm-card{background:var(--surface-color)!important;border:1px solid var(--surface-border)!important;box-sizing:border-box!important;border-radius:16px!important;flex-direction:column!important;width:100%!important;max-width:400px!important;animation:.25s cubic-bezier(.4,0,.2,1) slide-up-modal!important;display:flex!important;overflow:hidden!important;box-shadow:0 12px 36px #0009!important}@keyframes slide-up-modal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-header{border-bottom:1px solid var(--surface-border)!important;justify-content:space-between!important;align-items:center!important;padding:14px 18px!important;display:flex!important}.confirm-modal-header h3{color:var(--text-primary)!important;margin:0!important;font-size:1rem!important;font-weight:600!important}.close-confirm-modal-btn{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;font-size:1.6rem!important;line-height:1!important}.close-confirm-modal-btn:hover{color:var(--text-primary)!important}.confirm-modal-body{flex-direction:column!important;align-items:center!important;gap:14px!important;padding:16px 18px!important;display:flex!important}.preview-media-wrapper{flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.preview-image-elem{object-fit:contain!important;border:1px solid var(--surface-border)!important;border-radius:8px!important;max-width:100%!important;max-height:200px!important}.preview-video-elem{background:#000!important;border-radius:8px!important;max-width:100%!important;max-height:180px!important}.image-send-options-row{justify-content:center!important;gap:8px!important;width:100%!important;display:flex!important}.send-option-pill{border:1px solid var(--surface-border)!important;color:var(--text-secondary)!important;cursor:pointer!important;background:#ffffff08!important;border-radius:20px!important;flex:1!important;padding:8px 10px!important;font-size:.78rem!important;font-weight:500!important;transition:all .2s!important}.send-option-pill:hover{color:var(--text-primary)!important;background:#ffffff0f!important}.send-option-pill.active{border-color:var(--accent-color)!important;color:var(--accent-color)!important;background:#d6af371f!important}.preview-file-wrapper{border:1px dashed var(--surface-border)!important;background:#00000026!important;border-radius:10px!important;flex-direction:column!important;align-items:center!important;width:100%!important;padding:16px 0!important;display:flex!important}.preview-file-icon-box{color:var(--accent-color)!important;margin-bottom:8px!important}.preview-file-name{color:var(--text-primary)!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:90%!important;margin-bottom:4px!important;font-size:.85rem!important;font-weight:500!important;overflow:hidden!important}.preview-file-size{color:var(--text-secondary)!important;font-size:.75rem!important}.confirm-modal-caption-row{width:100%!important}.modal-caption-input{border:1px solid var(--surface-border)!important;width:100%!important;color:var(--text-primary)!important;box-sizing:border-box!important;background:#0003!important;border-radius:20px!important;outline:none!important;padding:10px 16px!important;font-size:.85rem!important}.modal-caption-input:focus{border-color:#d6af3766!important}.confirm-modal-footer{border-top:1px solid var(--surface-border)!important;background:#0000001a!important;justify-content:flex-end!important;gap:10px!important;padding:12px 18px!important;display:flex!important}.confirm-cancel-btn{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;padding:8px 16px!important;font-size:.85rem!important;font-weight:500!important;transition:all .2s!important}.confirm-cancel-btn:hover{color:var(--text-primary)!important;background:#ffffff0d!important}.confirm-send-btn{background:var(--accent-color)!important;color:#000!important;cursor:pointer!important;border:none!important;border-radius:20px!important;padding:8px 18px!important;font-size:.85rem!important;font-weight:600!important;transition:all .2s!important}.confirm-send-btn:hover{opacity:.9!important;transform:translateY(-1px)!important}.confirm-send-btn:active{transform:translateY(0)!important}.message-active-link{color:var(--accent-color)!important;word-break:break-all!important;text-decoration:underline!important;transition:opacity .2s!important}.message-active-link:hover{opacity:.8!important}.input-link-preview-bar{border-left:2.5px solid var(--accent-color)!important;box-sizing:border-box!important;background:#0003!important;border-radius:4px 8px 8px 4px!important;align-items:center!important;gap:12px!important;margin-bottom:8px!important;padding:8px 12px!important;animation:.2s ease-out slide-down-preview!important;display:flex!important;position:relative!important}@keyframes slide-down-preview{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-preview-left-icon{color:var(--accent-color)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important}.input-preview-content{text-align:left!important;flex:1!important;min-width:0!important}.input-preview-content .preview-site-name{color:var(--accent-color)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:2px!important;font-size:.78rem!important;font-weight:700!important}.input-preview-content .preview-title{color:var(--text-primary)!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.82rem!important;font-weight:500!important;overflow:hidden!important}.input-preview-content .preview-snippet{color:var(--text-secondary)!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:1px!important;font-size:.76rem!important;overflow:hidden!important}.close-input-preview-btn{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:4px!important;font-size:1.5rem!important;line-height:1!important;transition:color .2s!important;display:flex!important}.close-input-preview-btn:hover{color:var(--text-primary)!important}.text-message-wrapper{flex-direction:column!important;gap:8px!important;display:flex!important}.message-link-preview-box{box-sizing:border-box!important;background:#0000001f!important;border-radius:4px!important;width:100%!important;max-width:480px!important;margin-top:4px!important;overflow:hidden!important}.preview-link-anchor{color:inherit!important;text-decoration:none!important;display:flex!important;position:relative!important}.preview-accent-bar{background:var(--accent-color)!important;flex-shrink:0!important;width:3px!important}.preview-info-area{text-align:left!important;flex-direction:column!important;flex:1!important;min-width:0!important;padding:6px 10px!important;display:flex!important}.preview-info-area .preview-site-name{color:var(--accent-color)!important;text-transform:uppercase!important;letter-spacing:.4px!important;margin-bottom:2px!important;font-size:.74rem!important;font-weight:700!important}.preview-info-area .preview-title{color:var(--text-primary)!important;margin-bottom:3px!important;font-size:.8rem!important;font-weight:600!important;line-height:1.25!important}.preview-info-area .preview-description{color:var(--text-secondary)!important;white-space:pre-wrap!important;margin-bottom:6px!important;font-size:.75rem!important;line-height:1.35!important}.preview-image-container{border:1px solid #ffffff0d!important;border-radius:6px!important;width:100%!important;margin-top:6px!important;overflow:hidden!important}.preview-thumb{object-fit:cover!important;width:100%!important;max-height:280px!important;display:block!important}.input-preview-thumbnail-container{border:1px solid #ffffff14!important;border-radius:4px!important;flex-shrink:0!important;width:38px!important;height:38px!important;overflow:hidden!important}.input-preview-thumb-img{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.input-link-preview-bar .preview-accent-bar{background:var(--accent-color)!important;border-radius:2px!important;flex-shrink:0!important;align-self:stretch!important;width:2.5px!important}.message-context-overlay{-webkit-backdrop-filter:blur(16px)saturate(120%)!important;backdrop-filter:blur(16px)saturate(120%)!important;z-index:99999!important;background:#00000073!important;animation:.15s ease-out fadeInContextMenuOverlay!important;position:fixed!important;inset:0!important}@keyframes fadeInContextMenuOverlay{0%{opacity:0}to{opacity:1}}.message-context-menu{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;z-index:100000!important;transform-origin:0 0!important;background:#212121e6!important;border:1px solid #ffffff14!important;border-radius:14px!important;width:240px!important;padding:6px!important;animation:.15s cubic-bezier(.1,.9,.2,1) scaleInContextMenu!important;position:absolute!important;box-shadow:0 12px 36px #0009!important}@keyframes scaleInContextMenu{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.context-menu-item{color:var(--text-primary)!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;border-radius:8px!important;align-items:center!important;gap:12px!important;padding:8px 12px!important;font-size:.85rem!important;transition:background-color .15s,color .15s!important;display:flex!important}.context-menu-item:hover{background:#ffffff14!important}.context-menu-item:active{transform:scale(.98)!important}.context-item-icon{color:var(--text-secondary)!important;justify-content:center!important;align-items:center!important;display:flex!important}.context-menu-item:hover .context-item-icon{color:var(--text-primary)!important}.context-item-label{font-weight:400!important}.context-menu-divider{background:#ffffff14!important;height:1px!important;margin:6px 4px!important}.context-menu-item.delete,.context-menu-item.delete .context-item-icon{color:#ff5252!important}.context-menu-item.delete:hover{background:#ff525226!important}.delete-confirm-overlay{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;z-index:110000!important;background:#00000073!important;justify-content:center!important;align-items:center!important;animation:.2s ease-out fadeInConfirmBackdrop!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes fadeInConfirmBackdrop{0%{opacity:0}to{opacity:1}}.delete-confirm-card{box-sizing:border-box!important;background:#212121!important;border:1px solid #ffffff14!important;border-radius:16px!important;width:320px!important;padding:24px!important;animation:.2s cubic-bezier(.1,.9,.2,1) scaleInConfirmCard!important;box-shadow:0 16px 48px #000000b3!important}@keyframes scaleInConfirmCard{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.delete-confirm-title{color:var(--text-primary)!important;margin:0 0 10px!important;font-size:1.15rem!important;font-weight:500!important}.delete-confirm-text{color:var(--text-secondary)!important;margin:0 0 20px!important;font-size:.9rem!important;line-height:1.4!important}.delete-checkbox-row{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;align-items:center!important;gap:12px!important;margin-bottom:24px!important;display:flex!important}.custom-checkbox-wrapper{box-sizing:border-box!important;border:2px solid #ffffff4d!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;width:18px!important;height:18px!important;transition:all .15s!important;display:flex!important}.custom-checkbox-wrapper.checked{background:var(--accent-color)!important;border-color:var(--accent-color)!important}.checkbox-checkmark{color:#fff!important}.delete-checkbox-label{color:var(--text-primary)!important;font-size:.88rem!important}.delete-confirm-actions{justify-content:flex-end!important;gap:20px!important;display:flex!important}.delete-action-btn{cursor:pointer!important;letter-spacing:.5px!important;background:0 0!important;border:none!important;border-radius:6px!important;padding:6px 12px!important;font-size:.85rem!important;font-weight:600!important;transition:background-color .15s!important}.delete-action-btn.cancel{color:var(--accent-color)!important}.delete-action-btn.cancel:hover{background:#ffffff0d!important}.delete-action-btn.confirm{color:#ff5252!important}.delete-action-btn.confirm:hover{background:#ff52521a!important}.input-edit-preview-bar{background:#ffffff05!important;border-bottom:1px solid #ffffff0a!important;align-items:center!important;gap:12px!important;padding:8px 16px!important;animation:.2s ease-out slideDownPreview!important;display:flex!important}@keyframes slideDownPreview{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.edit-accent-bar{background:var(--accent-color)!important;border-radius:2px!important;flex-shrink:0!important;align-self:stretch!important;width:2.5px!important}.edit-info-area{flex-direction:column!important;flex:1!important;gap:2px!important;min-width:0!important;display:flex!important}.edit-title-row{color:var(--accent-color)!important;-webkit-user-select:none!important;user-select:none!important;align-items:center!important;gap:6px!important;font-size:.78rem!important;font-weight:600!important;display:flex!important}.edit-preview-icon{align-items:center!important;display:flex!important}.edit-preview-text{color:var(--text-secondary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.8rem!important;overflow:hidden!important}.close-edit-preview-btn{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:4px!important;font-size:1.25rem!important;transition:color .15s!important;display:flex!important}.close-edit-preview-btn:hover{color:var(--text-primary)!important}.msg-edited-label{color:#ffffff59!important;-webkit-user-select:none!important;user-select:none!important;margin-right:5px!important;font-size:.65rem!important;font-style:italic!important}.input-reply-preview-bar{background:#ffffff05!important;border-bottom:1px solid #ffffff0a!important;align-items:center!important;gap:12px!important;padding:8px 16px!important;animation:.2s ease-out slideDownPreview!important;display:flex!important}.reply-accent-bar{background:#4caf50!important;border-radius:2px!important;flex-shrink:0!important;align-self:stretch!important;width:2.5px!important}.reply-info-area{flex-direction:column!important;flex:1!important;gap:2px!important;min-width:0!important;display:flex!important}.reply-title-row{color:#4caf50!important;-webkit-user-select:none!important;user-select:none!important;align-items:center!important;gap:6px!important;font-size:.78rem!important;font-weight:600!important;display:flex!important}.reply-preview-icon{align-items:center!important;display:flex!important}.reply-preview-title{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.reply-preview-text{color:var(--text-secondary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.8rem!important;overflow:hidden!important}.close-reply-preview-btn{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:4px!important;font-size:1.25rem!important;transition:color .15s!important;display:flex!important}.close-reply-preview-btn:hover{color:var(--text-primary)!important}.msg-reply-bubble-card{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;background:#ffffff0a!important;border-radius:6px!important;gap:10px!important;min-width:140px!important;margin-bottom:6px!important;padding:6px 10px!important;transition:background-color .15s!important;display:flex!important}.msg-reply-bubble-card:hover{background:#ffffff14!important}.msg-reply-bubble-card .reply-accent-bar{background:#4caf50!important;width:2.5px!important}.msg-reply-bubble-card .reply-info-area{gap:1px!important}.msg-reply-bubble-card .reply-sender-name{color:#81c784!important;font-size:.75rem!important;font-weight:600!important}.msg-reply-bubble-card .reply-snippet-text{color:#ffffffb3!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.76rem!important;overflow:hidden!important}.outgoing .msg-reply-bubble-card{background:#00000026!important}.outgoing .msg-reply-bubble-card:hover{background:#00000040!important}.highlighted-message .message-bubble{position:relative!important}.highlighted-message .message-bubble:after{content:""!important;border-radius:inherit!important;pointer-events:none!important;z-index:10!important;background:radial-gradient(circle,#d4af3747 0%,#d4af370a 100%)!important;border:1px solid #d4af3773!important;animation:3.2s cubic-bezier(.2,.8,.2,1) forwards highlightFade!important;position:absolute!important;inset:0!important;box-shadow:0 0 15px #d4af3759!important}@keyframes highlightFade{0%{opacity:0}8%{opacity:1}60%{opacity:1}to{opacity:0}}