@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--white-rgb:255 255 255;--black-rgb:0 0 0;--bg-primary:#0a0a0a;--bg-card:hsla(0,0%,8%,.8);--bg-card-solid:#141414;--border-color:#2a2a2a;--text-primary:#fff;--text-secondary:#888;--accent-color:#4ade80;--accent-pink:#ec4899;--accent-cyan:#22d3ee;--surface-0:color-mix(in srgb,var(--bg-primary) 84%,#000 16%);--surface-1:color-mix(in srgb,var(--bg-card-solid) 78%,transparent);--surface-2:color-mix(in srgb,var(--bg-card-solid) 86%,var(--accent-cyan) 14%);--surface-3:color-mix(in srgb,var(--bg-card-solid) 82%,var(--accent-color) 18%);--edge-soft:color-mix(in srgb,var(--border-color) 72%,#fff 28%);--edge-strong:color-mix(in srgb,var(--border-color) 66%,var(--accent-cyan) 34%);--shadow-elevated:0 24px 50px rgba(0,0,0,.48);--shadow-card:0 14px 34px rgba(0,0,0,.42);--accent-blue:color-mix(in srgb,var(--accent-cyan) 56%,var(--text-primary) 44%);--text-muted:color-mix(in srgb,var(--text-secondary) 72%,var(--text-primary) 28%)}#root,body,html{height:100%;min-height:100vh}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Space Grotesk,sans-serif;letter-spacing:.01em}.base-card{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;padding:clamp(16px,3%,24px);position:relative;width:100%}.base-card.no-padding{padding:0}.base-card>*{min-height:0;min-width:0}.card-hero{background:linear-gradient(155deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--bg-card-solid) 92%,#000 8%));overflow:hidden;position:relative}.hero-bg{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.hero-bg:before{animation:grid-move 25s linear infinite;background-image:linear-gradient(color-mix(in srgb,var(--text-primary) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text-primary) 10%,transparent) 1px,transparent 1px);background-size:50px 50px}.hero-bg:after,.hero-bg:before{content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.hero-bg:after{animation:grid-move 40s linear infinite reverse;background-image:linear-gradient(color-mix(in srgb,var(--accent-cyan) 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent-cyan) 18%,transparent) 1px,transparent 1px);background-size:150px 150px}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-bg-overlay{background:radial-gradient(ellipse at center,transparent 20%,color-mix(in srgb,var(--bg-card-solid) 70%,transparent) 70%,color-mix(in srgb,var(--bg-card-solid) 96%,#000 4%) 90%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.card-hero>:not(.hero-bg,.hero-bg-overlay){position:relative;z-index:2}.hero-content{box-sizing:border-box;flex-direction:column;height:100%;padding:clamp(16px,4%,24px);z-index:2}.hero-content,.hero-main{display:flex;gap:clamp(12px,2%,20px);justify-content:space-between}.hero-main{align-items:flex-start;flex:1}.hero-text{display:flex;flex:1;flex-direction:column;gap:clamp(6px,1%,10px);min-width:0}.hero-name{font-size:clamp(22px,4vw,32px);font-weight:700;letter-spacing:-.01em;line-height:1.1;margin:0;opacity:.95}.hero-subtitle{color:var(--accent-color,#4ade80);font-size:clamp(11px,1.6vw,14px);font-weight:500;margin:0;opacity:.7}.hero-bio{font-size:clamp(12px,1.8vw,15px);line-height:1.4;margin:clamp(4px,.8%,8px) 0 0;opacity:.8}.hero-bio .highlight{color:var(--accent-color,#4ade80);font-weight:600}.hero-bio .secret-trigger{cursor:text;-webkit-user-select:none;user-select:none}.social-links{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.social-link{align-items:center;background:color-mix(in srgb,var(--text-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:10px;color:color-mix(in srgb,var(--text-primary) 82%,var(--text-secondary) 18%);display:flex;font-size:clamp(11px,1.5vw,13px);font-weight:500;gap:10px;padding:clamp(8px,1.2%,12px) clamp(14px,2%,18px);text-decoration:none;transition:all .2s ease}.social-link:hover{background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-color:var(--accent-color,#4ade80);color:var(--text-primary);transform:translate(4px)}.social-link svg{flex-shrink:0;height:clamp(16px,2vw,18px);opacity:.8;width:clamp(16px,2vw,18px)}.social-link:hover svg{color:var(--accent-color,#4ade80);opacity:1}.hero-footer{align-items:flex-end;border-top:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);display:flex;gap:clamp(12px,2%,20px);justify-content:space-between;padding-top:clamp(10px,1.5%,16px)}.hero-current{display:flex;flex-direction:column;gap:2px}.current-label{color:color-mix(in srgb,var(--text-secondary) 78%,transparent);font-size:clamp(9px,1.2vw,11px);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.current-project{color:var(--accent-color,#4ade80);font-size:clamp(11px,1.5vw,14px);font-weight:600}.hero-jams{align-items:baseline;display:flex;gap:6px}.jams-count{color:var(--accent-color,#4ade80);font-size:clamp(18px,3vw,26px);font-weight:700;line-height:1}.jams-label{color:color-mix(in srgb,var(--text-secondary) 72%,transparent);font-size:clamp(9px,1.2vw,11px);font-weight:500}@media(max-width:768px){.hero-main{flex-direction:column}.social-links{align-self:flex-start;flex-flow:row wrap}.hero-footer{align-items:flex-start;flex-direction:column;gap:10px}.hero-jams{align-self:flex-start}}.skills-content{display:flex;flex-direction:column;gap:clamp(10px,1.5%,14px);height:100%;min-height:0;overflow:hidden;width:100%}.skills-header{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between}.skills-title{font-size:clamp(16px,2.5vw,20px);font-weight:600;margin:0;opacity:.95}.skills-tabs{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/6%);border-radius:8px;display:flex;gap:4px;padding:4px}.skills-tab{background:transparent;border:none;border-radius:6px;color:rgb(var(--white-rgb)/50%);cursor:pointer;font-size:clamp(10px,1.4vw,12px);font-weight:500;padding:6px 12px;position:relative;transition:color .2s ease;white-space:nowrap}.skills-tab:hover{color:rgb(var(--white-rgb)/70%)}.skills-tab.active{color:rgb(var(--white-rgb)/95%)}.tab-indicator{background:rgb(var(--white-rgb)/8%);border-radius:6px;inset:0;position:absolute;z-index:-1}.skills-main{flex:1;min-height:0;overflow:hidden auto;padding:4px 8px;scrollbar-color:rgb(var(--white-rgb)/15%) rgb(var(--white-rgb)/5%);scrollbar-width:thin}.skills-main::-webkit-scrollbar{width:4px}.skills-main::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.skills-main::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/15%);border-radius:4px}.skills-sections{gap:clamp(14px,2.5%,20px)}.skills-section,.skills-sections{display:flex;flex-direction:column}.skills-section{gap:clamp(8px,1.2%,12px)}.section-label{color:var(--accent-color,#4ade80);font-size:clamp(10px,1.4vw,12px);font-weight:600;letter-spacing:.08em;opacity:.8;text-transform:uppercase}.skills-cloud{align-content:flex-start;display:flex;flex-wrap:wrap;gap:clamp(8px,1.2%,12px)}.skill-pill{background:transparent;border:none;cursor:pointer;outline:none;padding:0}.pill-content,.skill-pill{align-items:center;display:flex;position:relative}.pill-content{background:linear-gradient(135deg,rgb(var(--white-rgb)/8%) 0,rgb(var(--white-rgb)/4%));border:1px solid rgb(var(--white-rgb)/10%);border-radius:50px;gap:clamp(8px,1.2%,12px);overflow:hidden;padding:clamp(8px,1.2%,12px) clamp(14px,2%,20px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.skill-pill:hover .pill-content{background:linear-gradient(135deg,rgb(var(--white-rgb)/12%) 0,rgb(var(--white-rgb)/6%));border-color:color-mix(in srgb,var(--skill-color) 50%,transparent);box-shadow:0 4px 20px -4px rgb(var(--black-rgb)/30%),0 0 0 1px color-mix(in srgb,var(--skill-color) 20%,transparent)}.pill-glow{background:radial-gradient(ellipse at center,var(--skill-color) 0,transparent 70%);filter:blur(12px);inset:-4px;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:0}.skill-pill:hover .pill-glow{opacity:.25}.skill-pill.selected .pill-content{background:linear-gradient(135deg,rgb(var(--white-rgb)/15%) 0,rgb(var(--white-rgb)/8%));border-color:color-mix(in srgb,var(--skill-color) 60%,transparent);box-shadow:0 4px 20px -4px rgb(var(--black-rgb)/40%),0 0 0 1px color-mix(in srgb,var(--skill-color) 30%,transparent)}.skill-pill.selected .pill-glow{opacity:.35}.pill-icon{filter:brightness(.95);flex-shrink:0;height:clamp(20px,2.8vw,26px);object-fit:contain;transition:filter .2s ease,transform .2s ease;width:clamp(20px,2.8vw,26px)}.skill-pill:hover .pill-icon{filter:brightness(1.15);transform:scale(1.1)}.pill-emoji{flex-shrink:0;font-size:clamp(18px,2.5vw,24px);line-height:1}.pill-name{color:rgb(var(--white-rgb)/85%);font-size:clamp(12px,1.6vw,14px);font-weight:500;transition:color .2s ease;white-space:nowrap}.skill-pill:hover .pill-name{color:rgb(var(--white-rgb)/100%)}.skills-footer{border-top:1px solid rgb(var(--white-rgb)/5%);flex-shrink:0;padding-top:8px;text-align:center}.skills-hint{color:rgb(var(--white-rgb)/35%);font-size:clamp(10px,1.4vw,12px);font-weight:400}@media(max-width:768px){.skills-header{align-items:flex-start;flex-direction:column;gap:10px}.skills-tabs{justify-content:space-between;width:100%}.skills-tab{flex:1;font-size:11px;padding:8px 6px;text-align:center}.skills-sections{gap:14px}.skills-section{gap:8px}.section-label{font-size:10px}.skills-cloud{gap:8px}.pill-content{gap:8px;padding:8px 14px}.pill-icon{height:20px;width:20px}.pill-name{font-size:12px}.pill-emoji{font-size:18px}}.github-activity-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414cc;border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:20px;height:100%;padding:24px}.github-header{flex-wrap:wrap;justify-content:space-between}.github-header,.header-left{align-items:center;display:flex;gap:12px}.card-icon.github{align-items:center;background:#8b5cf61a;border-radius:10px;color:var(--accent-purple);display:flex;height:40px;justify-content:center;width:40px}.card-icon.github svg{height:20px;width:20px}.github-activity-card h3{color:var(--text-primary);font-size:1.1rem;margin:0}.update-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:8px}.pulse-dot{animation:pulse 2s ease-in-out infinite;background:var(--accent-color);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.activity-feed{background:rgb(var(--black-rgb)/30%);border-radius:12px;flex:1;max-height:500px;min-height:400px;overflow-y:auto;padding:16px}.activity-feed::-webkit-scrollbar{width:6px}.activity-feed::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:3px}.activity-feed::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/20%);border-radius:3px}.activity-feed::-webkit-scrollbar-thumb:hover{background:rgb(var(--white-rgb)/30%)}.empty-state,.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.error-state{color:#f59e0b}.error-state svg{height:48px;opacity:.5;width:48px}.error-detail{font-size:.75rem;max-width:80%;opacity:.6;text-align:center}.empty-state svg{height:64px;opacity:.3;width:64px}.loading-spinner-small{animation:spin 1s linear infinite;border:3px solid rgb(var(--white-rgb)/10%);border-radius:50%;border-top-color:var(--accent-color);height:40px;width:40px}.activity-list{display:flex;flex-direction:column;gap:12px}.repo-group-item{background:rgb(var(--black-rgb)/30%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:10px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease}.repo-group-item:before{background:var(--repo-color,var(--accent-color));content:"";height:100%;left:0;opacity:.7;position:absolute;top:0;transition:opacity .3s ease;width:3px}.repo-group-item:hover{background:rgb(var(--white-rgb)/5%);border-color:rgb(var(--white-rgb)/15%);transform:translate(4px)}.repo-group-item:hover:before{opacity:1}.repo-group-header{justify-content:space-between;margin-bottom:8px}.repo-group-header,.repo-info{align-items:center;display:flex;gap:8px}.repo-info{flex:1;min-width:0}.repo-icon{color:var(--repo-color,var(--accent-color));flex-shrink:0;height:18px;width:18px}.repo-name{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.repo-name:hover{color:var(--accent-color)}.repo-time{flex-shrink:0;font-size:.75rem}.repo-summary,.repo-time{color:var(--text-secondary)}.repo-summary{font-size:.85rem;line-height:1.4;margin-bottom:10px}.repo-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-badge{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:6px;color:var(--text-secondary);display:flex;font-size:.7rem;font-weight:500;gap:4px;padding:4px 8px}.meta-badge svg{height:12px;width:12px}.meta-badge.commit-sha{background:#4ade800d;border-color:#4ade8033;color:var(--accent-color);font-family:JetBrains Mono,monospace}.meta-badge.view-commits{background:#4ade801a;border-color:var(--accent-color);color:var(--accent-color);cursor:pointer;text-decoration:none;transition:all .2s ease}.meta-badge.view-commits:hover{background:#4ade8033;border-color:var(--accent-color);transform:translateY(-1px)}.additions{color:var(--accent-color);font-weight:600}.deletions{color:#ef4444;font-weight:600}.activity-footer{border-top:1px solid rgb(var(--white-rgb)/10%);padding-top:16px}.view-github-btn{align-items:center;background:#8b5cf61a;border:1px solid var(--accent-purple);border-radius:10px;color:var(--accent-purple);display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease;width:100%}.view-github-btn svg{height:18px;width:18px}.view-github-btn:hover{background:#8b5cf633;box-shadow:0 0 20px #8b5cf64d;transform:translateY(-2px)}@media(max-width:768px){.github-activity-card{padding:16px}.github-header{align-items:flex-start;flex-direction:column}.update-indicator{font-size:.7rem}.activity-feed{max-height:400px;min-height:300px}.meta-badge{font-size:.65rem}.view-github-btn{font-size:.85rem;padding:10px 16px}}.experience-content{display:flex;flex-direction:column;gap:clamp(16px,3%,20px);height:100%;min-height:0;width:100%}.experience-header-row{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between}.experience-title{flex-shrink:0;font-size:clamp(16px,2.5vw,20px);font-weight:600;margin:0;opacity:.95}.view-toggle-btn{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/15%);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.view-toggle-btn:hover{background:rgb(var(--white-rgb)/10%);border-color:rgb(var(--white-rgb)/30%);transform:rotate(180deg)}.view-toggle-btn:active{transform:rotate(180deg) scale(.95)}.github-view-wrapper{flex:1;min-height:0;overflow:hidden}.github-view-wrapper .github-activity-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border:none;height:100%;padding:0}.github-view-wrapper .github-header{display:none}.github-view-wrapper .activity-footer{margin-top:12px;padding-top:12px}.github-view-wrapper .activity-feed{flex:1;max-height:100%;min-height:250px;padding:12px}.github-view-wrapper .activity-list{max-height:none}.timeline-container{flex-shrink:0;margin-top:auto;padding:clamp(12px,2%,16px) 0 0;position:relative;width:100%}.timeline-line{background:linear-gradient(90deg,transparent 0,rgb(var(--white-rgb)/15%) 5%,rgb(var(--white-rgb)/25%) 50%,rgb(var(--white-rgb)/15%) 95%,transparent 100%);left:0;right:0}.timeline-fill,.timeline-line{bottom:2px;height:4px;position:absolute}.timeline-fill{background:linear-gradient(90deg,rgb(var(--white-rgb)/90%) 0 70%,rgb(var(--white-rgb)/50%) 90%,rgb(var(--white-rgb)/0));pointer-events:none;z-index:1}.timeline-years{display:flex;justify-content:space-between;margin-bottom:clamp(8px,1.5%,12px);padding:0;position:relative;z-index:1}.timeline-year{font-size:clamp(10px,1.6vw,12px);font-weight:600;opacity:.5}.timeline-year:first-child{text-align:left}.timeline-year:last-child{text-align:right}.timeline-dots{bottom:4px;height:0;left:0;position:absolute;right:0;z-index:2}.timeline-dot{background:rgb(var(--white-rgb)/20%);border:2px solid rgb(var(--white-rgb)/40%);border-radius:50%;cursor:pointer;height:clamp(14px,2.2vw,18px);outline:none;padding:0;position:absolute;top:0;transform:translate(-50%,-50%);transition:background .2s ease,border-color .2s ease;width:clamp(14px,2.2vw,18px)}.timeline-dot:hover{background:rgb(var(--white-rgb)/30%);border-color:rgb(var(--white-rgb)/60%)}.timeline-dot:focus-visible{outline:2px solid rgb(var(--white-rgb)/50%);outline-offset:2px}.timeline-dot.active{background:rgb(var(--white-rgb)/90%);border-color:rgb(var(--white-rgb)/100%)}.timeline-dot.current{background:rgb(var(--white-rgb)/20%);border-color:rgb(var(--white-rgb)/40%)}.timeline-dot.current.active{background:rgb(var(--white-rgb)/90%);border-color:rgb(var(--white-rgb)/100%)}.pulse-ring{animation:pulse 2s ease-out infinite;border:2px solid rgb(var(--white-rgb)/40%);border-radius:50%;height:200%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%}@keyframes pulse{0%{opacity:.4;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.experience-details{display:flex;flex:1;flex-direction:column;gap:clamp(8px,1.5%,12px);min-height:0;overflow:hidden auto;padding-right:4px;scrollbar-color:rgb(var(--white-rgb)/15%) rgb(var(--white-rgb)/5%);scrollbar-width:thin}.experience-details::-webkit-scrollbar{width:4px}.experience-details::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.experience-details::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/15%);border-radius:4px}.experience-details::-webkit-scrollbar-thumb:hover{background:rgb(var(--white-rgb)/25%)}.experience-icon{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:12px;display:flex;flex-shrink:0;height:clamp(40px,6vw,56px);justify-content:center;overflow:hidden;width:clamp(40px,6vw,56px)}.experience-icon img{height:100%;object-fit:cover;width:100%}.experience-icon span{font-size:clamp(20px,3vw,28px);line-height:1}.experience-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:clamp(8px,2%,12px);justify-content:space-between}.experience-role{flex:1;font-size:clamp(14px,2.2vw,16px);font-weight:600;margin:0;min-width:fit-content;opacity:.95}.experience-period{color:var(--accent-cyan);font-size:clamp(10px,1.6vw,12px);opacity:.6;white-space:nowrap}.experience-company{color:var(--accent-color);font-size:clamp(12px,1.8vw,14px);font-weight:500;opacity:.8}.experience-description{font-size:clamp(11px,1.6vw,13px);line-height:1.6;opacity:.7}.experience-highlights{display:flex;flex-direction:column;gap:clamp(4px,.8%,6px);list-style:none;margin:clamp(6px,1.2%,8px) 0 0;padding:0}.experience-highlight{font-size:clamp(10px,1.5vw,12px);line-height:1.5;opacity:.65;padding-left:clamp(12px,2%,14px);position:relative}.experience-highlight:before{content:"•";left:0;opacity:.5;position:absolute}.experience-skills{display:flex;flex-wrap:wrap;gap:clamp(5px,1%,7px);margin-top:clamp(4px,.8%,6px)}.experience-skill-tag{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/15%);border-radius:4px;font-size:clamp(10px,1.5vw,11px);opacity:.8;padding:clamp(3px,.6%,4px) clamp(7px,1.2%,9px);transition:all .2s ease;white-space:nowrap}.experience-skill-tag:hover{background:rgb(var(--white-rgb)/8%);border-color:rgb(var(--white-rgb)/30%);opacity:1}@media(max-width:768px){.timeline-container{padding:10px 0 0}.experience-header{align-items:flex-start;flex-direction:column;gap:2px}.experience-period{order:-1}.timeline-dot{height:14px;width:14px}.timeline-dot.active{height:16px;width:16px}.experience-icon{height:40px;width:40px}.experience-icon span{font-size:20px}.card-experience{min-height:360px}.experience-content{gap:12px}.experience-details{gap:6px}.experience-title{font-size:16px}.experience-role{font-size:14px}.experience-company{font-size:12px}.experience-description{font-size:11px;line-height:1.5}.experience-highlights{gap:3px;margin-top:4px}.experience-highlight{font-size:10px;line-height:1.4}.experience-skills{gap:4px;margin-top:6px}.experience-skill-tag{font-size:10px;padding:3px 6px}}@media(max-aspect-ratio:3/4){.card-experience{min-height:400px}.experience-details{max-height:none;overflow-y:auto}}.projects-carousel{display:flex;flex-direction:column;gap:clamp(12px,2%,16px);height:100%;min-height:0;overflow:hidden;width:100%}.carousel-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.carousel-title{font-size:clamp(16px,2.5vw,20px);font-weight:600;margin:0;opacity:.95}.carousel-nav{gap:12px}.carousel-nav,.nav-arrow{align-items:center;display:flex}.nav-arrow{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-secondary);cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;width:32px}.nav-arrow:hover:not(:disabled){background:rgb(var(--white-rgb)/10%);border-color:var(--accent-color);color:var(--accent-color)}.nav-arrow:disabled{cursor:not-allowed;opacity:.3}.nav-arrow svg{height:16px;width:16px}.carousel-counter{color:var(--text-secondary);font-size:clamp(11px,1.6vw,13px);min-width:40px;text-align:center}.carousel-slide{flex:1;min-height:0;overflow:hidden auto;padding-right:4px;scrollbar-color:rgb(var(--white-rgb)/15%) rgb(var(--white-rgb)/5%);scrollbar-width:thin}.carousel-slide::-webkit-scrollbar{width:4px}.carousel-slide::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.carousel-slide::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/15%);border-radius:4px}.carousel-slide::-webkit-scrollbar-thumb:hover{background:rgb(var(--white-rgb)/25%)}.project-content{display:flex;gap:clamp(16px,3%,24px);min-height:280px}.project-gallery{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:10px;display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden;position:relative}.project-image{background:rgb(var(--black-rgb)/20%);height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.project-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex:1;flex-direction:column;gap:12px;justify-content:center;opacity:.5}.project-placeholder svg{height:48px;width:48px}.project-placeholder span{font-size:clamp(11px,1.6vw,13px)}.gallery-controls{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgb(var(--black-rgb)/60%);border-radius:20px;bottom:12px;display:flex;gap:12px;left:50%;padding:6px 12px;position:absolute;transform:translate(-50%)}.gallery-arrow{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:color .2s ease;width:24px}.gallery-arrow:hover{color:var(--text-primary)}.gallery-arrow svg{height:14px;width:14px}.gallery-dots{display:flex;gap:6px}.gallery-dot{background:rgb(var(--white-rgb)/30%);border:none;border-radius:50%;cursor:pointer;height:6px;transition:all .2s ease;width:6px}.gallery-dot.active{background:var(--accent-color);transform:scale(1.2)}.project-info{display:flex;flex:1;flex-direction:column;gap:clamp(12px,2%,16px);min-width:0}.project-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.project-name{font-size:clamp(18px,2.8vw,24px);font-weight:600;margin:0;opacity:.95}.project-status{border-radius:6px;font-size:clamp(9px,1.4vw,11px);font-weight:600;letter-spacing:.05em;padding:clamp(4px,.8%,6px) clamp(8px,1.5%,12px);text-transform:uppercase;white-space:nowrap}.project-status.live{background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:var(--accent-color)}.project-status.dev{background:#22d3ee26;border:1px solid rgba(34,211,238,.3);color:var(--accent-cyan)}.project-description{color:var(--text-secondary);flex:1;font-size:clamp(12px,1.8vw,14px);line-height:1.6;margin:0}.project-tech{display:flex;flex-direction:column;gap:8px;margin-top:auto}.tech-label{color:var(--text-secondary);font-size:clamp(10px,1.4vw,12px);font-weight:600;letter-spacing:.08em;opacity:.7;text-transform:uppercase}.tech-tags{display:flex;flex-wrap:wrap;gap:clamp(6px,1%,8px)}.tech-tag{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:6px;color:var(--text-primary);font-size:clamp(10px,1.5vw,12px);opacity:.85;padding:clamp(4px,.8%,6px) clamp(10px,1.5%,14px);transition:all .2s ease}.tech-tag:hover{background:#4ade801a;border-color:#4ade804d;color:var(--accent-color)}.carousel-indicators{display:flex;flex-shrink:0;gap:8px;-ms-overflow-style:none;overflow-x:auto;padding:4px 0;scrollbar-width:none}.carousel-indicators::-webkit-scrollbar{display:none}.indicator{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:8px;cursor:pointer;flex:1;min-width:0;padding:clamp(8px,1.5%,12px);transition:all .2s ease}.indicator:hover{background:rgb(var(--white-rgb)/6%);border-color:rgb(var(--white-rgb)/15%)}.indicator.active{background:#4ade801a;border-color:#4ade804d}.indicator-label{color:var(--text-secondary);display:block;font-size:clamp(10px,1.4vw,12px);font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.indicator.active .indicator-label{color:var(--accent-color)}@media(max-width:1024px){.project-content{flex-direction:column}.project-gallery{flex:0 0 45%;min-height:150px}.project-info{flex:1}}@media(max-width:768px){.carousel-header{flex-wrap:wrap;gap:12px}.project-gallery{flex:0 0 40%;min-height:120px}.carousel-indicators{gap:6px}.indicator{padding:6px 10px}}.card-world{overflow:hidden;padding:0;position:relative;width:100%}.card-world,.world-content{display:flex;flex-direction:column;height:100%}.world-content{opacity:0;transition:opacity .28s ease}.card-world.is-ready .world-content{opacity:1}.world-map{flex:0 0 62%;min-height:0;position:relative}.world-map:after{content:"";inset:0;pointer-events:none;position:absolute}.world-map .dotted-map{height:100%;width:100%}.active-ring{fill:none;filter:drop-shadow(0 0 6px rgb(var(--white-rgb)/25%));stroke:rgb(var(--white-rgb)/70%);stroke-width:1}.world-info{display:flex;flex:1;flex-direction:column;gap:clamp(6px,2%,10px);justify-content:flex-start;overflow:hidden;padding:clamp(12px,3%,18px) clamp(16px,4%,20px) clamp(16px,4%,22px)}.world-info,.world-row{min-height:0;width:100%}.world-row{align-items:center;column-gap:clamp(8px,2%,16px);display:grid;grid-template-columns:1fr auto}.world-label{font-size:clamp(10px,1.8vw,12px);justify-self:start;letter-spacing:.08em;opacity:.6;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.world-value{font-size:clamp(14px,2.5vw,18px);font-weight:600;justify-self:end;opacity:.95;text-align:right;white-space:nowrap}.world-card-loader{animation:worldShimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,rgb(var(--white-rgb)/3%),rgb(var(--white-rgb)/8%),rgb(var(--white-rgb)/3%));background-size:200% 100%;border-radius:inherit;inset:0;opacity:.35;pointer-events:none;position:absolute;z-index:5}@keyframes worldShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-world.is-ready .world-card-loader{animation:none;opacity:0}.world-spotlight{margin-bottom:clamp(8px,2%,14px);min-height:0;overflow:hidden;padding-bottom:clamp(8px,2%,12px);position:relative}.world-spotlight:after{background:linear-gradient(90deg,rgb(var(--white-rgb)/8%),rgb(var(--white-rgb)/2%),rgb(var(--white-rgb)/0));bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.world-spotlight-title{font-size:clamp(14px,2.2vw,16px);font-weight:600;margin-bottom:clamp(2px,.5%,4px);opacity:.95}.world-spotlight-desc,.world-spotlight-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-spotlight-desc{font-size:clamp(10px,1.8vw,12px);line-height:1.4;opacity:.6}.place-dot{fill:rgb(var(--white-rgb)/28%);opacity:.6;transition:fill .45s ease,opacity .45s ease,filter .45s ease}.place-dot.is-active{fill:#fff;filter:drop-shadow(0 0 6px rgb(var(--white-rgb)/35%));opacity:1}.bg-dot{fill:rgb(var(--white-rgb)/12%);opacity:.35}.bg-dots-group{animation:fadeInDots .6s ease-out forwards}@keyframes fadeInDots{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.card-world{min-height:340px}.world-map{flex:0 0 55%}.world-info{flex:1;gap:6px;padding:12px 16px 16px}.world-spotlight{margin-bottom:6px;padding-bottom:6px}.world-spotlight-title{font-size:14px}.world-spotlight-desc{font-size:11px}.world-label{font-size:10px}.world-value{font-size:14px}}@media(max-aspect-ratio:3/4){.card-world{min-height:380px}.world-map{flex:0 0 50%}.world-info{flex:1;min-height:140px}}.world-placeholder{align-items:center;display:flex;justify-content:center;opacity:1;padding:clamp(24px,5%,40px)}.world-placeholder-content{align-items:center;display:flex;flex-direction:column;gap:clamp(12px,3%,20px);max-width:400px;text-align:center}.world-placeholder-title{font-size:clamp(18px,3vw,24px);font-weight:600;letter-spacing:.02em;margin:0;opacity:.95}.world-placeholder-desc{color:rgb(var(--white-rgb)/60%);font-size:clamp(12px,2vw,14px);line-height:1.5;margin:0}.world-load-btn{align-items:center;background:linear-gradient(135deg,rgb(var(--white-rgb)/8%),rgb(var(--white-rgb)/4%));border:1px solid rgb(var(--white-rgb)/12%);border-radius:8px;color:rgb(var(--white-rgb)/90%);cursor:pointer;display:inline-flex;font-size:clamp(13px,2.2vw,15px);font-weight:500;gap:8px;letter-spacing:.03em;margin-top:4px;padding:12px 24px;transition:all .3s ease}.world-load-btn:hover{background:linear-gradient(135deg,rgb(var(--white-rgb)/12%),rgb(var(--white-rgb)/6%));border-color:rgb(var(--white-rgb)/18%);box-shadow:0 4px 16px rgb(var(--black-rgb)/20%);color:#fff;transform:translateY(-1px)}.world-load-btn:active{transform:translateY(0)}.world-load-icon{height:18px;width:18px}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e1ef2,#141414fa);border:1px solid rgb(var(--white-rgb)/15%);border-radius:12px;box-shadow:0 4px 20px rgb(var(--black-rgb)/40%);color:var(--text-primary);gap:16px;left:50%;max-width:500px;min-width:320px;padding:16px 20px;position:fixed;top:20px;transform:translate(-50%);z-index:1000}.toast,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:10px;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast-content{display:flex;flex:1;flex-direction:column;gap:4px}.toast-title{font-size:.95rem;font-weight:600;letter-spacing:.02em}.toast-message{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.toast-close{background:none;border:none;color:rgb(var(--white-rgb)/50%);cursor:pointer;font-size:1.2rem;line-height:1;padding:0;transition:color .2s ease}.toast-close:hover{color:rgb(var(--white-rgb)/90%)}@media(max-width:480px){.toast{max-width:calc(100vw - 40px);min-width:unset;padding:14px 16px}.toast-icon{height:36px;width:36px}.toast-icon svg{height:20px!important;width:20px!important}.toast-title{font-size:.9rem}.toast-message{font-size:.8rem}}.stars-background{background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--bg-primary) 80%,var(--text-primary) 5%) 0,var(--bg-primary) 100%);height:100%}.stars,.stars-background{position:absolute;width:100%}.stars{height:120%;left:0;top:0;transform:rotate(-45deg)}.star{--star-color:rgb(var(--white-rgb)/70%);--star-tail-length:6em;--star-tail-height:2px;--star-width:calc(var(--star-tail-length)/6);--fall-duration:20s;--tail-fade-duration:var(--fall-duration);animation:fall var(--fall-duration) var(--fall-delay) linear infinite,tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;background:linear-gradient(45deg,currentcolor,transparent);border-radius:50%;color:var(--star-color);filter:drop-shadow(0 0 6px currentcolor);height:var(--star-tail-height);left:0;position:absolute;top:var(--top-offset);transform:translate3d(200vw,0,0);width:var(--star-tail-length)}.star:after,.star:before{animation:blink 2s linear infinite;background:linear-gradient(45deg,transparent,currentcolor,transparent);border-radius:inherit;content:"";height:100%;left:calc(var(--star-width)/-2);position:absolute;top:0;width:var(--star-width)}.star:before{transform:rotate(45deg)}.star:after{transform:rotate(-45deg)}.star:first-child{--top-offset:12vh;--fall-duration:18s;--fall-delay:0s;--star-tail-length:6.5em}.star:nth-child(2){--top-offset:45vh;--fall-duration:22s;--fall-delay:2s;--star-tail-length:5.8em}.star:nth-child(3){--top-offset:78vh;--fall-duration:16s;--fall-delay:5s;--star-tail-length:7.2em}.star:nth-child(4){--top-offset:23vh;--fall-duration:24s;--fall-delay:1s;--star-tail-length:5.5em}.star:nth-child(5){--top-offset:56vh;--fall-duration:20s;--fall-delay:6s;--star-tail-length:6.8em}.star:nth-child(6){--top-offset:89vh;--fall-duration:19s;--fall-delay:3s;--star-tail-length:6.2em}.star:nth-child(7){--top-offset:34vh;--fall-duration:26s;--fall-delay:8s;--star-tail-length:5.2em}.star:nth-child(8){--top-offset:67vh;--fall-duration:17s;--fall-delay:4s;--star-tail-length:7em}.star:nth-child(9){--top-offset:8vh;--fall-duration:23s;--fall-delay:10s;--star-tail-length:6em}.star:nth-child(10){--top-offset:92vh;--fall-duration:15s;--fall-delay:1.5s;--star-tail-length:7.5em}.star:nth-child(11){--top-offset:41vh;--fall-duration:21s;--fall-delay:7s;--star-tail-length:5.6em}.star:nth-child(12){--top-offset:73vh;--fall-duration:18s;--fall-delay:12s;--star-tail-length:6.4em}.star:nth-child(13){--top-offset:19vh;--fall-duration:25s;--fall-delay:2.5s;--star-tail-length:5.9em}.star:nth-child(14){--top-offset:52vh;--fall-duration:17s;--fall-delay:9s;--star-tail-length:7.3em}.star:nth-child(15){--top-offset:85vh;--fall-duration:22s;--fall-delay:5.5s;--star-tail-length:6.1em}.star:nth-child(16){--top-offset:28vh;--fall-duration:19s;--fall-delay:14s;--star-tail-length:5.4em}.star:nth-child(17){--top-offset:61vh;--fall-duration:16s;--fall-delay:.5s;--star-tail-length:6.9em}.star:nth-child(18){--top-offset:94vh;--fall-duration:26s;--fall-delay:11s;--star-tail-length:5.7em}.star:nth-child(19){--top-offset:36vh;--fall-duration:20s;--fall-delay:6.5s;--star-tail-length:7.1em}.star:nth-child(20){--top-offset:69vh;--fall-duration:16s;--fall-delay:16s;--star-tail-length:6.3em}.star:nth-child(21){--top-offset:15vh;--fall-duration:24s;--fall-delay:3.5s;--star-tail-length:5.3em;--star-color:hsla(0,0%,78%,.5)}.star:nth-child(22){--top-offset:48vh;--fall-duration:18s;--fall-delay:13s;--star-tail-length:6.7em;--star-color:hsla(0,0%,78%,.5)}.star:nth-child(23){--top-offset:81vh;--fall-duration:24s;--fall-delay:8.5s;--star-tail-length:5.1em;--star-color:hsla(0,0%,71%,.4)}.star:nth-child(24){--top-offset:25vh;--fall-duration:17s;--fall-delay:18s;--star-tail-length:7.4em;--star-color:hsla(0,0%,71%,.4)}.star:nth-child(25){--top-offset:58vh;--fall-duration:21s;--fall-delay:4.5s;--star-tail-length:6.6em}.star:nth-child(26){--top-offset:4vh;--fall-duration:14s;--fall-delay:15s;--star-tail-length:5em}.star:nth-child(27){--top-offset:37vh;--fall-duration:22s;--fall-delay:1.2s;--star-tail-length:7.6em}.star:nth-child(28){--top-offset:70vh;--fall-duration:19s;--fall-delay:10.5s;--star-tail-length:6em;--star-color:hsla(0,0%,86%,.6)}.star:nth-child(29){--top-offset:96vh;--fall-duration:16s;--fall-delay:7.5s;--star-tail-length:5.8em}.star:nth-child(30){--top-offset:43vh;--fall-duration:24s;--fall-delay:17s;--star-tail-length:6.5em;--star-color:hsla(0,0%,86%,.6)}@keyframes fall{to{transform:translate3d(-200vw,0,0)}}@keyframes tail-fade{0%,50%{opacity:1;width:var(--star-tail-length)}70%,80%{opacity:.4;width:0}to{opacity:0;width:0}}@keyframes blink{50%{opacity:.6}}@media(max-width:768px){.star{animation:fall var(--fall-duration) var(--fall-delay) linear infinite}}.unity-container{height:100%;position:absolute;width:100%}.unity-container canvas{border:none;height:100%;width:100%}.unity-loading{color:var(--text-secondary,#888);font-size:.9rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.login-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgb(var(--black-rgb)/80%);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.login-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;max-width:380px;padding:clamp(24px,5%,40px);position:relative;width:100%}.login-close{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.login-close:hover{background:rgb(var(--white-rgb)/10%);border-color:rgb(var(--white-rgb)/20%);color:var(--text-primary)}.login-close svg{height:16px;width:16px}.login-header{margin-bottom:32px;text-align:center}.login-icon{align-items:center;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:16px;color:var(--accent-color);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.login-icon svg{height:32px;width:32px}.login-header h2{color:var(--text-primary);font-size:clamp(18px,4vw,22px);font-weight:600;margin:0 0 8px}.login-header p{color:var(--text-secondary);font-size:clamp(13px,2.5vw,14px);margin:0}.login-form{display:flex;flex-direction:column;gap:16px}.login-input-wrapper{position:relative}.login-input-wrapper input{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:10px;color:var(--text-primary);font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.login-input-wrapper input+input{margin-top:10px}.login-input-wrapper input::placeholder{color:var(--text-secondary);opacity:.6}.login-input-wrapper input:focus{background:#4ade8008;border-color:var(--accent-color)}.login-input-wrapper input.error{background:#ef44440d;border-color:#ef4444}.login-input-wrapper input:disabled{cursor:not-allowed;opacity:.5}.login-error{color:#ef4444;display:block;font-size:12px;margin-top:8px;padding-left:4px}.login-submit{align-items:center;background:linear-gradient(135deg,#4ade8033,#4ade801a);border:1px solid rgba(74,222,128,.4);border-radius:10px;color:var(--accent-color);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.login-submit:hover:not(:disabled){background:linear-gradient(135deg,#4ade804d,#4ade8026);border-color:var(--accent-color);transform:translateY(-1px)}.login-submit:disabled{cursor:not-allowed;opacity:.4;transform:none}.login-submit svg{height:18px;width:18px}.login-spinner{animation:spin .8s linear infinite;border:2px solid rgba(74,222,128,.2);border-radius:50%;border-top:2px solid var(--accent-color);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.login-error-message{align-items:center;animation:shake .4s ease-in-out;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;display:flex;font-size:13px;gap:10px;margin-top:16px;padding:12px 16px}.login-error-message svg{flex-shrink:0;height:20px;width:20px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pantry-header{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:space-between}.pantry-title-section{align-items:center;display:flex;gap:12px}.pantry-icon{align-items:center;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.pantry-header h3{color:var(--text-primary);font-size:clamp(16px,2.5vw,18px);font-weight:600;margin:0}.pantry-subtitle{color:var(--text-secondary);font-size:12px}.pantry-tabs{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/6%);border-radius:10px;display:flex;gap:6px;padding:4px}.pantry-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.find-recipe-btn{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/12%);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.find-recipe-btn:hover{background:rgb(var(--white-rgb)/10%);border-color:rgb(var(--white-rgb)/18%)}.find-recipe-btn.active{background:#fbbf2426;border-color:#fbbf2459;color:#fbbf24}.find-recipe-btn svg{height:16px;width:16px}.pantry-tab{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.pantry-tab:hover{background:rgb(var(--white-rgb)/5%);color:var(--text-primary)}.pantry-tab.active{background:#fbbf2426;color:#fbbf24}.tab-icon{font-size:14px}.pantry-content{flex:1;min-height:0;overflow:hidden auto;scrollbar-color:rgb(var(--white-rgb)/15%) rgb(var(--white-rgb)/5%);scrollbar-width:thin}.pantry-content::-webkit-scrollbar{width:4px}.pantry-content::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.pantry-content::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/15%);border-radius:4px}.recipes-view{display:flex;flex-direction:column;gap:20px}.section-label{align-items:center;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.05em;margin:0;text-transform:uppercase}.section-label.ready{color:var(--accent-color)}.section-label.almost{color:#fbbf24}.recipes-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.recipe-search-panel{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px}.recipe-search-modes{display:flex;flex-wrap:wrap;gap:8px}.search-mode-btn{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 10px;transition:all .2s ease}.search-mode-btn:hover{background:rgb(var(--white-rgb)/6%);border-color:rgb(var(--white-rgb)/15%)}.search-mode-btn.active{background:#fbbf2426;border-color:#fbbf2459;color:#fbbf24}.recipe-search-input-row{align-items:center;display:flex;gap:8px}.recipe-search-input{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);flex:1;font-size:14px;padding:10px 12px;transition:all .2s ease}.recipe-search-input:focus{border-color:#fbbf2480;outline:none}.recipe-search-clear{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:8px 10px;transition:all .2s ease}.recipe-search-clear:hover{background:rgb(var(--white-rgb)/10%);border-color:rgb(var(--white-rgb)/18%);color:var(--text-primary)}.recipe-search-hint{color:var(--text-secondary);font-size:12px;margin:0}.recipe-card{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:all .2s ease}.recipe-card:hover{background:rgb(var(--white-rgb)/6%);border-color:rgb(var(--white-rgb)/15%);transform:translateY(-1px)}.recipe-icon{flex-shrink:0;font-size:28px}.recipe-info{flex:1;min-width:0}.recipe-name{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:4px}.recipe-meta{color:var(--text-secondary);display:flex;font-size:11px;gap:8px}.recipe-meta .recipe-difficulty.easy{color:#52ef44!important}.recipe-meta .recipe-difficulty.medium{color:#fbbf24!important}.recipe-detail{display:flex;flex-direction:column;gap:16px}.back-btn{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease;width:fit-content}.back-btn:hover{background:rgb(var(--white-rgb)/10%);color:var(--text-primary)}.back-btn svg{height:16px;width:16px}.recipe-detail-header{align-items:center;display:flex;gap:16px}.detail-icon{font-size:48px}.recipe-detail-header h3{font-size:20px;font-weight:600;margin:0 0 4px}.detail-meta{color:var(--text-secondary);display:flex;font-size:13px;gap:12px}.detail-meta .difficulty{font-weight:500}.detail-meta .difficulty.easy{color:var(--accent-color)}.detail-meta .difficulty.medium{color:#fbbf24}.recipe-link{align-items:center;background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:6px;color:var(--accent-cyan);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;text-decoration:none;transition:all .2s ease}.recipe-link:hover{background:#22d3ee33;border-color:var(--accent-cyan)}.recipe-link svg{height:12px;width:12px}.ingredients-list{display:flex;flex-direction:column;gap:10px}.ingredients-list h4{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.ingredient-row{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:8px;display:flex;gap:12px;padding:10px 14px}.ingredient-row.have{border-color:#4ade8033}.ingredient-row.need{border-color:#fbbf2433}.ing-icon{font-size:18px}.ing-name{align-items:center;color:var(--text-primary);display:flex;flex:1;font-size:14px;gap:8px}.optional-badge{background:#9ca3af26;border:1px solid rgba(156,163,175,.3);border-radius:4px;color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.05em;padding:2px 6px;text-transform:uppercase}.ingredient-row.optional{border-style:dashed;opacity:.85}.ing-amount{color:var(--text-secondary);font-size:13px}.ing-status{display:flex;justify-content:flex-end;width:70px}.ing-status svg{color:var(--accent-color);height:18px;width:18px}.need-label{color:#fbbf24;font-size:11px;white-space:nowrap}.start-cooking-btn{align-items:center;background:linear-gradient(135deg,#4ade8033,#4ade801a);border:1px solid rgba(74,222,128,.4);border-radius:10px;color:var(--accent-color);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .2s ease}.start-cooking-btn:hover{background:linear-gradient(135deg,#4ade804d,#4ade8026);border-color:var(--accent-color);transform:translateY(-1px)}.start-cooking-btn svg{height:18px;width:18px}.pantry-view{padding:4px 0}.pantry-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pantry-item{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px;position:relative;transition:all .2s ease}.pantry-item .item-icon{font-size:24px}.pantry-item .item-info{flex:1;min-width:0}.pantry-item .item-name{color:var(--text-primary);display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pantry-item .item-quantity{color:var(--text-secondary);font-size:11px}.pantry-item .item-status{border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.pantry-item .item-status.green{background:var(--accent-color)}.pantry-item .item-status.yellow{animation:pulse 2s ease-in-out infinite;background:#fbbf24}.pantry-item .item-status.red{animation:pulse 2s ease-in-out infinite;background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.shopping-view{display:flex;flex-direction:column;gap:12px;height:100%}.shopping-list-full{display:flex;flex:1;flex-direction:column;gap:8px}.shopping-item-full{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s ease}.shopping-item-full:hover{background:rgb(var(--white-rgb)/5%)}.shopping-item-full.checked{opacity:.5}.shopping-item-full.checked .item-name{text-decoration:line-through}.shopping-item-full .checkbox{border:2px solid rgb(var(--white-rgb)/20%);border-radius:6px;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.shopping-item-full .checkbox.checked{background:var(--accent-color);border-color:var(--accent-color)}.shopping-item-full .checkbox.checked:after{border:solid #0a0a0a;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.shopping-item-full .item-icon{font-size:20px}.shopping-item-full .item-name{color:var(--text-primary);flex:1;font-size:14px}.shopping-footer,.shopping-item-full .item-qty{color:var(--text-secondary);font-size:13px}.shopping-footer{align-items:center;border-top:1px solid rgb(var(--white-rgb)/6%);display:flex;justify-content:space-between;padding-top:12px}.add-item-btn{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.add-item-btn:hover{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}@media(max-width:768px){.pantry-header{flex-direction:column;gap:12px}.pantry-header-actions{justify-content:space-between;width:100%}.find-recipe-btn{flex:1 1 100%;justify-content:center}.pantry-tabs{justify-content:center;width:100%}.tab-label{display:none}.pantry-tab{padding:10px 16px}.recipe-pagination,.recipes-header{align-items:stretch;flex-direction:column}.recipe-filters,.recipe-page-controls{justify-content:space-between;width:100%}.filter-btn{flex:1;font-size:12px;justify-content:center;padding:10px 8px}.recipes-grid{grid-template-columns:1fr}.pantry-grid{grid-template-columns:repeat(2,1fr)}.recipe-search-input-row{align-items:stretch;flex-direction:column}.recipe-search-clear{width:100%}}.cooking-mode{display:flex;flex-direction:column;gap:16px;height:100%}.cooking-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.exit-cooking-btn{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.exit-cooking-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.exit-cooking-btn svg{height:18px;width:18px}.cooking-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px}.cooking-icon{font-size:24px}.cooking-progress{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:var(--accent-color);font-size:13px;font-weight:600;padding:6px 12px}.steps-timeline{gap:8px;padding:12px 0}.step-dot,.steps-timeline{align-items:center;display:flex;justify-content:center}.step-dot{background:rgb(var(--white-rgb)/5%);border:2px solid rgb(var(--white-rgb)/15%);border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;height:32px;transition:all .2s ease;width:32px}.step-dot:hover{background:rgb(var(--white-rgb)/10%);border-color:rgb(var(--white-rgb)/30%)}.step-dot.active{background:#22d3ee26;border-color:var(--accent-cyan);color:var(--accent-cyan);transform:scale(1.1)}.step-dot.completed{background:#4ade8033;border-color:var(--accent-color);color:var(--accent-color)}.step-dot svg{height:14px;width:14px}.step-content{align-items:center;background:rgb(var(--white-rgb)/2%);border:1px solid rgb(var(--white-rgb)/6%);border-radius:12px;display:flex;flex:1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.step-number{color:var(--accent-cyan);font-size:12px;font-weight:600;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.step-instruction{color:var(--text-primary);font-size:18px;line-height:1.5;margin:0 0 16px;max-width:500px}.step-image{border:1px solid rgb(var(--white-rgb)/10%);border-radius:12px;margin:12px 0;max-width:400px;overflow:hidden;width:100%}.step-image img{display:block;height:auto;width:100%}.step-url{align-items:center;background:#22d3ee26;border:1px solid rgba(34,211,238,.4);border-radius:8px;color:var(--accent-cyan);display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:12px;padding:8px 14px;text-decoration:none;transition:all .2s ease}.step-url:hover{background:#22d3ee40;border-color:var(--accent-cyan);transform:translateY(-1px)}.step-url svg{height:14px;width:14px}.step-tip{align-items:center;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:8px;color:#fbbf24;display:flex;font-size:13px;gap:8px;padding:10px 16px}.step-tip svg{flex-shrink:0;height:16px;width:16px}.cooking-actions{display:flex;gap:12px;justify-content:center}.complete-step-btn,.finish-btn,.prev-step-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.prev-step-btn{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);color:var(--text-secondary)}.prev-step-btn:hover:not(:disabled){background:rgb(var(--white-rgb)/10%);color:var(--text-primary)}.prev-step-btn:disabled{cursor:not-allowed;opacity:.3}.prev-step-btn svg{height:16px;width:16px}.complete-step-btn{background:linear-gradient(135deg,#22d3ee33,#22d3ee1a);border:1px solid rgba(34,211,238,.4);color:var(--accent-cyan)}.complete-step-btn:hover{background:linear-gradient(135deg,#22d3ee4d,#22d3ee26);border-color:var(--accent-cyan);transform:translateY(-1px)}.complete-step-btn svg{height:16px;width:16px}.finish-btn{background:linear-gradient(135deg,#4ade8040,#4ade8026);border:1px solid rgba(74,222,128,.5);color:var(--accent-color)}.finish-btn:hover{background:linear-gradient(135deg,#4ade8059,#4ade8033);border-color:var(--accent-color);transform:translateY(-1px)}.finish-btn svg{height:18px;width:18px}.servings{background:rgb(var(--white-rgb)/8%);border-radius:4px;font-size:12px;padding:2px 8px}@media(max-width:768px){.cooking-title span:not(.cooking-icon){display:none}.step-instruction{font-size:16px}.steps-timeline{flex-wrap:wrap}.step-dot{font-size:12px;height:28px;width:28px}.cooking-actions{flex-direction:column}.complete-step-btn,.finish-btn,.prev-step-btn{justify-content:center;width:100%}}.pantry-actions-bar{display:flex;justify-content:flex-end;margin-bottom:12px}.add-pantry-btn,.add-recipe-btn{align-items:center;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.add-pantry-btn:hover,.add-recipe-btn:hover{background:#fbbf2433;border-color:#fbbf24}.add-pantry-btn svg,.add-recipe-btn svg{height:16px;width:16px}.recipes-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.recipe-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.filter-btn:hover{background:rgb(var(--white-rgb)/6%);border-color:rgb(var(--white-rgb)/15%)}.filter-btn.active{background:rgb(var(--white-rgb)/8%);border-color:rgb(var(--white-rgb)/20%);color:var(--text-primary)}.filter-btn.ready.active{background:#4ade801a;border-color:#4ade804d;color:var(--accent-color)}.filter-btn.almost.active{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.filter-btn.missing.active{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.pantry-item:hover{background:rgb(var(--white-rgb)/6%);border-color:#fbbf244d}.delete-shopping-btn{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;transition:all .2s ease;width:28px}.shopping-item-full:hover .delete-shopping-btn{opacity:1}.delete-shopping-btn:hover{color:#ef4444}.delete-shopping-btn svg{height:16px;width:16px}.recipe-detail-actions{align-items:center;display:flex;justify-content:space-between}.delete-recipe-btn{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.delete-recipe-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.delete-recipe-btn svg{height:18px;width:18px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgb(var(--black-rgb)/80%);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:400px;overflow:hidden;position:relative;width:100%}.modal-content.modal-large{max-width:500px}.modal-content.modal-xlarge{max-height:550px;max-width:600px}.modal-header{align-items:center;background:var(--bg-card);border-bottom:1px solid rgb(var(--white-rgb)/6%);border-radius:16px 16px 0 0;display:flex;gap:12px;padding:20px}.modal-header h3{color:var(--text-primary);flex:1;font-size:18px;font-weight:600;margin:0}.modal-icon{font-size:32px}.modal-close{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-body{background:var(--bg-card);flex:1;min-height:0;overflow:hidden auto;padding:20px;scrollbar-color:rgb(var(--white-rgb)/20%) rgb(var(--white-rgb)/5%);scrollbar-width:thin}.modal-body::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/20%);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:rgb(var(--white-rgb)/30%)}.modal-footer{background:var(--bg-card);border-radius:0 0 16px 16px;border-top:1px solid rgb(var(--white-rgb)/6%);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 20px}.form-row{display:flex;gap:12px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.flex-grow{flex:1}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group select{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#fbbf2480}.form-group input::placeholder{color:var(--text-secondary)}.form-group select{appearance:auto;color-scheme:dark;cursor:pointer}.form-group select option{background:var(--bg-card);color:var(--text-primary)}.form-group input[type=number]{width:80px}.icon-picker-group{position:relative}.icon-picker-btn{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:10px;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.icon-picker-btn:hover{background:rgb(var(--white-rgb)/10%);border-color:rgb(var(--white-rgb)/20%)}.emoji-picker{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px rgb(var(--black-rgb)/50%);display:grid;gap:4px;grid-template-columns:repeat(8,1fr);left:0;margin-top:8px;max-height:200px;max-width:280px;overflow-y:auto;padding:12px;position:absolute;top:100%;z-index:10}.emoji-picker button{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.emoji-picker button:hover{background:rgb(var(--white-rgb)/10%)}.emoji-picker button.selected{background:#fbbf2433;border-color:#fbbf2480}.quantity-editor{margin-bottom:16px}.quantity-editor label{color:var(--text-secondary);display:block;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.quantity-controls{align-items:center;display:flex;gap:8px}.quantity-controls button{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.quantity-controls button:hover{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24}.quantity-controls input{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);font-size:16px;font-weight:600;outline:none;padding:10px;text-align:center;width:80px}.quantity-controls input:focus{border-color:#fbbf2480}.unit-label{color:var(--text-secondary);font-size:14px}.quick-adjust{align-items:center;display:flex;gap:8px}.quick-adjust,.quick-adjust button{color:var(--text-secondary);font-size:12px}.quick-adjust button{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:6px;cursor:pointer;padding:6px 12px;transition:all .2s ease}.quick-adjust button:hover{background:rgb(var(--white-rgb)/10%);color:var(--text-primary)}.status-selector{display:flex;flex-direction:column;gap:8px;margin-top:16px}.status-selector label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.status-btn,.status-buttons{display:flex;gap:8px}.status-btn{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1;justify-content:center;padding:10px 14px;transition:all .2s ease}.status-btn:hover{background:rgb(var(--white-rgb)/10%);border-color:rgb(var(--white-rgb)/20%)}.status-btn.active{background:rgb(var(--white-rgb)/12%);border-color:rgb(var(--white-rgb)/30%);color:var(--text-primary)}.status-dot{border-radius:50%;height:10px;width:10px}.status-dot.green{background:var(--accent-color)}.status-dot.yellow{background:#fbbf24}.status-dot.red{background:#ef4444}.cancel-btn{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:rgb(var(--white-rgb)/10%);color:var(--text-primary)}.save-btn{background:#4ade8026;border:1px solid rgba(74,222,128,.4);border-radius:8px;color:var(--accent-color);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#4ade8040;border-color:var(--accent-color)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.delete-btn{align-items:center;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-right:auto;padding:10px 16px;transition:all .2s ease}.delete-btn:hover{background:#ef444433;border-color:#ef4444}.delete-btn svg{height:16px;width:16px}.recipe-form{gap:20px}.form-section,.recipe-form{display:flex;flex-direction:column}.form-section{gap:12px}.form-section h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.section-header{align-items:center;display:flex;justify-content:space-between}.add-row-btn{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:6px;color:var(--accent-color);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s ease}.add-row-btn:hover{background:#4ade8033}.ingredients-editor{display:flex;flex-direction:column;gap:8px}.ingredient-row-editor{align-items:center;display:flex;gap:8px}.ingredient-row-editor input[type=text]{flex:1;min-width:0;padding:10px 12px}.ingredient-row-editor input[type=number],.ingredient-row-editor input[type=text]{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none}.ingredient-row-editor input[type=number]{padding:10px 8px;text-align:center;width:60px}.ingredient-row-editor select{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);color-scheme:dark;cursor:pointer;font-size:13px;padding:10px 8px}.ingredient-row-editor select option{background:var(--bg-card);color:var(--text-primary)}.optional-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;-webkit-user-select:none;user-select:none;white-space:nowrap}.optional-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.optional-checkbox:hover{color:var(--text-primary)}.remove-row-btn{align-items:center;background:transparent;border:1px solid rgb(var(--white-rgb)/10%);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-row-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d;color:#ef4444}.remove-row-btn:disabled{cursor:not-allowed;opacity:.3}.remove-row-btn svg{height:14px;width:14px}.steps-editor{display:flex;flex-direction:column;gap:10px}.step-row-editor{align-items:flex-start;display:flex;gap:10px}.step-row-editor .step-number{align-items:center;background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:50%;color:var(--accent-cyan);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;margin-top:6px;width:28px}.step-inputs{display:flex;flex:1;flex-direction:column;gap:6px}.step-inputs input{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none;padding:10px 12px}.step-inputs input:focus{border-color:#22d3ee66}.step-inputs input::placeholder{color:var(--text-secondary)}.step-inputs input:last-child{font-size:12px;padding:8px 12px}.step-row-editor .remove-row-btn{margin-top:6px}@media(max-width:600px){.modal-content{max-height:95vh}.modal-content.modal-xlarge{max-width:100%}.form-row{flex-wrap:wrap}.form-group{min-width:100px}.emoji-picker{grid-template-columns:repeat(6,1fr);max-width:220px}.ingredient-row-editor{flex-wrap:wrap}.ingredient-row-editor input[type=text]{flex:1 1 100%}}.recipe-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-badge{align-items:center;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:12px;color:#fbbf24;display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px}.tag-badge button{background:none;border:none;color:#fbbf24b3;cursor:pointer;font-size:16px;line-height:1;padding:0;transition:color .2s}.tag-badge button:hover{color:#fbbf24}.tags-autocomplete-container{position:relative}.tags-input-wrapper{align-items:center;display:flex;gap:8px}.tags-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1;font-family:inherit;font-size:14px;padding:8px 12px}.tags-input:focus{border-color:var(--accent-color);outline:none}.add-tag-btn{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.add-tag-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.tags-suggestions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;padding:8px;position:absolute;right:0;top:100%;z-index:1000}.suggestions-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;padding:0 8px;text-transform:uppercase}.tag-suggestion{background:transparent;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;margin-bottom:2px;padding:8px 12px;text-align:left;transition:all .15s;width:100%}.tag-suggestion:hover{background:var(--accent-color);color:#fff}.tags-display{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.alex-score{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:6px;font-size:12px;padding:4px 8px}.alex-score,.score-display{color:#fbbf24;font-weight:600}.score-display{font-size:18px;margin-top:8px;text-align:center}.recipe-header-actions,.recipe-pagination{align-items:center;display:flex;gap:12px}.recipe-pagination{flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}.recipe-count{color:var(--text-secondary);font-size:12px}.recipe-page-controls{align-items:center;display:flex;gap:8px}.page-btn{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.page-btn:hover:not(:disabled){background:rgb(var(--white-rgb)/10%);border-color:rgb(var(--white-rgb)/18%)}.page-btn:disabled{cursor:not-allowed;opacity:.45}.page-indicator{color:var(--text-secondary);font-size:12px;min-width:64px;text-align:center}.recipe-sort-select{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;min-width:150px;padding:8px 12px;transition:all .2s}.recipe-sort-select:hover{background:rgb(var(--white-rgb)/8%);border-color:rgb(var(--white-rgb)/15%)}.recipe-sort-select:focus{background:rgb(var(--white-rgb)/8%);border-color:#fbbf2480;outline:none}.recipe-sort-select option{background:#1e1e1e;color:var(--text-primary);padding:8px}.tag-filter-select{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;min-width:180px;padding:8px 12px;transition:all .2s}.tag-filter-select:hover{background:rgb(var(--white-rgb)/8%);border-color:rgb(var(--white-rgb)/15%)}.tag-filter-select:focus{background:rgb(var(--white-rgb)/8%);border-color:#fbbf2480;outline:none}.tag-filter-select option{background:#1e1e1e;color:var(--text-primary);padding:8px}.edit-recipe-btn{align-items:center;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.edit-recipe-btn:hover{background:#22c55e40;border-color:#22c55e80}.edit-recipe-btn svg{height:18px;width:18px}.recipe-action-buttons{display:flex;gap:8px}.recipe-notes-input{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.5;padding:12px;resize:vertical;transition:all .2s;width:100%}.recipe-notes-input:focus{background:rgb(var(--white-rgb)/8%);border-color:#fbbf2480;outline:none}.recipe-notes-input::placeholder{color:var(--text-secondary)}.recipe-notes-section{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/6%);border-radius:12px;margin-top:16px;padding:16px}.recipe-notes-section h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.recipe-notes-text{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0;overflow-wrap:break-word;white-space:pre-wrap}.recipe-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.recipe-card-tag{background:#fbbf241f;border:1px solid rgba(251,191,36,.25);border-radius:8px;color:#fbbf24e6}.recipe-card-tag,.recipe-card-tag-more{font-size:10px;font-weight:500;padding:2px 6px}.recipe-card-tag-more{background:rgb(var(--white-rgb)/8%);border:1px solid rgb(var(--white-rgb)/15%);border-radius:8px;color:var(--text-secondary)}.recipe-card-score{background:#fbbf241f;border:1px solid rgba(251,191,36,.25);border-radius:4px;color:#fbbf24;font-size:11px;font-weight:600;padding:2px 6px}.image-gallery{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:12px}.image-gallery-item{aspect-ratio:1;background:#0003;border-radius:6px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.image-gallery-item:hover{transform:scale(1.05)}.image-gallery-item img{height:100%;object-fit:cover;width:100%}.image-gallery-delete{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:20px;justify-content:center;line-height:1;opacity:0;position:absolute;right:4px;top:4px;transition:all .2s ease;width:20px}.image-gallery-item:hover .image-gallery-delete{opacity:1}.image-gallery-delete:hover{background:#dc2626;transform:scale(1.1)}.image-upload{margin:10px 0}.image-upload-btn{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.image-upload-btn:hover{background:#ffffff26;border-color:#ffffff4d}.image-upload-btn svg{flex-shrink:0}.image-preview-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:10px}.image-preview-item{aspect-ratio:1;background:#0003;border-radius:6px;overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.image-preview-remove{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .3s ease;width:24px}.image-preview-remove:hover{background:#dc2626;transform:scale(1.1)}.tasks-header{align-items:flex-start;display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:space-between}.tasks-title-section{align-items:center;display:flex;gap:12px}.tasks-icon{align-items:center;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:10px;color:#10b981;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.tasks-icon svg{height:22px;width:22px}.tasks-header h3{color:var(--text-primary);font-size:clamp(14px,2vw,16px);font-weight:600;margin:0}.tasks-subtitle{color:var(--text-secondary);font-size:12px}.tasks-tabs{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/6%);border-radius:10px;display:flex;gap:6px;padding:4px}.tasks-tab{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.tasks-tab:hover{background:rgb(var(--white-rgb)/5%);color:var(--text-primary)}.tasks-tab.active{background:#10b98126;color:#10b981}.tasks-tab .tab-icon{font-size:14px}.tasks-content{flex:1;min-height:0;overflow:hidden}.notes-view,.tasks-view{display:flex;flex-direction:column;gap:12px;height:100%}.tasks-card .task-filters{display:flex;gap:6px}.tasks-card .filter-btn{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s ease}.tasks-card .filter-btn:hover{background:rgb(var(--white-rgb)/10%)}.tasks-card .filter-btn.active{background:#10b9811a;border-color:#10b9814d;color:#10b981}.tasks-card .tasks-list{display:flex;flex:1;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-color:rgb(var(--white-rgb)/15%) rgb(var(--white-rgb)/5%);scrollbar-width:thin}.tasks-card .tasks-list::-webkit-scrollbar{width:4px}.tasks-card .tasks-list::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.tasks-card .tasks-list::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/15%);border-radius:4px}.tasks-card .task-item{align-items:flex-start;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:10px;display:flex;gap:10px;padding:12px;transition:all .2s ease}.tasks-card .task-item:hover{border-color:rgb(var(--white-rgb)/15%)}.tasks-card .task-item.completed{opacity:.6}.tasks-card .task-checkbox{align-items:center;background:transparent;border:2px solid rgb(var(--white-rgb)/20%);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all .2s ease;width:20px}.tasks-card .task-checkbox:hover{border-color:#10b98180}.tasks-card .task-checkbox.checked{background:#10b981;border-color:#10b981}.tasks-card .task-checkbox svg{color:#0a0a0a;height:12px;width:12px}.tasks-card .task-content{cursor:pointer;flex:1;min-width:0}.tasks-card .task-content:hover .task-text{color:#10b981}.tasks-card .task-text{color:var(--text-primary);display:block;font-size:13px;margin-bottom:4px}.tasks-card .task-item.completed .task-text{color:var(--text-secondary);text-decoration:line-through}.tasks-card .task-meta{align-items:center;display:flex;gap:8px}.tasks-card .priority{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.tasks-card .priority.high{background:#ef44441a;color:#ef4444}.tasks-card .priority.medium{background:#fbbf241a;color:#fbbf24}.tasks-card .priority.low{background:#6b72801a;color:#6b7280}.tasks-card .due-date{color:var(--text-secondary);font-size:11px}.tasks-card .delete-btn{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.tasks-card .task-item:hover .delete-btn{opacity:1}.tasks-card .delete-btn:hover{color:#ef4444}.tasks-card .delete-btn svg{height:14px;width:14px}.tasks-card .clear-completed{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;transition:color .2s ease}.tasks-card .clear-completed:hover{color:#ef4444}.tasks-card .add-task-btn{align-items:center;background:#10b9810d;border:1px dashed rgba(16,185,129,.3);border-radius:10px;color:#10b981;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.tasks-card .add-task-btn:hover{background:#10b9811a;border-style:solid}.tasks-card .add-task-btn svg{height:16px;width:16px}.tasks-card .edit-btn{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.tasks-card .task-item:hover .edit-btn{opacity:1}.tasks-card .edit-btn:hover{color:#10b981}.tasks-card .edit-btn svg{height:14px;width:14px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgb(var(--black-rgb)/80%);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.modal-content{background:var(--bg-card);border:1px solid rgb(var(--white-rgb)/10%);border-radius:16px;display:flex;flex-direction:column;max-height:700px;max-width:450px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid rgb(var(--white-rgb)/8%);display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:rgb(var(--white-rgb)/5%);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:rgb(var(--white-rgb)/10%);color:var(--text-primary)}.modal-close svg{height:16px;width:16px}.modal-body{flex:1;min-height:0;overflow:hidden auto;padding:20px}.modal-body>*+*{margin-top:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group .modal-body::-webkit-scrollbar{width:10px}.form-group .modal-body::-webkit-scrollbar-track{background:#ffffff14;border-radius:5px}.form-group .modal-body::-webkit-scrollbar-thumb{background:#667eeab3;border-radius:5px}.form-group .modal-body::-webkit-scrollbar-thumb:hover{background:#667eea}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group select{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#10b98180}.form-group select{cursor:pointer}.form-group select option{background:#1a1a1a;color:var(--text-primary)}.form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}.priority-selector{display:flex;gap:8px}.priority-btn{border-radius:6px;cursor:pointer;flex:1;font-size:11px;font-weight:600;padding:8px;text-transform:uppercase;transition:all .2s ease}.priority-btn.high{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.priority-btn.high.active{background:#ef444433;border-color:#ef4444}.priority-btn.medium{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.priority-btn.medium.active{background:#fbbf2433;border-color:#fbbf24}.priority-btn.low{background:#6b72801a;border:1px solid hsla(220,9%,46%,.2);color:#6b7280}.priority-btn.low.active{background:#6b728033;border-color:#6b7280}.modal-footer{align-items:center;border-top:1px solid rgb(var(--white-rgb)/8%);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-actions{display:flex;gap:12px;margin-left:auto}.btn-cancel{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-cancel:hover{background:rgb(var(--white-rgb)/10%);color:var(--text-primary)}.btn-save{background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:8px;color:#10b981;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-save:hover:not(:disabled){background:#10b9814d}.btn-save:disabled{cursor:not-allowed;opacity:.5}.btn-delete{align-items:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.btn-delete:hover{background:#ef444433;border-color:#ef444466}.btn-delete svg{height:14px;width:14px}.add-note-btn{align-items:center;background:#10b9810d;border:1px dashed rgba(16,185,129,.3);border-radius:10px;color:#10b981;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.add-note-btn:hover{background:#10b9811a;border-style:solid}.add-note-btn svg{height:16px;width:16px}.notes-grid{display:grid;flex:1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;scrollbar-color:rgb(var(--white-rgb)/15%) rgb(var(--white-rgb)/5%);scrollbar-width:thin}.notes-grid::-webkit-scrollbar{width:4px}.notes-grid::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.notes-grid::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/15%);border-radius:4px}.note-card{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-left:4px solid #10b981;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:14px;transition:all .2s ease}.note-card:hover{border-color:rgb(var(--white-rgb)/15%);transform:translateY(-2px)}.note-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.note-header h4{color:var(--text-primary);flex:1;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:20px;padding:0;transition:all .2s ease;width:20px}.pin-btn.pinned,.pin-btn:hover{color:#fbbf24}.pin-btn svg{height:16px;width:16px}.note-content{-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;-webkit-line-clamp:4;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.note-footer{align-items:center;border-top:1px solid rgb(var(--white-rgb)/6%);display:flex;justify-content:space-between;padding-top:8px}.note-date{color:var(--text-secondary);font-size:10px}.missions-view{padding:1rem 0}.missions-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.mission-card{background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-width:0;padding:1.25rem;position:relative;transition:all .3s ease}.mission-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.mission-card.completed{opacity:.5}.mission-card.completed:hover{opacity:.7}.mission-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem;min-width:0}.mission-header h4{color:var(--text-primary);flex:1;font-size:1.05rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-type-indicator{align-items:center;background:#60a5fa1f;border:2px solid rgba(96,165,250,.6);border-radius:6px;color:#60a5fa;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;min-width:24px;width:24px}.mission-card.completed h4{opacity:.6;text-decoration:line-through}.mission-checkbox{align-items:center;background:transparent;border:2px solid #10b981;border-radius:6px;cursor:pointer;display:flex;height:24px;justify-content:center;min-width:24px;padding:0;transition:all .2s ease;width:24px}.mission-checkbox:hover{background:#10b9811a;transform:scale(1.05)}.mission-checkbox.checked{background:#10b981;border-color:#10b981}.mission-checkbox svg{color:#fff;height:14px;width:14px}.mission-description{-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;-webkit-line-clamp:3;line-height:1.5;margin:0 0 .75rem;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis}.mission-amount-panel{background:linear-gradient(135deg,#3b82f61f,#0f172a33);border:1px solid rgba(59,130,246,.2);border-radius:14px;display:grid;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.amount-input-row{display:grid;gap:.5rem;grid-template-columns:1fr auto}.amount-input{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:8px 10px;transition:border-color .2s ease;width:100%}.amount-input:focus{border-color:#60a5fab3}.amount-log-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.5);border-radius:8px;color:#60a5fa;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.amount-log-btn:hover{background:#3b82f64d}.amount-metrics-grid{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.amount-metric{color:var(--text-secondary);display:grid;font-size:.7rem;gap:.2rem;letter-spacing:.08em;text-transform:uppercase}.amount-metric strong{color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:0;text-transform:none}.amount-target{display:grid;gap:.4rem}.amount-target-bar{background:#ffffff1f;border-radius:999px;height:6px;overflow:hidden}.amount-target-fill{background:linear-gradient(90deg,#3b82f6e6,#0ea5e9e6);border-radius:999px;box-shadow:0 0 8px #3b82f666;display:block;height:100%}.amount-target-meta{color:var(--text-secondary);font-size:.75rem}.amount-history{display:grid;gap:.4rem}.amount-history-label{color:var(--text-secondary);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.amount-history-bars{align-items:flex-end;display:flex;gap:4px;height:36px}.amount-history-bar{background:#ffffff14;border-radius:4px;flex:1;transition:transform .2s ease,background .2s ease}.amount-history-bar.has-value{background:#3b82f6b3;box-shadow:0 0 6px #3b82f659}.amount-history-bar.current{outline:1px solid rgba(251,191,36,.8)}.amount-history-bar:hover{transform:translateY(-2px)}.mission-meta{color:var(--text-secondary);display:grid;font-size:.75rem;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.5rem;padding:.5rem 0}.mission-meta div{display:grid;gap:.2rem}.meta-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.meta-label,.meta-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-value{color:var(--text-primary);font-size:.85rem;font-weight:600}.mission-history{display:grid;gap:.4rem;margin-bottom:.75rem}.mission-history-label{color:var(--text-secondary);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.mission-history-dots{display:flex;flex-wrap:wrap;gap:.35rem}.mission-history-dot{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;height:12px;transition:transform .2s ease,border-color .2s ease,background .2s ease;width:12px}.mission-history-dot.completed{background:#10b981e6;border-color:#10b981e6;box-shadow:0 0 8px #10b98173}.mission-history-dot.current{background:#60a5fa26;border-color:#60a5facc;box-shadow:0 0 6px #60a5fa66}.mission-history-dot.missed{background:#ffffff08;border-color:#ffffff14}.mission-history-dot:hover{transform:translateY(-2px)}.mission-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;margin-top:auto;padding-top:.75rem}.mission-footer-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.mission-type-badge{background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:.7rem;letter-spacing:.08em;padding:.2rem .5rem;text-transform:uppercase}.mission-type-badge.checkbox{background:#a855f726;border-color:#a855f74d;color:#a855f7}.mission-card.checkbox{cursor:default;min-height:auto;padding:.6rem .75rem}.mission-card.checkbox:hover{background:#ffffff0d;transform:none}.mission-card.checkbox.completed,.mission-card.checkbox.completed:hover{opacity:1}.mission-card.checkbox .mission-header{align-items:center;gap:.6rem;margin-bottom:0}.mission-card.checkbox .mission-header h4{flex:1;font-size:.9rem;font-weight:500;margin:0;opacity:1;text-decoration:none}.mission-card.checkbox.completed .mission-header h4{opacity:.6;text-decoration:line-through}.mission-card.checkbox .mission-description{color:var(--text-secondary);font-size:.75rem;line-height:1.3;margin:.3rem 0 0 2rem;opacity:.7}.mission-card.checkbox.completed .mission-description{opacity:.5;text-decoration:line-through}.edit-mission-btn-inline{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.6;padding:0;transition:all .2s ease;width:24px}.edit-mission-btn-inline:hover{background:#ffffff14;color:var(--text-primary);opacity:1}.edit-mission-btn-inline svg{height:14px;width:14px}.recurrence-badge{border-radius:6px;font-size:.75rem;font-weight:500;letter-spacing:.3px;padding:.25rem .6rem;text-transform:capitalize}.recurrence-badge.daily{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.recurrence-badge.weekly{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981}.recurrence-badge.biweekly{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24}.recurrence-badge.monthly{background:#a855f726;border:1px solid rgba(168,85,247,.3);color:#c084fc}.edit-mission-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;opacity:.5;padding:.35rem;transition:all .2s ease}.edit-mission-btn:hover{background:#ffffff0d;opacity:1}.edit-mission-btn svg{color:var(--text-secondary);height:16px;width:16px}.add-mission-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .3s ease;width:100%}.add-mission-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.add-mission-btn:active{transform:translateY(0)}.add-mission-btn svg{height:20px;width:20px}.add-mission-modal .modal-content,.edit-mission-modal .modal-content{max-width:500px}.recurrence-selector{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.recurrence-btn{align-items:center;background:#ffffff08;border:2px solid hsla(0,0%,100%,.1);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem;transition:all .2s ease}.recurrence-btn:hover{background:#ffffff0d;border-color:#fff3}.recurrence-btn.active{background:#667eea26;border-color:#667eea;color:#667eea}.recurrence-icon{font-size:1.5rem}.recurrence-label{font-size:.85rem}.mission-info{align-items:center;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#60a5fa;display:flex;font-size:.875rem;gap:.75rem;margin-top:1rem;padding:.875rem}.mission-amount-settings{display:grid;gap:.75rem}.mission-info.amount-info{background:#0e74901f;border-color:#0e749059;color:#38bdf8;margin-top:0}.mission-info svg{flex-shrink:0;height:20px;width:20px}.mission-stats{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#10b981;font-size:.875rem;margin-top:.75rem;padding:.75rem}.mission-stats-panel{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;display:grid;gap:.5rem;margin-top:.75rem;padding:.75rem}.mission-stat{color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between}.mission-stat strong{color:var(--text-primary);font-weight:600}.mission-calendar-modal{max-width:720px}.mission-calendar-modal.amount-modal{max-width:760px}.mission-calendar-modal .modal-header{align-items:flex-start;gap:16px}.calendar-title{display:flex;flex-direction:column;gap:6px;min-width:0}.calendar-subtitle{color:var(--text-secondary);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.calendar-title h3{font-size:20px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-title .recurrence-badge{align-self:flex-start}.calendar-stats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-stat{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:grid;gap:6px;padding:12px;text-align:center}.calendar-stat span{color:var(--text-secondary);font-size:11px;letter-spacing:.12em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.calendar-stat strong{color:var(--text-primary);font-size:18px;font-weight:600}.amount-chart-panel,.calendar-panel{background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;display:grid;gap:12px;padding:16px}.amount-chart-header{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.amount-target-badge{background:#3b82f61f;border:1px solid rgba(59,130,246,.3);border-radius:999px;color:#60a5fa;font-size:.75rem;padding:.25rem .6rem;white-space:nowrap}.amount-chart{align-items:flex-end;display:flex;gap:6px;height:180px;padding-bottom:6px;position:relative}.amount-streak-summary{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:10px}.amount-streak-summary strong{color:var(--text-primary);font-weight:600}.amount-streak-summary span{color:#60a5fa;font-weight:600;margin-left:auto}.amount-target-line{background:#fbbf24b3;box-shadow:0 0 6px #fbbf2466;height:1px;left:0;position:absolute;right:0}.amount-bar{background:#ffffff14;border-radius:8px;flex:1;min-height:6px;transition:transform .2s ease,background .2s ease}.amount-bar.has-value{background:linear-gradient(180deg,#3b82f6e6,#0e7490d9);box-shadow:0 0 10px #3b82f659}.amount-bar.current{outline:1px solid rgba(251,191,36,.8)}.amount-bar.empty{opacity:.4}.amount-bar:hover{transform:translateY(-4px)}.amount-chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.view-toggle-btn{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.view-toggle-btn svg{height:14px;width:14px}.view-toggle-btn:hover{background:#ffffff14;border-color:#fff3;color:var(--text-primary)}.view-toggle-btn.active{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.amount-chart.full-history{overflow:auto hidden;padding-right:12px;scroll-behavior:smooth}.amount-chart.full-history::-webkit-scrollbar{height:6px}.amount-chart.full-history::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.amount-chart.full-history::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.amount-chart.full-history::-webkit-scrollbar-thumb:hover{background:#ffffff40}.amount-chart.full-history .amount-bar{flex-shrink:0;min-width:16px}.amount-footer{align-items:center;flex-wrap:wrap;gap:.75rem 1rem}.calendar-panel-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.calendar-range{color:var(--text-primary);font-size:14px;font-weight:600}.calendar-caption{display:block;margin-top:2px}.calendar-caption,.calendar-legend{color:var(--text-secondary);font-size:12px}.calendar-legend{display:flex;flex-wrap:wrap;gap:10px 14px}.legend-item{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.legend-dot{border:1px solid hsla(0,0%,100%,.15);border-radius:4px;height:10px;width:10px}.legend-dot.completed{background:#10b981e6;border-color:#10b981e6}.legend-dot.current{background:#60a5fa33;border-color:#60a5fae6}.legend-dot.missed{background:#ffffff0f;border-color:#ffffff1f}.legend-dot.inactive{background:#ffffff05;border-color:#ffffff0f}.calendar-weekdays{color:var(--text-secondary);font-size:11px;letter-spacing:.12em;text-align:center;text-transform:uppercase}.calendar-days,.calendar-weekdays{display:grid;gap:6px;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;color:var(--text-secondary);cursor:default;display:flex;font-size:12px;font-weight:500;height:36px;justify-content:center;padding:0;transition:transform .2s ease,border-color .2s ease}.calendar-day.completed{background:#10b98133;border-color:#10b98199;color:#10b981}.calendar-day.missed{background:#ef444414;border-color:#ef444440;color:#f87272e6}.calendar-day.current{border-color:#60a5fab3;box-shadow:0 0 8px #60a5fa59;color:#93c5fd}.calendar-day.future{opacity:.35}.calendar-day.inactive{background:transparent;border-color:transparent;color:#94a3b866}.calendar-day.today{border-color:#fbbf24cc;box-shadow:0 0 10px #fbbf2459;color:#fbbf24}.calendar-day:hover{transform:translateY(-2px)}.calendar-footer-meta{color:var(--text-secondary);font-size:13px}.calendar-footer-meta strong{color:var(--text-primary);font-weight:600}@media(max-width:520px){.amount-input-row{grid-template-columns:1fr}.amount-log-btn{width:100%}.calendar-stats,.mission-meta{grid-template-columns:1fr}.calendar-panel{padding:12px}.calendar-days{gap:4px}.calendar-day{height:32px}.amount-chart{height:150px}}.form-group textarea{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s ease}.form-group textarea:focus{border-color:#10b98180}.form-group textarea::placeholder{color:var(--text-secondary);opacity:.5}.modal-body::-webkit-scrollbar{width:8px}.tasks-header{background:linear-gradient(140deg,#0f1521b8,#090d178a);border:1px solid var(--edge-soft);border-radius:14px;padding:10px 12px}.tasks-tabs{background:#ffffff0a;border:1px solid var(--edge-soft);border-radius:999px;padding:5px}.tasks-tab{border-radius:999px;font-weight:600}.tasks-tab.active{background:linear-gradient(135deg,#10b98133,#22d3ee24);color:#67e8f9}.missions-grid{gap:1.15rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mission-card{background:linear-gradient(155deg,#121a28d6,#0a0e18c2);border:1px solid rgba(148,163,184,.18);border-radius:18px;box-shadow:0 14px 32px #00000059;padding:1rem}.mission-card:hover{background:linear-gradient(155deg,#141d2ee6,#0c111dd1);border-color:#60a5fa5c;box-shadow:0 18px 36px #00000070;transform:translateY(-3px)}.mission-header{margin-bottom:.72rem}.mission-header h4{font-size:.98rem;font-weight:700;letter-spacing:.01em}.mission-description{color:#cbd5e1b8;font-size:.81rem;margin-bottom:.65rem}.mission-checkbox{border-color:#22c55e8c;border-radius:8px;height:22px;min-width:22px;width:22px}.mission-checkbox.checked{background:linear-gradient(135deg,#10b981f2,#22c55ee6);border-color:#4ade80f2}.mission-type-indicator{background:linear-gradient(135deg,#60a5fa47,#22d3ee33);border:1px solid rgba(96,165,250,.55);border-radius:8px;font-size:.75rem;height:22px;min-width:22px;width:22px}.mission-amount-panel{background:linear-gradient(155deg,#1e40af38,#0f172a6b);border:1px solid rgba(96,165,250,.26);border-radius:12px;gap:.65rem}.amount-input{background:#090e18bd;border-color:#94a3b83d;border-radius:10px}.amount-input:focus{border-color:#60a5fab8;box-shadow:0 0 0 3px #60a5fa2e}.amount-log-btn{background:linear-gradient(135deg,#2563eb52,#0ea5e93d);border-color:#60a5fa8f;border-radius:10px}.amount-log-btn:hover{background:linear-gradient(135deg,#2563eb6b,#0ea5e957)}.amount-metric{font-size:.62rem;letter-spacing:.1em}.amount-metric strong{color:#f1f5f9f0;font-size:.92rem}.amount-target-bar{background:#ffffff24;height:7px}.amount-target-fill{background:linear-gradient(90deg,#2563ebf0,#10b981f0)}.amount-history-bars{height:44px}.amount-history-bar{border-radius:6px;min-height:6px}.amount-history-bar.has-value{background:linear-gradient(180deg,#2563ebf0,#0e7490e6)}.amount-history-bar.current{outline:1px solid rgba(251,191,36,.9)}.mission-meta{gap:.55rem;margin-bottom:.45rem}.meta-label{color:#94a3b8e6;font-size:.58rem}.meta-value{color:#e2e8f0f2;font-size:.76rem}.amount-history-label,.mission-history-label{color:#94a3b8e0;font-size:.6rem}.mission-history-dots{gap:.28rem}.mission-history-dot{border-radius:5px;height:11px;width:11px}.mission-history-dot.completed{background:linear-gradient(135deg,#10b981fa,#22c55eeb)}.mission-history-dot.current{border-color:#60a5fae0}.mission-footer{border-top-color:#ffffff14;color:#cbd5e1cc;font-size:.76rem}.mission-card.checkbox{background:linear-gradient(155deg,#141c2cdb,#0b101cbd);border-radius:14px;padding:.7rem .82rem}.mission-card.checkbox .mission-header h4{font-size:.82rem}.locked-card-wrapper{height:100%;position:relative;width:100%}.locked-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgb(var(--background-rgb)/50%);border-radius:12px;flex-direction:column;gap:12px;inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.lock-icon,.locked-overlay{align-items:center;display:flex;justify-content:center}.lock-icon{animation:lockPulse 2s ease-in-out infinite;background:rgb(var(--white-rgb)/5%);border:2px solid rgb(var(--white-rgb)/15%);border-radius:50%;color:var(--text-secondary);height:48px;width:48px}.lock-icon svg{height:24px;width:24px}.lock-message{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5);text-transform:uppercase}@keyframes lockPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.locked-placeholder{min-height:300px}.placeholder-content{display:flex;flex-direction:column;gap:16px;padding:20px 0}.placeholder-line{animation:shimmer 2s infinite;background:linear-gradient(90deg,rgb(var(--white-rgb)/5%) 0,rgb(var(--white-rgb)/8%),rgb(var(--white-rgb)/5%));border-radius:6px;height:12px}.placeholder-line.short{width:60%}.placeholder-line.medium{width:80%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.theme-switcher{isolation:isolate;position:relative;z-index:80}.theme-btn{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.theme-btn:hover{background:rgb(var(--white-rgb)/8%);border-color:rgb(var(--white-rgb)/15%)}.theme-btn svg{height:16px;width:16px}.theme-name{font-weight:500}.theme-dropdown{animation:dropdown-appear .2s ease;background:var(--bg-card-solid);border:1px solid rgb(var(--white-rgb)/10%);border-radius:8px;box-shadow:0 4px 12px rgb(var(--black-rgb)/30%);min-width:180px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:3000}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.theme-option{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.625rem .75rem;text-align:left;transition:all .15s ease;width:100%}.theme-option:hover{background:rgb(var(--white-rgb)/8%)}.theme-option.active{background:rgb(var(--accent-color)/10%);color:var(--accent-color)}.theme-option.active:hover{background:rgb(var(--accent-color)/15%)}.theme-option-name{font-weight:500}.theme-option svg{height:16px;opacity:.8;width:16px}.theme-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 92%,transparent),color-mix(in srgb,var(--surface-1) 96%,transparent));border:1px solid var(--edge-soft);border-radius:12px;font-weight:600;position:relative;z-index:1}.theme-btn:hover{border-color:color-mix(in srgb,var(--accent-color) 48%,transparent)}.theme-dropdown{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(170deg,color-mix(in srgb,var(--surface-2) 98%,transparent),color-mix(in srgb,var(--surface-1) 98%,transparent));border:1px solid var(--edge-soft);border-radius:14px;box-shadow:var(--shadow-elevated)}.theme-option{border-radius:10px;font-size:.82rem}.theme-option.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 22%,transparent),color-mix(in srgb,var(--accent-cyan) 16%,transparent));color:color-mix(in srgb,var(--accent-color) 68%,var(--text-primary) 32%)}.command-terminal-card{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.secret-card.command-terminal-card{gap:0}.command-terminal-card .card-header{border-bottom:1px solid rgb(var(--white-rgb)/6%);padding-bottom:12px}.command-terminal-card .card-icon.terminal{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.command-terminal-card .card-header h3{flex:1;font-family:inherit}.command-terminal-card .terminal-actions{display:flex;gap:6px}.command-terminal-card .terminal-btn{align-items:center;background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.command-terminal-card .terminal-btn:hover{background:rgb(var(--white-rgb)/10%);color:var(--text-primary)}.command-terminal-card .terminal-btn svg{height:14px;width:14px}.command-terminal-card .terminal-output{cursor:text;flex:1;max-height:300px;min-height:200px;overflow-y:auto;padding:12px 0;scrollbar-color:rgb(var(--white-rgb)/15%) rgb(var(--white-rgb)/5%);scrollbar-width:thin}.command-terminal-card .terminal-output::-webkit-scrollbar{width:4px}.command-terminal-card .terminal-output::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.command-terminal-card .terminal-output::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/15%);border-radius:4px}.command-terminal-card .terminal-line{align-items:flex-start;display:flex;font-size:13px;gap:8px;line-height:1.5;padding:4px 0}.command-terminal-card .terminal-line.input{color:var(--text-primary)}.command-terminal-card .terminal-line.input .prompt{color:#8b5cf6;font-weight:600}.command-terminal-card .terminal-line.input .command{color:#e2e8f0}.command-terminal-card .terminal-line.output{padding-left:16px}.command-terminal-card .terminal-line.output .output{color:var(--text-secondary);font-family:inherit;font-size:12px;margin:0;overflow-wrap:break-word;white-space:pre-wrap}.command-terminal-card .terminal-line.output.success .output{color:var(--accent-color)}.command-terminal-card .terminal-line.output.error .output{color:#ef4444}.command-terminal-card .terminal-line.output.warning .output{color:#fbbf24}.command-terminal-card .terminal-line.output.info .output{color:#3b82f6}.command-terminal-card .terminal-input-form{align-items:center;border-top:1px solid rgb(var(--white-rgb)/6%);display:flex;flex-shrink:0;gap:8px;padding:12px 0 0}.command-terminal-card .terminal-input-form .prompt{color:#8b5cf6;font-size:14px;font-weight:600}.command-terminal-card .terminal-input{background:transparent;border:none;caret-color:#8b5cf6;color:var(--text-primary);flex:1;font-family:inherit;font-size:13px;outline:none}.command-terminal-card .terminal-input::placeholder{color:rgb(var(--white-rgb)/20%)}.command-terminal-card .terminal-input:focus{animation:blink 1s step-end infinite}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#8b5cf6}}.home-automation-card .card-content{display:flex;flex-direction:column;gap:20px}.home-automation-card .automation-section{display:flex;flex-direction:column;gap:12px}.home-automation-card .section-label{color:rgb(var(--white-rgb)/50%);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.home-automation-card .quick-actions-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.home-automation-card .action-btn{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:8px;justify-content:center;padding:14px 10px;transition:all .2s ease}.home-automation-card .action-btn:hover{background:#4ade801a;border-color:#4ade804d;color:var(--accent-color);transform:translateY(-2px)}.home-automation-card .action-btn:active{transform:translateY(0)}.home-automation-card .action-btn svg{height:20px;width:20px}.home-automation-card .rooms-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.home-automation-card .room-item{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:8px;display:flex;justify-content:space-between;padding:12px 14px;transition:all .2s ease}.home-automation-card .room-item:hover{background:rgb(var(--white-rgb)/5%);border-color:rgb(var(--white-rgb)/12%)}.home-automation-card .room-name{color:var(--text-secondary);font-size:13px}.home-automation-card .toggle{background:rgb(var(--white-rgb)/10%);border-radius:10px;cursor:pointer;height:20px;position:relative;transition:all .2s ease;width:36px}.home-automation-card .toggle:after{background:var(--text-secondary);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:16px}.home-automation-card .toggle.on{background:#4ade804d}.home-automation-card .toggle.on:after{background:var(--accent-color);left:18px}.home-automation-card .controls-list{display:flex;flex-direction:column;gap:16px}.home-automation-card .control-item{display:flex;flex-direction:column;gap:8px}.home-automation-card .control-header{align-items:center;display:flex;justify-content:space-between}.home-automation-card .control-info{align-items:center;display:flex;gap:8px}.home-automation-card .control-info svg{color:rgb(var(--white-rgb)/40%);height:16px;width:16px}.home-automation-card .control-name{color:var(--text-secondary);font-size:13px;font-weight:500}.home-automation-card .control-value{color:var(--accent-color);font-size:12px;font-weight:600;min-width:45px;text-align:right}.home-automation-card .slider{appearance:none;background:rgb(var(--white-rgb)/10%);border-radius:3px;cursor:pointer;height:6px;outline:none;transition:all .2s ease;width:100%}.home-automation-card .slider:hover{background:rgb(var(--white-rgb)/15%)}.home-automation-card .slider::-webkit-slider-thumb{appearance:none;background:var(--accent-color);border-radius:50%;box-shadow:0 0 8px #4ade8080;cursor:pointer;height:16px;transition:all .2s ease;width:16px}.home-automation-card .slider::-webkit-slider-thumb:hover{box-shadow:0 0 12px #4ade80b3;transform:scale(1.1)}.home-automation-card .slider::-moz-range-thumb{background:var(--accent-color);border:none;border-radius:50%;box-shadow:0 0 8px #4ade8080;cursor:pointer;height:16px;transition:all .2s ease;width:16px}.home-automation-card .slider::-moz-range-thumb:hover{box-shadow:0 0 12px #4ade80b3;transform:scale(1.1)}.home-automation-card .slider.temperature::-webkit-slider-thumb{background:linear-gradient(135deg,#3b82f6,#ef4444)}.home-automation-card .slider.temperature::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6,#ef4444)}.home-automation-card .mode-selector{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.home-automation-card .mode-btn{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:6px;justify-content:center;padding:12px 8px;transition:all .2s ease}.home-automation-card .mode-btn:hover{background:rgb(var(--white-rgb)/5%);border-color:rgb(var(--white-rgb)/12%)}.home-automation-card .mode-btn.active{background:#4ade8026;border-color:#4ade8066;color:var(--accent-color)}.home-automation-card .mode-btn svg{height:18px;width:18px}.home-automation-card .mode-btn span{font-weight:500}@media(max-width:768px){.home-automation-card .mode-selector,.home-automation-card .quick-actions-grid,.home-automation-card .rooms-grid{grid-template-columns:1fr}.home-automation-card .action-btn,.home-automation-card .mode-btn{flex-direction:row;justify-content:flex-start;padding:12px 14px}.home-automation-card .action-btn svg,.home-automation-card .mode-btn svg{height:18px;width:18px}}.system-status-card .system-stats{display:flex;flex-direction:column;gap:14px}.system-status-card .system-stat{align-items:center;display:flex;gap:12px}.system-status-card .stat-name{color:var(--text-secondary);font-size:12px;font-weight:500;width:40px}.system-status-card .stat-bar{background:rgb(var(--white-rgb)/8%);border-radius:4px;flex:1;height:8px;overflow:hidden}.system-status-card .stat-fill{background:linear-gradient(90deg,var(--accent-color),var(--accent-cyan));border-radius:4px;height:100%;transition:width .5s ease}.system-status-card .stat-bar.temp .stat-fill{background:linear-gradient(90deg,var(--accent-color),#fbbf24)}.system-status-card .stat-value{color:var(--text-primary);font-size:12px;font-weight:500;text-align:right;width:45px}.system-status-card .connected-ips{border-top:1px solid rgb(var(--white-rgb)/6%);margin-top:16px;padding-top:16px}.system-status-card .ips-title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.system-status-card .ips-list{display:flex;flex-direction:column;gap:6px}.system-status-card .ip-item{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/6%);border-radius:6px;display:flex;font-size:11px;gap:8px;padding:6px 10px;transition:all .2s ease}.system-status-card .ip-item:hover{background:rgb(var(--white-rgb)/5%);border-color:var(--accent-color)}.system-status-card .ip-dot{background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 6px #22d3ee66;height:6px;width:6px}.system-status-card .ip-address{color:var(--text-primary);font-family:Courier New,monospace;font-size:11px;font-weight:500}.system-status-card .ip-username{color:var(--accent-cyan);font-size:11px;font-weight:500;margin-left:auto}.garden-card{gap:18px}.garden-card .card-icon.garden{background:#22c55e1a;border:1px solid rgba(34,197,94,.28);color:#4ade80}.garden-card-header{align-items:flex-start;justify-content:space-between}.garden-title-block{align-items:center;display:flex;gap:12px}.garden-subtitle{color:var(--text-secondary);font-size:12px;margin:4px 0 0}.garden-add-btn,.garden-delete-btn,.garden-primary-btn,.garden-secondary-btn{border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.garden-add-btn,.garden-primary-btn{background:linear-gradient(135deg,#22c55e2e,#10b98124);border:1px solid rgba(34,197,94,.28);color:#86efac;padding:10px 14px}.garden-add-btn:hover,.garden-primary-btn:hover{background:linear-gradient(135deg,#22c55e3d,#10b9812e);border-color:#4ade8066}.garden-stats{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.garden-stat{background:linear-gradient(180deg,rgb(var(--white-rgb)/4%),rgb(var(--white-rgb)/2%));border:1px solid rgb(var(--white-rgb)/8%);border-radius:14px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px}.garden-stat-label{color:var(--text-secondary);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.garden-stat strong{color:var(--text-primary);font-size:24px;line-height:1}.garden-content{overflow-y:auto}.garden-item,.garden-list{display:flex;flex-direction:column;gap:14px}.garden-item{background:radial-gradient(circle at top right,rgb(74 222 128/9%),transparent 35%),rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:18px;padding:18px;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.garden-item:hover{border-color:rgb(var(--white-rgb)/16%);transform:translateY(-1px)}.garden-item.ready-to-harvest{border-color:#22c55e59}.garden-item-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.garden-item h4{color:var(--text-primary);font-size:18px;margin:0}.garden-item-meta{color:var(--text-secondary);font-size:12px;margin:6px 0 0}.garden-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.garden-pill,.garden-status{border-radius:999px;font-size:11px;font-weight:700;padding:6px 10px}.garden-pill{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);color:var(--text-secondary)}.garden-pill.warm{background:#fbbf241f;border-color:#fbbf244d;color:#fcd34d}.garden-pill.muted{background:rgb(var(--white-rgb)/4%);color:var(--text-secondary)}.garden-status{background:#22c55e1f;border:1px solid transparent;color:#86efac}.garden-status.planned{background:#3b82f61f;color:#93c5fd}.garden-status.seedling{background:#22c55e1a;color:#86efac}.garden-status.growing{background:#14b8a61a;color:#5eead4}.garden-status.ready{background:#fbbf241f;color:#fcd34d}.garden-status.finished{background:#94a3b81f;color:#cbd5e1}.garden-schedule-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.garden-schedule-card{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/7%);border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px}.garden-schedule-card span{color:var(--text-secondary);font-size:11px;text-transform:uppercase}.garden-schedule-card strong{color:var(--text-primary);font-size:13px}.garden-notes{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.garden-item-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.garden-insight{color:var(--text-secondary);font-size:12px}.garden-actions,.garden-modal-actions{display:flex;gap:8px}.garden-secondary-btn{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);color:var(--text-primary);padding:10px 14px}.garden-secondary-btn:hover:not(:disabled){border-color:#4ade8047;color:#d1fae5}.garden-secondary-btn:disabled{cursor:default;opacity:.55}.garden-empty-state{align-items:center;background:radial-gradient(circle at top,rgba(34,197,94,.1),transparent 50%),rgb(var(--white-rgb)/3%);border:1px dashed rgba(34,197,94,.22);border-radius:20px;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:260px;padding:28px;text-align:center}.garden-empty-state h4,.garden-empty-state p{margin:0}.garden-empty-state h4{color:var(--text-primary);font-size:20px}.garden-empty-state p{color:var(--text-secondary);max-width:540px}.garden-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617a8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.garden-modal{background:radial-gradient(circle at top,rgba(34,197,94,.12),transparent 42%),#070a12f5;border:1px solid rgb(var(--white-rgb)/10%);border-radius:24px;box-shadow:0 30px 80px #00000073;display:flex;flex-direction:column;max-height:min(90vh,880px);max-width:880px;overflow:hidden;width:min(100%,880px)}.garden-modal-footer,.garden-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px}.garden-modal-header{border-bottom:1px solid rgb(var(--white-rgb)/8%)}.garden-modal-header h3{color:var(--text-primary);font-size:18px;margin:0}.garden-modal-close{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:color .2s ease;width:36px}.garden-modal-close:hover{color:var(--text-primary)}.garden-modal-close svg{height:18px;width:18px}.garden-modal-body{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:24px}.garden-form-grid{display:grid;gap:16px}.garden-form-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-form-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-form-group{display:flex;flex-direction:column;gap:8px}.garden-form-group span{color:var(--text-secondary);font-size:12px;font-weight:600}.garden-form-group input,.garden-form-group select,.garden-form-group textarea{background:rgb(var(--white-rgb)/4%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:12px;color:var(--text-primary);font:inherit;outline:none;padding:12px 14px;transition:border-color .2s ease,background-color .2s ease}.garden-form-group input:focus,.garden-form-group select:focus,.garden-form-group textarea:focus{background:rgb(var(--white-rgb)/6%);border-color:#4ade8066}.garden-form-group input:disabled{cursor:not-allowed;opacity:.5}.garden-form-group textarea{min-height:112px;resize:vertical}.garden-toggle{align-items:center;background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:14px;color:var(--text-primary);display:flex;gap:12px;padding:14px 16px}.garden-toggle input{accent-color:#22c55e;flex-shrink:0}.garden-modal-footer{border-top:1px solid rgb(var(--white-rgb)/8%)}.garden-delete-btn{background:#ef44441f;border:1px solid rgba(239,68,68,.28);color:#fca5a5;padding:10px 14px}.garden-delete-btn:hover{background:#ef444429}@media(max-width:1024px){.garden-form-grid.three-up,.garden-schedule-grid,.garden-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.garden-card-header,.garden-item-footer,.garden-item-top,.garden-modal-footer,.garden-modal-header{align-items:flex-start;flex-direction:column}.garden-form-grid.three-up,.garden-form-grid.two-up,.garden-schedule-grid,.garden-stats{grid-template-columns:1fr}.garden-actions,.garden-badges,.garden-modal-actions{width:100%}.garden-actions{justify-content:flex-start}.garden-modal{max-height:calc(100vh - 24px)}.garden-modal-overlay{padding:12px}}.gym-card{--gym-accent:#10b981;--gym-accent-hover:#059669;--gym-muted:var(--text-muted,#6b7280);--gym-border:var(--border-color,#374151);--gym-bg-secondary:var(--card-bg-secondary,#1f2937);--gym-radius:.5rem}.gym-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.gym-title-block{align-items:center;display:flex;gap:.75rem}.gym-title-block h3{font-size:1.125rem;font-weight:600;margin:0}.gym-subtitle{color:var(--gym-muted);font-size:.8125rem;margin:.125rem 0 0}.card-icon.gym{background:linear-gradient(135deg,var(--gym-accent),#34d399)}.gym-seed-btn{background:var(--gym-accent);border:none;border-radius:var(--gym-radius);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.gym-seed-btn:hover:not(:disabled){background:var(--gym-accent-hover)}.gym-seed-btn:disabled{cursor:not-allowed;opacity:.6}.gym-tabs{background:var(--gym-bg-secondary);border-radius:var(--gym-radius);display:flex;gap:.25rem;margin-bottom:1rem;overflow-x:auto;padding:.25rem}.gym-tab{align-items:center;background:transparent;border:none;border-radius:calc(var(--gym-radius) - .125rem);color:var(--gym-muted);cursor:pointer;display:flex;flex:1;font-size:.75rem;font-weight:500;gap:.375rem;justify-content:center;padding:.5rem .75rem;transition:all .2s;white-space:nowrap}.gym-tab svg{flex-shrink:0;height:1rem;width:1rem}.gym-tab:hover{background:#ffffff0d;color:var(--text-color,#fff)}.gym-tab.active{background:var(--gym-accent);color:var(--text-color,#fff)}.gym-content{min-height:300px}.gym-loading{color:var(--gym-muted);min-height:200px}.gym-empty-state,.gym-loading{align-items:center;display:flex;justify-content:center}.gym-empty-state{flex-direction:column;gap:.75rem;padding:2rem;text-align:center}.gym-empty-state h4{font-size:1rem;font-weight:600;margin:0}.gym-empty-state p{color:var(--gym-muted);font-size:.875rem;margin:0;max-width:300px}.gym-primary-btn{background:var(--gym-accent);border:none;border-radius:var(--gym-radius);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:background .2s}.gym-primary-btn:hover:not(:disabled){background:var(--gym-accent-hover)}.gym-primary-btn:disabled{cursor:not-allowed;opacity:.6}.gym-secondary-btn{background:transparent;border:1px solid var(--gym-border);border-radius:var(--gym-radius);color:var(--text-color,#fff);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.gym-secondary-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--gym-accent)}.gym-icon-btn{align-items:center;background:transparent;border:1px solid var(--gym-border);border-radius:var(--gym-radius);color:var(--gym-muted);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:all .2s;width:2rem}.gym-icon-btn:hover{border-color:var(--gym-accent);color:var(--text-color)}.gym-icon-btn svg{height:1rem;width:1rem}.gym-stats-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1.5rem}.gym-stat-card{background:var(--gym-bg-secondary);border-radius:var(--gym-radius);padding:1rem;text-align:center}.gym-stat-card span{color:var(--gym-muted);display:block;font-size:.75rem;margin-bottom:.25rem}.gym-stat-card strong{font-size:1.5rem;font-weight:700}.gym-stat-card.accent strong{color:var(--gym-accent)}.gym-dashboard{display:flex;flex-direction:column;gap:1.5rem}.gym-today-workout{background:var(--gym-bg-secondary);border-left:3px solid var(--gym-accent);border-radius:var(--gym-radius);padding:1.25rem}.gym-today-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.gym-today-header h4{font-size:1rem;font-weight:600;margin:0}.gym-today-header span{color:var(--gym-muted);font-size:.75rem}.gym-today-exercises{display:flex;flex-direction:column;gap:.5rem}.gym-exercise-preview{align-items:center;border-bottom:1px solid var(--gym-border);display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.gym-exercise-preview:last-child{border-bottom:none}.gym-exercise-preview .name{font-weight:500}.gym-exercise-preview .details{color:var(--gym-muted);font-size:.75rem}.gym-rest-day{color:var(--gym-muted);padding:2rem;text-align:center}.gym-rest-day h4{font-size:1rem;margin:0 0 .5rem}.gym-rest-day p{font-size:.875rem;margin:0}.gym-quick-actions{display:flex;flex-wrap:wrap;gap:.75rem}.gym-plan-view{display:flex;flex-direction:column;gap:1rem}.gym-week-selector{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.gym-day-btn{align-items:center;background:var(--gym-bg-secondary);border:1px solid transparent;border-radius:var(--gym-radius);color:var(--gym-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;min-width:4.5rem;padding:.75rem;transition:all .2s}.gym-day-btn strong{display:block;font-size:.625rem;font-weight:600;text-transform:uppercase}.gym-day-btn span{font-weight:500;margin-top:.25rem}.gym-day-btn:hover{border-color:var(--gym-border)}.gym-day-btn.active{background:var(--gym-accent);color:var(--text-color)}.gym-day-btn.active,.gym-day-btn.today{border-color:var(--gym-accent)}.gym-day-btn.rest{opacity:.6}.gym-day-detail{background:var(--gym-bg-secondary);border-radius:var(--gym-radius);padding:1rem}.gym-day-detail h4{font-size:1rem;font-weight:600;margin:0 0 .25rem}.gym-day-detail p{color:var(--gym-muted);font-size:.8125rem;margin:0 0 1rem}.gym-day-exercises-list{display:flex;flex-direction:column;gap:.5rem}.gym-plan-exercise{align-items:center;background:#0003;border-radius:calc(var(--gym-radius) - .125rem);display:flex;justify-content:space-between;padding:.75rem}.gym-plan-exercise .info{display:flex;flex-direction:column;gap:.125rem}.gym-plan-exercise .name{font-size:.875rem;font-weight:500}.gym-plan-exercise .meta{color:var(--gym-muted);font-size:.75rem}.gym-plan-exercise .sets-reps{color:var(--gym-accent);font-size:.8125rem;font-weight:600}.gym-exercises-view{display:flex;flex-direction:column;gap:1rem}.gym-filters{display:flex;flex-wrap:wrap;gap:.5rem}.gym-filter-select{background:var(--gym-bg-secondary);border:1px solid var(--gym-border);border-radius:var(--gym-radius);color:var(--text-color);font-size:.8125rem;padding:.5rem .75rem}.gym-exercise-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gym-exercise-card{background:var(--gym-bg-secondary);border-radius:var(--gym-radius);padding:1rem;transition:transform .2s}.gym-exercise-card:hover{transform:translateY(-2px)}.gym-exercise-card h5{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.gym-exercise-card .meta{display:flex;flex-wrap:wrap;gap:.375rem}.gym-exercise-card .tag{background:#0003;border-radius:1rem;color:var(--gym-muted);font-size:.6875rem;padding:.125rem .5rem}.gym-stretching-view{display:flex;flex-direction:column;gap:1.5rem}.gym-stretch-group{background:var(--gym-bg-secondary);border-radius:var(--gym-radius);padding:1rem}.gym-stretch-group h4{color:var(--gym-muted);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.gym-stretch-list{display:flex;flex-direction:column;gap:.5rem}.gym-stretch-item{align-items:center;background:#0003;border-radius:calc(var(--gym-radius) - .125rem);display:flex;justify-content:space-between;padding:.5rem}.gym-stretch-item .name{font-size:.875rem;font-weight:500}.gym-stretch-item .duration{color:var(--gym-muted);font-size:.75rem}.gym-analytics-view{display:flex;flex-direction:column;gap:1.5rem}.gym-chart-container{background:var(--gym-bg-secondary);border-radius:var(--gym-radius);padding:1rem}.gym-chart-container h4{font-size:.875rem;font-weight:600;margin:0 0 1rem}.gym-chart-placeholder{align-items:center;color:var(--gym-muted);display:flex;font-size:.875rem;height:200px;justify-content:center}.gym-prs-list{display:flex;flex-direction:column;gap:.5rem}.gym-pr-item{align-items:center;background:var(--gym-bg-secondary);border-radius:var(--gym-radius);display:flex;justify-content:space-between;padding:.75rem}.gym-pr-item .exercise{font-weight:500}.gym-pr-item .record{color:var(--gym-accent);font-size:.875rem}.gym-bodyweight-view{display:flex;flex-direction:column;gap:1.5rem}.gym-bodyweight-form{align-items:flex-end;background:var(--gym-bg-secondary);border-radius:var(--gym-radius);display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem}.gym-form-group{display:flex;flex-direction:column;gap:.25rem}.gym-form-group label{color:var(--gym-muted);font-size:.75rem}.gym-form-group input{background:#0003;border:1px solid var(--gym-border);border-radius:var(--gym-radius);color:var(--text-color);font-size:.875rem;padding:.5rem .75rem}.gym-form-group input:focus{border-color:var(--gym-accent);outline:none}.gym-bodyweight-history{display:flex;flex-direction:column;gap:.5rem}.gym-bodyweight-entry{align-items:center;background:var(--gym-bg-secondary);border-radius:var(--gym-radius);display:flex;justify-content:space-between;padding:.75rem}.gym-bodyweight-entry .date{color:var(--gym-muted);font-size:.8125rem}.gym-bodyweight-entry .weight{font-size:1rem;font-weight:600}.gym-bodyweight-entry .change{font-size:.75rem}.gym-bodyweight-entry .change.positive{color:#ef4444}.gym-bodyweight-entry .change.negative{color:var(--gym-accent)}.gym-workout-logger{display:flex;flex-direction:column;gap:1rem}.gym-logger-header{align-items:center;border-bottom:1px solid var(--gym-border);display:flex;justify-content:space-between;padding-bottom:1rem}.gym-logger-header h4{font-size:1rem;font-weight:600;margin:0}.gym-logger-timer{color:var(--gym-accent);font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700}.gym-logger-exercises{display:flex;flex-direction:column;gap:1rem}.gym-logger-exercise{background:var(--gym-bg-secondary);border-radius:var(--gym-radius);padding:1rem}.gym-logger-exercise-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.gym-logger-exercise-header h5{font-size:.9375rem;font-weight:600;margin:0}.gym-sets-table{border-collapse:collapse;width:100%}.gym-sets-table th{color:var(--gym-muted);font-size:.6875rem;font-weight:600;padding:.5rem;text-align:center;text-transform:uppercase}.gym-sets-table input,.gym-sets-table td{padding:.375rem;text-align:center}.gym-sets-table input{background:#0000004d;border:1px solid var(--gym-border);border-radius:.25rem;color:var(--text-color);font-size:.875rem;width:4rem}.gym-sets-table input:focus{border-color:var(--gym-accent);outline:none}.gym-logger-actions{border-top:1px solid var(--gym-border);display:flex;gap:.75rem;padding-top:1rem}.gym-add-exercise-btn{flex:1}.gym-complete-btn{background:var(--gym-accent);flex:2}.gym-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.gym-modal{background:var(--card-bg,#111827);border:1px solid var(--gym-border);border-radius:var(--gym-radius);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.gym-modal-header{align-items:center;border-bottom:1px solid var(--gym-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.gym-modal-header h3{font-size:1.125rem;font-weight:600;margin:0}.gym-modal-close{align-items:center;background:transparent;border:none;border-radius:.25rem;color:var(--gym-muted);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:color .2s;width:2rem}.gym-modal-close:hover{color:var(--text-color)}.gym-modal-close svg{height:1.25rem;width:1.25rem}.gym-modal-body{padding:1.25rem}@media(max-width:640px){.gym-tabs{gap:.125rem;padding:.125rem}.gym-tab{font-size:.6875rem;padding:.375rem .5rem}.gym-tab span{display:none}.gym-tab svg{height:1.125rem;width:1.125rem}.gym-stats-grid{grid-template-columns:repeat(2,1fr)}.gym-exercise-grid{grid-template-columns:1fr}}.library-card{gap:18px}.library-card .card-icon.library{background:#f59e0b1a;border:1px solid rgba(245,158,11,.28);color:#fbbf24}.library-card-header{align-items:flex-start;gap:16px;justify-content:space-between}.library-title-block{align-items:center;display:flex;gap:12px}.library-subtitle{color:var(--text-secondary);font-size:12px;margin:4px 0 0}.library-actions,.library-header-actions,.library-modal-actions{display:flex;flex-wrap:wrap;gap:8px}.library-delete-btn,.library-primary-btn,.library-secondary-btn{border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.library-primary-btn{background:linear-gradient(135deg,#f59e0b2e,#f9731624);border:1px solid rgba(245,158,11,.28);color:#fcd34d;padding:10px 14px}.library-primary-btn:hover{background:linear-gradient(135deg,#f59e0b3d,#f973162e);border-color:#fbbf2461}.library-secondary-btn{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/10%);color:var(--text-primary);padding:10px 14px}.library-secondary-btn:hover:not(:disabled){border-color:#f59e0b47;color:#fde68a}.library-primary-btn:disabled,.library-secondary-btn:disabled{cursor:default;opacity:.5}.library-stats{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.library-stat{background:linear-gradient(180deg,rgb(var(--white-rgb)/4%),rgb(var(--white-rgb)/2%));border:1px solid rgb(var(--white-rgb)/8%);border-radius:14px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px}.library-stat-label{color:var(--text-secondary);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.library-stat strong{color:var(--text-primary);font-size:24px;line-height:1}.library-content{overflow-y:auto}.library-body{display:grid;gap:16px;grid-template-columns:minmax(0,1.9fr) minmax(280px,.9fr)}.library-item,.library-list{display:flex;flex-direction:column;gap:14px}.library-item{background:radial-gradient(circle at top right,rgba(251,191,36,.1),transparent 36%),rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:18px;padding:18px;transition:border-color .2s ease,transform .2s ease}.library-item:hover{border-color:rgb(var(--white-rgb)/16%);transform:translateY(-1px)}.library-item-footer,.library-item-top,.library-modal-footer,.library-modal-header,.library-session-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.library-item h4{color:var(--text-primary);font-size:18px;margin:0}.library-item-meta{color:var(--text-secondary);font-size:12px;margin:6px 0 0}.library-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.library-pill,.library-status{border-radius:999px;font-size:11px;font-weight:700;padding:6px 10px}.library-pill{background:#f59e0b1f;border:1px solid rgba(245,158,11,.24);color:#fcd34d}.library-pill.muted{background:rgb(var(--white-rgb)/5%);border-color:rgb(var(--white-rgb)/10%);color:var(--text-secondary)}.library-status{background:rgb(var(--white-rgb)/5%);border:1px solid transparent;color:var(--text-primary)}.library-status.backlog{background:#3b82f61f;color:#93c5fd}.library-status.reading{background:#f59e0b1f;color:#fcd34d}.library-status.paused{background:#94a3b81f;color:#cbd5e1}.library-status.finished{background:#22c55e1f;color:#86efac}.library-status.dnf{background:#ef44441f;color:#fca5a5}.library-progress-block{display:flex;flex-direction:column;gap:10px}.library-progress-bar{background:rgb(var(--white-rgb)/5%);border:1px solid rgb(var(--white-rgb)/7%);border-radius:999px;height:10px;overflow:hidden;position:relative}.library-progress-bar span{background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:inherit;display:block;height:100%;min-width:10px}.library-progress-bar.indeterminate span{background:linear-gradient(90deg,#f59e0b73,#f97316b3)}.library-progress-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.library-progress-meta span,.library-progress-meta strong{font-size:12px}.library-progress-meta span{color:var(--text-secondary)}.library-progress-meta strong{color:var(--text-primary)}.library-details-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.library-activity-panel,.library-detail-card,.library-session-preview{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:14px}.library-detail-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px}.library-detail-card span{color:var(--text-secondary);font-size:11px;text-transform:uppercase}.library-detail-card strong{color:var(--text-primary);font-size:13px}.library-inline-note,.library-notes,.library-panel-empty p,.library-panel-header p,.library-session-note{color:var(--text-secondary);line-height:1.6;margin:0}.library-notes,.library-session-note{font-size:13px}.library-item-footer{align-items:center}.library-insight{color:var(--text-secondary);font-size:12px}.library-activity-panel{display:flex;flex-direction:column;gap:14px;min-height:100%;padding:18px}.library-panel-header h4{color:var(--text-primary);font-size:16px;margin:0}.library-panel-empty p,.library-panel-header p{font-size:12px}.library-session-list{display:flex;flex-direction:column;gap:12px}.library-session-item{background:radial-gradient(circle at top right,rgb(251 191 36/8%),transparent 42%),rgb(var(--white-rgb)/4%);border:1px solid rgb(var(--white-rgb)/7%);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:14px}.library-session-top strong{color:var(--text-primary);font-size:13px}.library-session-meta,.library-session-top span{color:var(--text-secondary);font-size:12px;margin:0}.library-empty-state{align-items:center;background:radial-gradient(circle at top,rgba(245,158,11,.11),transparent 52%),rgb(var(--white-rgb)/3%);border:1px dashed rgba(245,158,11,.22);border-radius:20px;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:260px;padding:28px;text-align:center}.library-empty-state.compact{min-height:180px}.library-empty-state h4,.library-empty-state p{margin:0}.library-empty-state h4{color:var(--text-primary);font-size:20px}.library-empty-state p{color:var(--text-secondary);max-width:540px}.library-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617a8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.library-modal{background:radial-gradient(circle at top,rgba(245,158,11,.12),transparent 42%),#070a12f5;border:1px solid rgb(var(--white-rgb)/10%);border-radius:24px;box-shadow:0 30px 80px #00000073;display:flex;flex-direction:column;max-height:min(90vh,880px);max-width:880px;overflow:hidden;width:min(100%,880px)}.library-modal.compact{max-width:640px}.library-modal-footer,.library-modal-header{padding:20px 24px}.library-modal-header{border-bottom:1px solid rgb(var(--white-rgb)/8%)}.library-modal-header h3{color:var(--text-primary);font-size:18px;margin:0}.library-modal-close{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:color .2s ease;width:36px}.library-modal-close:hover{color:var(--text-primary)}.library-modal-close svg{height:18px;width:18px}.library-modal-body{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:24px}.library-form-grid{display:grid;gap:16px}.library-form-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.library-form-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.library-form-group{display:flex;flex-direction:column;gap:8px}.library-form-group span{color:var(--text-secondary);font-size:12px;font-weight:600}.library-form-group input,.library-form-group select,.library-form-group textarea{background:rgb(var(--white-rgb)/4%);border:1px solid rgb(var(--white-rgb)/10%);border-radius:12px;color:var(--text-primary);font:inherit;outline:none;padding:12px 14px;transition:border-color .2s ease,background-color .2s ease}.library-form-group input:focus,.library-form-group select:focus,.library-form-group textarea:focus{background:rgb(var(--white-rgb)/6%);border-color:#f59e0b5c}.library-form-group input:disabled{cursor:not-allowed;opacity:.5}.library-form-group textarea{min-height:112px;resize:vertical}.library-inline-note{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:12px;font-size:12px;padding:12px 14px}.library-inline-note.strong{color:#fde68a}.library-session-preview{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.library-session-preview strong{color:var(--text-primary);display:block;font-size:14px}.library-session-preview p{color:var(--text-secondary);font-size:12px;margin:6px 0 0}.library-session-preview-meta{display:flex;flex-direction:column;gap:6px;text-align:right}.library-session-preview-meta span{color:var(--text-secondary);font-size:12px}.library-modal-footer{align-items:center;border-top:1px solid rgb(var(--white-rgb)/8%)}.library-delete-btn{background:#ef44441f;border:1px solid rgba(239,68,68,.28);color:#fca5a5;padding:10px 14px}.library-delete-btn:hover{background:#ef444429}@media(max-width:1200px){.library-body{grid-template-columns:1fr}}@media(max-width:1024px){.library-details-grid,.library-form-grid.three-up,.library-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.library-card-header,.library-item-footer,.library-item-top,.library-modal-footer,.library-modal-header,.library-session-preview{align-items:flex-start;flex-direction:column}.library-details-grid,.library-form-grid.three-up,.library-form-grid.two-up,.library-stats{grid-template-columns:1fr}.library-actions,.library-header-actions,.library-modal-actions{width:100%}.library-modal{max-height:calc(100vh - 24px)}.library-modal-overlay{padding:12px}.library-session-preview-meta{text-align:left}}.content-shell{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;overflow:auto;padding:2px;position:relative;z-index:1}.content-heading{align-items:end;display:flex;gap:16px;justify-content:space-between}.content-kicker{color:var(--accent-cyan);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin-bottom:5px;text-transform:uppercase}.content-detail-header h1,.content-heading h1{color:var(--text-primary);font-size:clamp(2rem,4vw,4rem);line-height:1}.content-meta-strip{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.86rem;font-weight:700;gap:10px;justify-content:flex-end}.content-featured,.content-meta-strip span,.content-project-chip,.content-tags span,.content-type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--surface-2) 88%,transparent);border:1px solid var(--edge-soft);border-radius:999px;color:var(--text-muted);display:inline-flex;line-height:1;padding:7px 10px}.content-filters{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(200px,1fr) minmax(150px,220px) minmax(150px,220px)}.content-browser-layout{display:grid;gap:18px;grid-template-columns:minmax(190px,250px) minmax(0,1fr);min-height:0}.content-projects{background:color-mix(in srgb,var(--surface-1) 86%,transparent);border:1px solid var(--edge-soft);border-radius:14px;display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - 270px);min-height:0;overflow:hidden;padding:12px}.content-projects-label{color:var(--text-secondary);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.content-projects-list{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding-right:2px}.content-project-button{align-items:center;background:color-mix(in srgb,var(--surface-2) 72%,transparent);border:1px solid var(--edge-soft);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font:inherit;gap:10px;justify-content:space-between;min-height:44px;padding:10px 12px;text-align:left;transition:background .18s ease,border-color .18s ease,color .18s ease;width:100%}.content-project-button.active,.content-project-button:hover{background:color-mix(in srgb,var(--accent-cyan) 12%,var(--surface-2));border-color:color-mix(in srgb,var(--accent-cyan) 42%,var(--edge-soft));color:var(--text-primary)}.content-project-name{font-size:.9rem;font-weight:800;line-height:1.2}.content-project-count,.content-project-total{background:color-mix(in srgb,var(--surface-0) 80%,transparent);border:1px solid var(--edge-soft);border-radius:999px;color:var(--text-secondary);flex-shrink:0;font-size:.74rem;font-weight:800;line-height:1;padding:6px 8px}.content-project-panel{display:flex;flex-direction:column;gap:14px;min-width:0}.content-project-heading{align-items:end;background:color-mix(in srgb,var(--surface-1) 74%,transparent);border:1px solid var(--edge-soft);border-radius:14px;display:flex;gap:16px;justify-content:space-between;padding:14px}.content-project-heading h2{color:var(--text-primary);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.1}.content-search,.content-select{background:color-mix(in srgb,var(--surface-2) 90%,transparent);border:1px solid var(--edge-soft);border-radius:10px;color:var(--text-primary);font:inherit;min-height:44px;outline:none;padding:10px 12px;width:100%}.content-search:focus,.content-select:focus{border-color:var(--edge-strong)}.content-state{align-items:center;background:linear-gradient(155deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--surface-1) 94%,transparent));border:1px solid var(--edge-soft);border-radius:16px;color:var(--text-muted);display:flex;font-weight:700;justify-content:center;min-height:220px;padding:24px;text-align:center}.content-state.error{border-color:color-mix(in srgb,var(--accent-pink) 50%,var(--edge-soft));color:color-mix(in srgb,var(--accent-pink) 72%,#fff 28%)}.content-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.content-card{background:linear-gradient(155deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface-1) 96%,transparent));border:1px solid var(--edge-soft);border-radius:16px;box-shadow:var(--shadow-card);color:inherit;display:flex;flex-direction:column;gap:12px;min-height:220px;overflow:hidden;padding:18px;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.content-card:hover{border-color:var(--edge-strong);box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.content-card-topline,.content-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.content-type{color:var(--accent-cyan);font-size:.74rem;font-weight:800;text-transform:uppercase}.content-featured,.content-project-chip{color:var(--accent-color);font-size:.74rem;font-weight:800}.content-card h2{color:var(--text-primary);font-size:1.28rem;line-height:1.15}.content-card p,.content-detail-header p{color:var(--text-muted);line-height:1.6}.content-card-footer{align-items:end;display:flex;gap:10px;justify-content:space-between;margin-top:auto}.content-card time,.content-detail time{color:var(--text-secondary);flex-shrink:0;font-size:.86rem;font-weight:700}.content-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.content-tags span{font-size:.74rem;font-weight:700;padding:6px 8px}.content-shell.detail{align-items:center}.content-back-link{align-self:flex-start;color:var(--accent-cyan);font-size:.9rem;font-weight:800;text-decoration:none}.content-detail{background:linear-gradient(155deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface-1) 96%,transparent));border:1px solid var(--edge-soft);border-radius:16px;box-shadow:var(--shadow-card);max-width:980px;overflow:hidden;width:min(100%,980px)}.content-cover{aspect-ratio:16/7;display:block;object-fit:cover;width:100%}.content-detail-header{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,5vw,46px)}.content-body{color:var(--text-primary);font-size:1rem;line-height:1.78;padding:0 clamp(22px,5vw,46px) clamp(28px,5vw,52px)}.content-body>*+*{margin-top:1em}.content-body h1,.content-body h2,.content-body h3,.content-body h4{line-height:1.15;margin-top:1.6em}.content-body h1{font-size:2rem}.content-body h2{font-size:1.55rem}.content-body h3{font-size:1.25rem}.content-body a{color:var(--accent-cyan);font-weight:700}.content-body ul{padding-left:1.4rem}.content-body code{background:color-mix(in srgb,var(--surface-0) 88%,#fff 12%);border:1px solid var(--edge-soft);border-radius:6px;padding:.1em .35em}.content-body pre{background:color-mix(in srgb,var(--surface-0) 92%,#fff 8%);border:1px solid var(--edge-soft);border-radius:10px;overflow:auto;padding:14px}.content-body pre code{background:transparent;border:0;padding:0}.content-body img{border-radius:12px;display:block;max-width:100%}.content-body table{border-collapse:collapse;display:block;overflow-x:auto;width:100%}.content-body td,.content-body th{border:1px solid var(--edge-soft);padding:8px 10px}@media(max-width:820px){.content-heading{align-items:start;flex-direction:column}.content-meta-strip{justify-content:flex-start}.content-browser-layout,.content-filters{grid-template-columns:1fr}.content-projects{max-height:none}.content-projects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));overflow:visible}.content-card-footer,.content-project-heading{align-items:flex-start;flex-direction:column}.content-tags{justify-content:flex-start}}.secret-dashboard{display:flex;flex-direction:column;height:100%;min-height:100vh;padding:20px;position:relative;z-index:1}.secret-header{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:8px 24px;position:relative;z-index:40}.secret-header-left{align-items:center;display:flex;gap:16px}.page-indicator{background:rgb(var(--white-rgb)/3%);border:1px solid rgb(var(--white-rgb)/8%);border-radius:20px;gap:8px;padding:4px}.page-dot,.page-indicator{align-items:center;display:flex}.page-dot{background:transparent;border:none;border-radius:50%;cursor:pointer;height:28px;justify-content:center;transition:all .2s ease;width:28px}.page-dot:hover{background:rgb(var(--white-rgb)/10%)}.page-dot.active{background:#3b82f633;border:1px solid rgba(59,130,246,.5)}.page-number{color:var(--text-secondary);font-size:12px;font-weight:600;transition:color .2s ease}.page-dot.active .page-number{color:#3b82f6}.page-dot:hover .page-number{color:var(--text-primary)}.secret-badge{align-items:center;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;color:var(--accent-color);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.secret-badge svg{height:14px;width:14px}.secret-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:.5px}.secret-header-right{align-items:center;display:flex;gap:12px}.secret-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 16px;transition:all .2s ease}.secret-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.secret-btn.logout:hover{border-color:#ef4444;color:#ef4444}.secret-btn svg{height:16px;width:16px}.secret-content{flex:1;overflow:hidden;padding:0 4px 20px;position:relative;z-index:1}.dashboard-page{height:100%;overflow-y:auto;scrollbar-color:rgb(var(--white-rgb)/15%) rgb(var(--white-rgb)/5%);scrollbar-width:thin;width:100%}.page-content{display:flex;flex-direction:column;gap:32px}.secret-content::-webkit-scrollbar{width:6px}.secret-content::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.secret-content::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/15%);border-radius:4px}.dashboard-section{display:flex;flex-direction:column;gap:16px}.section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.1em;margin:0;padding-left:4px;text-transform:uppercase}.section-title svg{height:18px;opacity:.7;width:18px}.section-grid{display:grid;gap:16px;grid-auto-rows:minmax(700px,auto);grid-template-columns:repeat(3,1fr)}.section-grid>*{min-width:0;width:100%}.section-grid>div{display:flex;height:100%;width:100%}.section-grid .card{flex:1;height:100%;width:100%}.secret-card{display:flex;flex-direction:column;gap:16px}.secret-card.wide,.wide-card-wrapper{grid-column:span 2}.secret-card .card-header{align-items:center;display:flex;flex-shrink:0;gap:12px}.secret-card .card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.secret-card .card-icon svg{height:22px;width:22px}.secret-card .card-icon.home{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--accent-color)}.secret-card .card-icon.shopping{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24}.secret-card .card-icon.trading{background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);color:var(--accent-cyan)}.secret-card .card-icon.actions{background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7}.secret-card .card-icon.system{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.secret-card .card-header h3{color:var(--text-primary);font-size:clamp(14px,2vw,16px);font-weight:600;margin:0}.secret-card .card-content{flex:1;min-height:0;overflow:hidden auto;scrollbar-color:rgb(var(--white-rgb)/15%) rgb(var(--white-rgb)/5%);scrollbar-width:thin}.secret-card .card-content::-webkit-scrollbar{width:4px}.secret-card .card-content::-webkit-scrollbar-track{background:rgb(var(--white-rgb)/5%);border-radius:4px}.secret-card .card-content::-webkit-scrollbar-thumb{background:rgb(var(--white-rgb)/15%);border-radius:4px}.secret-card .card-footer{align-items:center;border-top:1px solid rgb(var(--white-rgb)/6%);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:12px;gap:8px;padding-top:12px}.secret-card .status-dot{border-radius:50%;height:8px;width:8px}.secret-card .status-dot.connected{background:var(--accent-color);box-shadow:0 0 8px #4ade8080}.secret-card .status-dot.warning{background:#fbbf24;box-shadow:0 0 8px #fbbf2480}.secret-card .status-dot.error{background:#ef4444;box-shadow:0 0 8px #ef444480}.system-stats{display:flex;flex-direction:column;gap:14px}.system-stat{align-items:center;display:flex;gap:12px}.stat-name{color:var(--text-secondary);font-size:12px;font-weight:500;width:40px}.stat-bar{background:rgb(var(--white-rgb)/8%);border-radius:4px;flex:1;height:8px;overflow:hidden}.stat-fill{background:linear-gradient(90deg,var(--accent-color),var(--accent-cyan));border-radius:4px;height:100%;transition:width .5s ease}.stat-bar.temp .stat-fill{background:linear-gradient(90deg,var(--accent-color),#fbbf24)}.stat-value{color:var(--text-primary);font-size:12px;font-weight:500;text-align:right;width:45px}@media(max-width:1024px){.section-grid{grid-template-columns:repeat(2,1fr)}.secret-card.wide{grid-column:span 2}}@media(max-width:768px){.section-grid{grid-auto-rows:minmax(400px,auto);grid-template-columns:1fr!important}.secret-card.wide,.wide-card-wrapper{grid-column:span 1}.secret-header{padding:12px 16px}.secret-btn span{display:none}.secret-btn{padding:8px}.secret-dashboard{padding:12px}.secret-content{gap:24px}.section-title{font-size:12px}}@media(max-width:480px){.section-grid{gap:12px}.secret-header{padding:8px 12px}.secret-dashboard{padding:8px}.secret-content{gap:20px}}.secret-dashboard{padding:18px}.secret-dashboard:before{background:radial-gradient(900px 560px at 10% -8%,rgba(96,165,250,.14),transparent 62%),radial-gradient(860px 500px at 100% 0,rgba(34,211,238,.11),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.secret-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(140deg,#0e1420c2,#080c15a8);border:1px solid var(--edge-soft);border-radius:16px;margin-bottom:18px;padding:10px 14px}.page-indicator{background:#ffffff08;border:1px solid var(--edge-soft);border-radius:999px;padding:5px}.page-dot.active{background:linear-gradient(135deg,#60a5fa3d,#22d3ee33);border-color:#60a5fa8f}.secret-badge{background:linear-gradient(135deg,#4ade8024,#10b9811a);border:1px solid rgba(74,222,128,.4);border-radius:999px;font-weight:700}.secret-title{font-size:1.08rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.secret-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(140deg,#141c2ccc,#0e1420b8);border:1px solid var(--edge-soft);border-radius:12px;color:var(--text-muted);font-weight:600;padding:9px 14px}.secret-btn:hover{border-color:#60a5fa70}.secret-content{padding:0 2px 20px}.dashboard-page{border-radius:14px;padding:2px}.section-title{color:#cbd5e1e6;font-size:12px;font-weight:700;letter-spacing:.18em}.section-grid{gap:18px;grid-auto-rows:minmax(620px,auto)}.secret-card{gap:18px}.secret-card .card-header h3{font-size:.95rem;font-weight:700;letter-spacing:.02em}.secret-card .card-content{padding-right:2px}.secret-card .card-footer{border-top-color:#ffffff14;font-size:11px;letter-spacing:.06em;text-transform:uppercase}@media(max-width:768px){.secret-dashboard{padding:12px}.secret-header{border-radius:14px;padding:10px}}.page-content{min-height:100%}.section-grid{align-items:stretch;grid-auto-flow:dense;grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid.daily-grid{grid-auto-rows:minmax(540px,calc(100dvh - 180px))}.section-grid.tracker-grid{grid-auto-rows:minmax(620px,auto)}.section-grid.tracker-grid .wide-card-wrapper{grid-column:1/-1;min-height:720px}.section-grid .base-card,.section-grid .locked-card-wrapper,.section-grid>div{min-height:0}.vault-dashboard-section{min-height:calc(100dvh - 160px)}.vault-dashboard-panel-wrapper{display:flex;flex:1;min-height:min(820px,calc(100dvh - 190px))}.vault-dashboard-panel{background:linear-gradient(140deg,#0e1420c7,#080c15b8);border:1px solid var(--edge-soft);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex:1;min-height:0;overflow:hidden;padding:18px}.vault-dashboard-panel .content-shell{padding:0}.vault-dashboard-panel .content-detail-header h1,.vault-dashboard-panel .content-heading h1{font-size:clamp(1.7rem,2.4vw,2.6rem)}.vault-dashboard-panel .content-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.vault-dashboard-panel-wrapper .locked-card-wrapper{flex:1;min-height:540px}.page-indicator{gap:4px}.page-dot{border-radius:999px;gap:7px;min-width:34px;padding:0 11px;width:auto}.page-label{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.04em;transition:color .2s ease}.page-dot.active .page-label{color:#93c5fd}.page-dot:hover .page-label{color:var(--text-primary)}.secret-dashboard :where(.modal-overlay,.library-modal-overlay,.garden-modal-overlay,.gym-modal-overlay,.modal-backdrop){align-items:center;justify-content:center;overflow:hidden;padding:clamp(10px,2vw,24px);z-index:5000}.secret-dashboard :where(.modal-overlay,.library-modal-overlay,.garden-modal-overlay,.gym-modal-overlay,.modal-backdrop)>:where(.modal-content,.library-modal,.garden-modal,.gym-modal,.bot-details-modal){display:flex;flex-direction:column;height:auto;max-height:min(92dvh,900px);max-width:100%;min-height:0;overflow:hidden;width:min(100%,var(--dashboard-modal-width,720px))}.secret-dashboard .modal-overlay>.modal-content{--dashboard-modal-width:540px}.secret-dashboard .modal-overlay>.modal-content.modal-large{--dashboard-modal-width:680px}.secret-dashboard .modal-overlay>.modal-content.mission-calendar-modal,.secret-dashboard .modal-overlay>.modal-content.modal-xlarge{--dashboard-modal-width:980px}.secret-dashboard .modal-overlay>.modal-content.amount-modal{--dashboard-modal-width:620px}.secret-dashboard .garden-modal,.secret-dashboard .library-modal{--dashboard-modal-width:880px}.secret-dashboard .gym-modal,.secret-dashboard .library-modal.compact{--dashboard-modal-width:640px}.secret-dashboard :where(.modal-header,.modal-footer,.library-modal-header,.library-modal-footer,.garden-modal-header,.garden-modal-footer,.gym-modal-header){flex-shrink:0}.secret-dashboard :where(.modal-body,.library-modal-body,.garden-modal-body,.gym-modal-body){flex:1 1 auto;min-height:0;overflow:hidden auto;overscroll-behavior:contain}.secret-dashboard :where(.library-modal-actions,.garden-modal-actions,.modal-actions){display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media(max-width:980px){.section-grid,.section-grid.daily-grid,.section-grid.tracker-grid{grid-template-columns:1fr}.secret-card.wide,.section-grid.tracker-grid .wide-card-wrapper,.wide-card-wrapper{grid-column:1/-1}}@media(max-width:768px){.section-grid.daily-grid,.section-grid.tracker-grid{grid-auto-rows:minmax(500px,auto)}.section-grid.tracker-grid .wide-card-wrapper{min-height:560px}.vault-dashboard-panel-wrapper{min-height:calc(100dvh - 150px)}.vault-dashboard-panel{border-radius:14px;padding:12px}.page-label{display:none}.page-dot{height:30px;justify-content:center;padding:0;width:30px}.secret-dashboard :where(.modal-overlay,.library-modal-overlay,.garden-modal-overlay,.gym-modal-overlay,.modal-backdrop){align-items:stretch;padding:10px}.secret-dashboard :where(.modal-overlay,.library-modal-overlay,.garden-modal-overlay,.gym-modal-overlay,.modal-backdrop)>:where(.modal-content,.library-modal,.garden-modal,.gym-modal,.bot-details-modal){border-radius:18px;height:calc(100dvh - 20px);width:100%}.secret-dashboard :where(.modal-footer,.library-modal-footer,.garden-modal-footer){align-items:stretch}.secret-dashboard :where(.modal-footer,.library-modal-footer,.garden-modal-footer) button{flex:1 1 140px}}.loading-animation{align-items:center;background:var(--bg-primary);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:2rem}.loading-spinner{height:100px;position:relative;width:100px}.spinner-ring{animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid transparent;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:0s;border-top-color:var(--accent-color)}.spinner-ring:nth-child(2){animation-delay:.2s;border-right-color:var(--accent-cyan);height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:.4s;border-bottom-color:var(--accent-pink);height:60%;left:20%;top:20%;width:60%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-bar-container{background:rgb(var(--white-rgb)/10%);border-radius:2px;height:4px;overflow:hidden;width:300px}.loading-bar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--accent-color),var(--accent-cyan),var(--accent-pink),var(--accent-color));background-size:200% 100%;border-radius:2px;height:100%}.loading-text{color:var(--text-primary);font-size:1rem;font-weight:500;letter-spacing:.05em;margin:0}@media(max-width:480px){.loading-spinner{height:80px;width:80px}.loading-bar-container{width:250px}.loading-text{font-size:.875rem}}.exit-animation{background:var(--bg-primary);height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.exit-animation,.exit-content{align-items:center;display:flex}.exit-content{flex-direction:column;gap:2rem}.exit-spinner{height:100px;position:relative;width:100px}.spinner-ring.reverse{animation:spinReverse 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid transparent;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring.reverse:first-child{animation-delay:0s;border-top-color:var(--accent-color)}.spinner-ring.reverse:nth-child(2){animation-delay:.2s;border-right-color:var(--accent-cyan);height:80%;left:10%;top:10%;width:80%}.spinner-ring.reverse:nth-child(3){animation-delay:.4s;border-bottom-color:var(--accent-pink);height:60%;left:20%;top:20%;width:60%}@keyframes spinReverse{0%{transform:rotate(1turn)}to{transform:rotate(0)}}.exit-bar-container{background:rgb(var(--white-rgb)/10%);border-radius:2px;height:4px;overflow:hidden;width:300px}.exit-bar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--accent-color),var(--accent-cyan),var(--accent-pink),var(--accent-color));background-size:200% 100%;border-radius:2px;height:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.exit-text{color:var(--text-primary);font-size:1rem;font-weight:500;letter-spacing:.05em;margin:0}@media(max-width:480px){.exit-spinner{height:80px;width:80px}.exit-bar-container{width:250px}.exit-text{font-size:.875rem}}.secret-background{background:#0a0a0a;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:0}.grid-container{left:0;perspective:1000px;top:0}.grid-container,.grid-lines{height:100%;position:absolute;width:100%}.grid-lines.horizontal{animation:gridMoveY 20s linear infinite;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(74,222,128,.1) 0,rgba(74,222,128,.1) 51px)}.grid-lines.vertical{animation:gridMoveX 20s linear infinite;background-image:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(34,211,238,.1) 0,rgba(34,211,238,.1) 51px)}@keyframes gridMoveY{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes gridMoveX{0%{transform:translate(0)}to{transform:translate(50px)}}.particles-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:floatParticle var(--duration) ease-in-out infinite;animation-delay:var(--delay);background:var(--accent-color);border-radius:50%;box-shadow:0 0 10px #4ade8080;height:3px;left:var(--x);opacity:0;position:absolute;top:var(--y);width:3px}.particle:nth-child(2n){background:var(--accent-cyan);box-shadow:0 0 10px #22d3ee80}.particle:nth-child(3n){background:var(--accent-pink);box-shadow:0 0 10px #ec489980}@keyframes floatParticle{0%,to{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:1}50%{opacity:.8;transform:translateY(-100px) scale(1)}90%{opacity:1}}.gradient-orb{border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;position:absolute}.orb-1{animation:orbFloat1 15s ease-in-out infinite;background:var(--accent-color);height:500px;left:-150px;top:-150px;width:500px}.orb-2{animation:orbFloat2 18s ease-in-out infinite;background:var(--accent-cyan);bottom:-100px;height:400px;right:-100px;width:400px}.orb-3{animation:orbFloat3 12s ease-in-out infinite;background:var(--accent-pink);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}@keyframes orbFloat1{0%,to{opacity:.15;transform:translate(0) scale(1)}50%{opacity:.25;transform:translate(100px,100px) scale(1.2)}}@keyframes orbFloat2{0%,to{opacity:.15;transform:translate(0) scale(1)}50%{opacity:.2;transform:translate(-80px,-80px) scale(1.3)}}@keyframes orbFloat3{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.5)}}.scanline{animation:scan 6s linear infinite;background:linear-gradient(180deg,transparent,rgba(74,222,128,.3),transparent);box-shadow:0 0 10px #4ade8080;height:2px;opacity:.5;position:absolute;width:100%}@keyframes scan{0%{top:0}to{top:100%}}.dark-overlay{background:radial-gradient(ellipse at center,transparent 0,hsla(0,0%,4%,.3) 50%,hsla(0,0%,4%,.6) 100%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media(max-width:768px){.gradient-orb{filter:blur(60px)}.orb-1{height:300px;width:300px}.orb-2{height:250px;width:250px}.orb-3{height:200px;width:200px}.particle{height:2px;width:2px}}.pi-display{--pi-bg:#02050a;--pi-panel:rgba(10,16,27,.86);--pi-panel-strong:rgba(15,23,42,.92);--pi-border:rgba(148,163,184,.18);--pi-text:#f8fafc;--pi-muted:#94a3b8;--pi-dim:#64748b;--pi-green:#4ade80;--pi-amber:#facc15;--pi-red:#fb7185;--pi-blue:#38bdf8;background:radial-gradient(360px 360px at 20% 0,rgba(56,189,248,.18),transparent 64%),radial-gradient(320px 320px at 90% 95%,rgba(74,222,128,.13),transparent 66%),var(--pi-bg);color:var(--pi-text);display:grid;font-family:Space Grotesk,Manrope,sans-serif;grid-template-rows:auto 1fr auto auto;height:100dvh;letter-spacing:.01em;min-height:100vh;overflow:hidden;padding:clamp(10px,3.5vw,18px);position:relative;width:100vw}.pi-display *{box-sizing:border-box}.pi-display-grid-bg{background-image:linear-gradient(rgb(148 163 184/5%) 1px,transparent 0),linear-gradient(90deg,rgb(148 163 184/5%) 1px,transparent 0);background-size:28px 28px;inset:0;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 80%);mask-image:radial-gradient(circle at center,#000,transparent 80%);opacity:.7;pointer-events:none;position:absolute}.pi-alert-strip,.pi-display-footer,.pi-display-header,.pi-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--pi-border);position:relative;z-index:1}.pi-display-header{align-items:flex-start;background:linear-gradient(145deg,#0f172ad6,#020617c7);border-radius:18px;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding:12px}.pi-display-header strong{display:block;font-size:clamp(32px,13vw,54px);letter-spacing:-.06em;line-height:.9}.pi-display-header span{color:var(--pi-muted);display:block;font-size:clamp(10px,3.2vw,13px);font-weight:800;letter-spacing:.12em;margin-top:6px}.pi-display-status{align-items:flex-end;display:flex;flex-direction:column;gap:6px;min-width:78px}.pi-status-dot{align-items:center;color:var(--pi-muted);display:inline-flex;font-size:10px;font-weight:800;gap:5px;justify-content:flex-end;letter-spacing:.08em;line-height:1;text-transform:uppercase}.pi-display-header .pi-status-dot{display:inline-flex;margin-top:0}.pi-status-dot>span{background:var(--pi-dim);border-radius:999px;box-shadow:0 0 10px #64748b80;height:8px;margin:0;width:8px}.pi-display-header .pi-status-dot>span{display:block;margin-top:0}.pi-status-dot.ok>span{background:var(--pi-green);box-shadow:0 0 12px #4ade80bf}.pi-status-dot.warning>span{background:var(--pi-amber);box-shadow:0 0 12px #facc15bf}.pi-status-dot.critical>span{background:var(--pi-red);box-shadow:0 0 12px #fb7185bf}.pi-display-stage{min-height:0;position:relative;z-index:1}.pi-panel-motion{height:100%;min-height:0}.pi-panel{background:linear-gradient(160deg,#0f172ae0,#020617cc),var(--pi-panel);border-radius:24px;display:flex;flex-direction:column;gap:clamp(14px,4vw,22px);height:100%;overflow:hidden;padding:clamp(16px,5vw,26px)}.pi-big-stat span,.pi-focus-card span,.pi-metric span,.pi-mini-section span,.pi-panel-heading span{color:var(--pi-muted);display:block;font-size:clamp(10px,3vw,12px);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.pi-panel-heading h1{color:var(--pi-text);font-size:clamp(42px,16vw,72px);letter-spacing:-.07em;line-height:.88;margin:6px 0 0}.pi-panel-body{display:flex;flex:1;flex-direction:column;gap:clamp(12px,4vw,18px);justify-content:center;min-height:0}.pi-alert-primary,.pi-big-stat,.pi-empty,.pi-focus-card,.pi-list-item,.pi-metric,.pi-mini-section,.pi-now-hero{background:#ffffff0d;border:1px solid rgba(148,163,184,.14);border-radius:18px}.pi-alert-primary,.pi-big-stat,.pi-empty,.pi-focus-card,.pi-now-hero{padding:clamp(14px,4vw,20px)}.pi-now-hero span{color:var(--pi-blue);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.pi-alert-primary strong,.pi-empty strong,.pi-focus-card strong,.pi-now-hero strong{color:var(--pi-text);display:block;font-size:clamp(22px,8vw,38px);letter-spacing:-.04em;line-height:1;margin-top:8px}.pi-alert-primary span,.pi-empty span,.pi-focus-card small{color:var(--pi-muted);display:block;font-size:clamp(11px,3.4vw,14px);margin-top:8px}.pi-metric-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.pi-metric{min-width:0;padding:13px}.pi-metric.wide{grid-column:1/-1}.pi-metric strong{color:var(--pi-text);display:block;font-size:clamp(24px,8.5vw,42px);letter-spacing:-.06em;line-height:1;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-big-stat strong{display:block;font-size:clamp(46px,18vw,86px);letter-spacing:-.08em;line-height:.9;margin-top:8px}.pi-list{display:flex;flex-direction:column;gap:9px}.pi-list.compact{gap:7px}.pi-list-item{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:12px 13px}.pi-list-item strong{color:var(--pi-text);font-size:clamp(15px,4.4vw,21px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-list-item span{color:var(--pi-muted);flex-shrink:0;font-size:clamp(10px,3vw,12px);font-weight:800;text-transform:uppercase}.pi-list-item.urgent,.pi-list-item.warning{border-color:#facc1552}.pi-list-item.critical{border-color:#fb71856b}.pi-mini-section{padding:13px}.pi-mini-section strong{display:block;font-size:clamp(18px,5.6vw,28px);letter-spacing:-.04em;line-height:1.05;margin-top:8px}.pi-divider{background:linear-gradient(90deg,transparent,rgba(148,163,184,.24),transparent);height:1px}.pi-alert-primary{background:radial-gradient(circle at top right,rgba(251,113,133,.22),transparent 44%),#ffffff0f;border-color:#fb71855c}.pi-alert-strip{align-items:center;background:#0f172adb;border-radius:14px;display:flex;gap:10px;margin-top:10px;padding:10px 12px;z-index:2}.pi-alert-strip strong{color:var(--pi-amber);flex-shrink:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.pi-alert-strip span{color:var(--pi-muted);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-display-footer{align-items:center;background:#0f172ab8;border-radius:14px;display:flex;justify-content:space-between;margin-top:10px;padding:10px 12px}.pi-display-footer span{color:var(--pi-muted);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pi-display-footer span:first-child{color:var(--pi-text)}@media(max-width:360px){.pi-display{padding:8px}.pi-display-header{border-radius:14px;margin-bottom:8px;padding:10px}.pi-panel{border-radius:18px;padding:14px}.pi-alert-strip,.pi-display-footer{margin-top:8px;padding:8px 10px}}.background-container{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.background-layer{height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.background-layer.hidden{opacity:0;pointer-events:none}.background-light-overlay{background:radial-gradient(ellipse at center,rgb(var(--white-rgb)/.8%) 0,transparent 90%);z-index:1}.background-light-overlay,.background-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.background-overlay{background:color-mix(in srgb,var(--bg-primary) 80%,transparent);transition:background 2s ease}.background-overlay.screensaver{background:color-mix(in srgb,var(--bg-primary) 30%,transparent)}.portfolio{display:flex;flex-direction:column;height:100%;min-height:100vh;padding:20px;position:relative;transition:opacity 2s ease;z-index:1}.portfolio.screensaver{opacity:.15;pointer-events:none}.header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:5px;padding:8px 24px;position:relative}.header-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:.5px;text-decoration:none}.header-buttons{gap:12px;position:relative;z-index:1}.header-buttons,.toggle-btn{align-items:center;display:flex}.toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;gap:8px;padding:8px 16px;transition:all .2s ease}.toggle-btn.active,.toggle-btn:hover{border-color:var(--accent-color)}.toggle-btn .icon{height:16px;width:16px}.card-grid{display:grid;flex:1;gap:clamp(12px,2%,16px);grid-template-columns:1fr 1.2fr 1.4fr;grid-template-rows:minmax(clamp(250px,35vh,320px),1fr) minmax(clamp(280px,40vh,360px),1.2fr);min-height:0;padding:0 4px;position:relative;z-index:1}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:border-color .2s ease}.card:hover{border-color:#3a3a3a}.card.wide{grid-column:span 2}.card-hero{grid-column:span 1;padding:0}@media(max-width:1200px){.card-grid{gap:clamp(12px,1.8%,14px);grid-template-columns:1fr 1fr 1fr;grid-template-rows:minmax(clamp(220px,30vh,280px),auto) minmax(clamp(250px,35vh,320px),auto)}}@media(max-width:1024px){.card-grid{gap:clamp(10px,1.5%,14px);grid-template-columns:1fr 1fr;grid-template-rows:auto}.card.wide{grid-column:span 2}.card{min-height:clamp(200px,30vh,240px)}}@media(max-width:768px){.card-grid{gap:12px;grid-template-columns:1fr;grid-template-rows:auto}.card{height:auto;min-height:clamp(280px,40vh,380px)}.card.wide{grid-column:span 1}.header{padding:12px 16px}.portfolio{padding:12px}.toggle-btn span{display:none}.toggle-btn{padding:8px}}@media(max-aspect-ratio:3/4){.card-grid{grid-template-rows:auto}.card{min-height:clamp(300px,45vh,420px)}.card-hero{min-height:clamp(320px,50vh,450px)}}.portfolio{background:radial-gradient(1200px 680px at -10% -5%,color-mix(in srgb,var(--accent-color) 16%,transparent),transparent 58%),radial-gradient(960px 560px at 110% 8%,color-mix(in srgb,var(--accent-cyan) 14%,transparent),transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--surface-0) 84%,transparent),color-mix(in srgb,var(--surface-1) 62%,transparent));padding:24px}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(140deg,color-mix(in srgb,var(--surface-2) 92%,transparent),color-mix(in srgb,var(--surface-1) 88%,transparent));border:1px solid var(--edge-soft);border-radius:16px;margin-bottom:16px;padding:12px 18px;z-index:20}.header-name{font-size:1.06rem;font-weight:700;letter-spacing:.12em}.toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 90%,transparent),color-mix(in srgb,var(--surface-1) 94%,transparent));border:1px solid var(--edge-soft);border-radius:12px;color:var(--text-muted);font-weight:600}.toggle-btn:hover{border-color:color-mix(in srgb,var(--accent-color) 42%,transparent);color:var(--text-primary)}.toggle-btn.active{border-color:color-mix(in srgb,var(--accent-color) 60%,#fff 40%);color:var(--accent-color)}.card-grid{gap:clamp(14px,2.2vw,20px);padding:0}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(155deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface-1) 96%,transparent));border:1px solid var(--edge-soft);border-radius:18px;box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:before{background:linear-gradient(120deg,color-mix(in srgb,var(--accent-cyan) 12%,#fff 3%),transparent 48%);content:"";inset:0;pointer-events:none;position:absolute}.card:hover{border-color:var(--edge-strong);box-shadow:var(--shadow-elevated);transform:translateY(-3px)}@media(max-width:768px){.portfolio{padding:14px}.header{padding:10px 12px}}