@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio-section{padding:4rem 1rem}@media (min-width: 768px){.portfolio-section{padding:5rem 1rem}}@media (min-width: 1024px){.portfolio-section{padding:6rem 1rem}}.portfolio-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid hsl(var(--border));background:hsl(var(--background) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.875rem;margin-bottom:1rem}.section-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}@media (min-width: 768px){.section-title{font-size:2.5rem}}.section-description{font-size:1.125rem;color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto;line-height:1.6}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:4rem 1rem}.hero-background{position:absolute;inset:0;z-index:-1}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--primary) / .05),hsl(var(--background)),hsl(var(--secondary) / .05))}.hero-orb-1,.hero-orb-2{position:absolute;border-radius:50%;filter:blur(96px);animation:pulse 4s ease-in-out infinite}.hero-orb-1{top:25%;right:-12rem;width:24rem;height:24rem;background:hsl(var(--primary) / .1)}.hero-orb-2{bottom:25%;left:-12rem;width:20rem;height:20rem;background:hsl(var(--secondary) / .1);animation-delay:2s}.hero-content{max-width:800px;text-align:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid hsl(var(--border));background:hsl(var(--background) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.875rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out .2s both}.hero-status{width:.5rem;height:.5rem;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.hero-title{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out .4s both}@media (min-width: 768px){.hero-title{font-size:4rem}}@media (min-width: 1024px){.hero-title{font-size:5rem}}.hero-name{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary) / .7));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-subtitle{font-size:1.5rem;font-weight:600;color:hsl(var(--muted-foreground));margin-bottom:1.5rem;animation:fadeInUp .8s ease-out .6s both}@media (min-width: 768px){.hero-subtitle{font-size:2rem}}.hero-description{font-size:1.125rem;color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:2.5rem;animation:fadeInUp .8s ease-out .8s both}.hero-actions{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:3rem;animation:fadeInUp .8s ease-out 1s both}@media (min-width: 480px){.hero-actions{flex-direction:row;justify-content:center}}.hero-social{display:flex;gap:1.5rem;justify-content:center;animation:fadeInUp .8s ease-out 1.2s both}.social-link{position:relative;padding:.75rem;border-radius:50%;border:1px solid hsl(var(--border));background:hsl(var(--background) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:hsl(var(--muted-foreground));text-decoration:none;transition:all .3s ease}.social-link:hover{color:hsl(var(--primary));transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px hsl(var(--primary) / .15)}.project-hover-content{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 8px 30px hsl(var(--foreground) / .12)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;align-items:stretch}@media (min-width: 1200px){.card-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width: 768px) and (max-width: 1199px){.card-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 767px){.card-grid{grid-template-columns:1fr;gap:1.5rem}}.project-card{background:hsl(var(--background) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px hsl(var(--foreground) / .05);transition:all .5s ease;animation:fadeInUp .6s ease-out both}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px hsl(var(--foreground) / .1)}.project-image{aspect-ratio:4/3;background:linear-gradient(135deg,hsl(var(--primary) / .1),hsl(var(--primary) / .05),hsl(var(--secondary) / .1));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-icon{width:3rem;height:3rem;color:hsl(var(--primary) / .8);transition:all .5s ease;position:relative;z-index:2}.project-card:hover .project-icon{color:hsl(var(--primary));transform:scale(1.1)}.project-overlay{position:absolute;inset:0;background:hsl(var(--foreground) / .2);display:flex;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:opacity .5s ease}.project-card:hover .project-overlay{opacity:1}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1rem;text-align:left;align-items:flex-start;justify-content:flex-start}.project-title{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:hsl(var(--foreground));transition:color .3s ease;min-height:2.5rem;max-height:2.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;width:100%}.project-card:hover .project-title{color:hsl(var(--primary))}.project-description{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5;margin-bottom:1rem;min-height:4rem;max-height:4rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left;width:100%;flex:0 0 auto}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-badge{padding:.25rem .5rem;background:hsl(var(--muted) / .5);border-radius:6px;font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground));transition:background .3s ease}.tech-badge:hover{background:hsl(var(--muted))}.project-stats{display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid hsl(var(--border));margin-bottom:0;min-height:2rem;align-items:center;justify-content:flex-start;font-size:.75rem;color:hsl(var(--muted-foreground))}.stat{display:flex;align-items:center;gap:.25rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem;align-items:stretch}@media (min-width: 1200px){.skills-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width: 768px) and (max-width: 1199px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 767px){.skills-grid{grid-template-columns:1fr;gap:1.5rem}}.skill-card{background:hsl(var(--background) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px hsl(var(--foreground) / .05);transition:all .3s ease;animation:fadeInUp .6s ease-out both;display:flex;flex-direction:column;height:100%;min-height:360px}.skill-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px hsl(var(--foreground) / .1)}.skill-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;flex-shrink:0}.skill-icon-wrapper{padding:.5rem;background:hsl(var(--primary) / .1);border-radius:8px;transition:background .3s ease}.skill-card:hover .skill-icon-wrapper{background:hsl(var(--primary) / .2)}.skill-icon{width:1.25rem;height:1.25rem;color:hsl(var(--primary))}.skill-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));transition:color .3s ease}.skill-card:hover .skill-title{color:hsl(var(--primary))}.skill-description{color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill-list{display:flex;flex-direction:column;gap:1rem;flex:1;margin-top:auto}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-info{display:flex;justify-content:between;align-items:center}.skill-name{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.skill-level{font-size:.75rem;color:hsl(var(--muted-foreground))}.experience-section{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 1024px){.experience-section{grid-template-columns:1fr 1fr;gap:4rem}}.timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline-item{display:flex;gap:1rem;animation:fadeInUp .6s ease-out both}.timeline-marker{display:flex;flex-direction:column;align-items:center;margin-top:.25rem}.timeline-dot{width:1rem;height:1rem;background:hsl(var(--primary));border-radius:50%;border:4px solid hsl(var(--background));box-shadow:0 0 0 4px hsl(var(--primary) / .2)}.timeline-line{width:2px;height:4rem;background:hsl(var(--border));margin-top:.5rem}.timeline-content{flex:1;padding-bottom:1.5rem}.timeline-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.timeline-title{font-weight:600;color:hsl(var(--foreground))}.timeline-period{padding:.125rem .5rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-radius:12px;font-size:.75rem;font-weight:500}.timeline-description{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{background:hsl(var(--background) / .5);border:1px solid hsl(var(--border));border-radius:8px;padding:1.5rem;text-align:center;animation:fadeInUp .6s ease-out both}.stat-value{font-size:2rem;font-weight:700;color:hsl(var(--primary));margin-bottom:.5rem}.stat-label{font-size:.75rem;color:hsl(var(--muted-foreground))}.modern-contact-section{background:linear-gradient(to bottom,hsl(var(--background)),hsl(var(--muted) / .1))}.contact-card-modern{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);transition:all .3s ease;cursor:pointer;animation:fadeInUp .6s ease-out both;min-height:80px;height:100%}.contact-card-modern:hover{transform:translateY(-4px);box-shadow:0 10px 30px hsl(var(--foreground) / .1);border-color:hsl(var(--primary))}.contact-icon-wrapper{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:hsl(var(--primary) / .1);border-radius:var(--radius);color:hsl(var(--primary));flex-shrink:0}.contact-icon{width:1.25rem;height:1.25rem}.contact-details{flex:1}.contact-label{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));margin-bottom:.25rem}.contact-value{font-size:1rem;font-weight:600;color:hsl(var(--foreground))}.contact-hover-info .contact-action{margin-top:1rem}.social-links{display:flex;gap:.75rem}.social-link-modern{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:hsl(var(--muted));border-radius:var(--radius);color:hsl(var(--muted-foreground));transition:all .3s ease;text-decoration:none}.social-link-modern:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));transform:translateY(-2px)}.availability-status{padding:1rem;background:hsl(var(--primary) / .05);border:1px solid hsl(var(--primary) / .2);border-radius:var(--radius)}.status-indicator{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.status-dot{width:.75rem;height:.75rem;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.status-text{font-size:.875rem;font-weight:500}.status-description{margin-left:1.5rem}.contact-form-modern{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modern-input,.modern-textarea{transition:all .3s ease;border:1px solid hsl(var(--border))}.modern-input:focus,.modern-textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.modern-select{padding:.75rem 2.5rem .75rem .75rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground));transition:all .3s ease;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modern-select:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.project-type-display,.timeline-options{margin-top:.5rem}.timeline-btn{padding:.5rem 1rem;border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground));border-radius:var(--radius);font-size:.875rem;transition:all .2s ease;cursor:pointer}.timeline-btn:hover{background:hsl(var(--accent));border-color:hsl(var(--primary))}.timeline-btn--active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.character-count{text-align:right;font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem}.character-count.text-red-500{color:#ef4444}.validation-error{color:#ef4444;font-size:.75rem;margin-top:.25rem}.border-red-500{border-color:#ef4444!important}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.reset-btn{flex-shrink:0;background:transparent;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));transition:all .2s ease}.reset-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground));border-color:hsl(var(--primary));box-shadow:0 2px 8px hsl(var(--foreground)/10)}.submit-btn{flex:1;max-width:200px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid transparent;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:hsl(var(--primary)/90);transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--primary)/25)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.budget-info ul{list-style:none;padding:0}.submit-status{padding:1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem;font-weight:500}.submit-status.success{background:#16a2491a;color:#16a249;border:1px solid hsl(142 76% 36% / .2)}.submit-status.error{background:#ef43431a;color:#ef4343;border:1px solid hsl(0 84% 60% / .2)}.form-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.contact-layout{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:3rem}.contact-cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.contact-cards{grid-template-columns:1fr;gap:1rem}}.social-section{margin-bottom:2rem}@media (min-width: 768px){.form-row{grid-template-columns:1fr 1fr}.contact-cards{display:grid;grid-template-columns:1fr;gap:1rem}}@media (min-width: 1024px){.contact-layout{grid-template-columns:1fr 1.2fr;gap:4rem}}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-intro h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:hsl(var(--foreground))}.contact-intro p{color:hsl(var(--muted-foreground));line-height:1.6}.contact-cards{display:flex;flex-direction:column;gap:1rem}.contact-card{background:hsl(var(--background) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;animation:fadeInUp .6s ease-out both}.contact-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px hsl(var(--foreground) / .1)}.contact-icon-wrapper{width:2.5rem;height:2.5rem;background:hsl(var(--primary) / .1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.contact-card:hover .contact-icon-wrapper{background:hsl(var(--primary) / .2)}.contact-icon{width:1rem;height:1rem;color:hsl(var(--primary))}.contact-details{flex:1;min-width:0}.contact-label{font-weight:500;color:hsl(var(--foreground));font-size:.875rem}.contact-value{color:hsl(var(--muted-foreground));font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-form{background:hsl(var(--background) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:2rem;box-shadow:0 8px 30px hsl(var(--foreground) / .05)}.form-header{margin-bottom:2rem}.form-header h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:hsl(var(--foreground))}.form-header p{color:hsl(var(--muted-foreground));font-size:.875rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.project-types{display:flex;flex-wrap:wrap;gap:.5rem}.privacy-notice{text-align:center;font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite;color:hsl(var(--muted-foreground))}.header{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.header--scrolled{background:hsl(var(--background) / .95);box-shadow:0 4px 20px hsl(var(--foreground) / .1)}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;height:4rem;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;position:relative}.logo-text{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground))}@media (min-width: 640px){.logo-text{font-size:1.5rem}}.logo-highlight{color:hsl(var(--primary))}.logo-accent{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(to right,hsl(var(--primary)),transparent);opacity:.6}.nav-desktop{display:none;align-items:center;gap:2rem}@media (min-width: 768px){.nav-desktop{display:flex}}.nav-link{position:relative;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));background:none;border:none;padding:.5rem;cursor:pointer;transition:color .3s ease}.nav-link:hover{color:hsl(var(--primary))}.nav-underline{position:absolute;bottom:0;left:0;width:0;height:2px;background:hsl(var(--primary));transition:width .3s ease}.nav-link:hover .nav-underline{width:100%}.header-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle{flex-shrink:0;transition:all .3s ease}.theme-toggle:hover{background:hsl(var(--primary) / .1);transform:scale(1.1)}.theme-switch{flex-shrink:0}.command-btn{flex-shrink:0;transition:all .3s ease}.command-btn:hover{background:hsl(var(--accent));transform:scale(1.05)}.contact-btn{display:none;padding:0 1.25rem;border-radius:9999px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:500;box-shadow:0 2px 4px hsl(var(--primary)/20);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}@media (min-width: 640px){.contact-btn{display:inline-flex}}.contact-btn:hover{background:hsl(var(--primary) / .9);transform:translateY(-2px);box-shadow:0 6px 20px hsl(var(--primary)/30)}.mobile-toggle{display:flex;transition:all .3s ease}@media (min-width: 768px){.mobile-toggle{display:none}}.mobile-toggle:hover{transform:scale(1.1)}.mobile-menu{border-top:1px solid hsl(var(--border));background:hsl(var(--background) / .95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (min-width: 768px){.mobile-menu{display:none}}.mobile-nav{max-width:1200px;margin:0 auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav-link{display:block;width:100%;text-align:left;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:hsl(var(--muted-foreground));background:none;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;animation:fadeInUp .6s ease-out both}.mobile-nav-link:hover{color:hsl(var(--primary));background:hsl(var(--primary) / .05)}.mobile-nav-header{padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border));margin-bottom:.5rem}.mobile-nav-footer{padding-top:1rem;border-top:1px solid hsl(var(--border))}.mobile-menu-enter-active{transition:all .3s ease-out}.mobile-menu-leave-active{transition:all .2s ease-in}.mobile-menu-enter-from,.mobile-menu-leave-to{opacity:0;transform:translateY(-1rem)}.mobile-menu-enter-to,.mobile-menu-leave-from{opacity:1;transform:translateY(0)}.skills-content{margin-top:2rem}.skill-card-wrapper{animation:fadeInUp .6s ease-out both}.skill-more{margin-top:.5rem;padding:.25rem 0;text-align:center;font-style:italic}.skill-hover-content h4{margin-bottom:.5rem}.category-detail{animation:fadeInUp .6s ease-out}.category-hero{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;background:hsl(var(--muted) / .3);border-radius:var(--radius);border:1px solid hsl(var(--border))}.category-icon-large{padding:1rem;background:hsl(var(--primary) / .1);border-radius:var(--radius);color:hsl(var(--primary))}.skills-detailed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.skill-detailed-card{padding:1.5rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);transition:all .3s ease}.skill-detailed-card:hover{box-shadow:0 4px 20px hsl(var(--foreground) / .1);transform:translateY(-2px)}.skill-detailed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skill-level-badge{padding:.25rem .75rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:9999px;font-size:.75rem;font-weight:600}.skill-progress{height:.5rem}.project-card-modern{position:relative;overflow:hidden;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both;display:flex;flex-direction:column;height:100%;min-height:520px;max-height:520px}.project-card-modern:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px hsl(var(--foreground) / .15)}.project-card-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--primary)),transparent);transition:left .5s ease}.project-card-modern:hover:before{left:100%}.project-tech-modern{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;min-height:2.5rem;max-height:2.5rem;overflow:hidden;align-items:flex-start;justify-content:flex-start}.tech-tag{padding:.25rem .75rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-radius:9999px;font-size:.75rem;font-weight:500;transition:all .2s ease}.tech-tag:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));transform:translateY(-1px)}.project-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;align-items:center;justify-content:flex-start;min-height:3rem;flex-shrink:0}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));text-decoration:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .2s ease;border:1px solid transparent}.project-link:hover{background:hsl(var(--primary)/90);transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--primary)/25)}.project-link--secondary{background:transparent;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}.project-link--secondary:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-color:hsl(var(--primary));box-shadow:0 2px 8px hsl(var(--foreground)/10)}.project-link--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.project-status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;transition:all .2s ease}.status-active-development{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:pulse-glow 2s infinite}.status-planned{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.status-concept{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}.status-coming-soon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.status-in-planning{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.status-future{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px dashed hsl(var(--border));opacity:.7}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 5px #10b9814d}50%{opacity:.8;box-shadow:0 0 15px #10b98180}}.footer{background:hsl(var(--background));border-top:1px solid hsl(var(--border));padding:3rem 1rem}@media (min-width: 640px){.footer{padding:4rem 1rem}}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground))}.footer-description{font-size:.875rem;color:hsl(var(--muted-foreground));max-width:28rem;line-height:1.6}.footer-social{display:flex;gap:1.5rem}.footer-social-link{padding:.75rem;border-radius:50%;background:hsl(var(--muted) / .5);color:hsl(var(--muted-foreground));transition:all .3s ease}.footer-social-link:hover{background:hsl(var(--primary) / .1);color:hsl(var(--primary));transform:translateY(-2px)}.footer-bottom{padding-top:1rem;border-top:1px solid hsl(var(--border));width:100%}.footer-copyright{font-size:.75rem;color:hsl(var(--muted-foreground))}@layer base{:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--radius: .75rem}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-feature-settings:"rlig" 1,"calt" 1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:hsl(var(--background))}::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground) / .5)}html{scroll-behavior:smooth}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.typing-text{display:inline-block;overflow:hidden;white-space:nowrap;animation:typing 3s steps(40,end) infinite}.typing-cursor{animation:cursor-blink 1s infinite;margin-left:2px;color:hsl(var(--primary))}.float-animation{animation:float 6s ease-in-out infinite}.gradient-text{background:linear-gradient(45deg,hsl(var(--primary)),hsl(var(--secondary)),hsl(var(--accent)));background-size:200% 200%;animation:gradient-shift 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::selection{background-color:hsl(var(--primary) / .2);color:hsl(var(--primary-foreground))}::-moz-selection{background-color:hsl(var(--primary) / .2);color:hsl(var(--primary-foreground))}*:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:4px}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.w-full{width:100%}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.bg-secondary{background-color:hsl(var(--secondary))}.rounded{border-radius:var(--radius)}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.leading-relaxed{line-height:1.625}.text-muted-foreground{color:hsl(var(--muted-foreground))}#app{font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 480px){.container{max-width:480px;padding:0 1.5rem}}@media (min-width: 768px){.container{max-width:768px;padding:0 2rem}}@media (min-width: 1024px){body{display:block}#app{width:100%}.container{max-width:1024px;padding:0 2.5rem}}@media (min-width: 1280px){.container{max-width:1280px;padding:0 3rem}}@media (min-width: 1536px){.container{max-width:1536px;padding:0 3.5rem}}html{font-size:14px}@media (min-width: 480px){html{font-size:15px}}@media (min-width: 768px){html{font-size:16px}}@media (min-width: 1024px){html{font-size:16px}}@media (min-width: 1440px){html{font-size:17px}}.section-padding{padding:2rem 0}@media (min-width: 480px){.section-padding{padding:3rem 0}}@media (min-width: 768px){.section-padding{padding:4rem 0}}@media (min-width: 1024px){.section-padding{padding:5rem 0}}@media (min-width: 1440px){.section-padding{padding:6rem 0}}.grid{display:grid;gap:1rem}@media (max-width: 480px){.grid{grid-template-columns:1fr;gap:.75rem}}@media (min-width: 481px) and (max-width: 768px){.grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){.grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (min-width: 1025px){.grid{grid-template-columns:repeat(4,1fr);gap:2rem}}@media (pointer: coarse){button,.btn,a.btn,input[type=button],input[type=submit]{min-height:44px;min-width:44px;padding:.75rem 1rem}input,textarea,select{min-height:44px;padding:.75rem}.no-touch-hover:hover{transform:none!important;box-shadow:initial!important}}img{max-width:100%;height:auto}video{max-width:100%;height:auto}.text-responsive-xs{font-size:.75rem}.text-responsive-sm{font-size:.875rem}.text-responsive-base{font-size:1rem}.text-responsive-lg{font-size:1.125rem}.text-responsive-xl{font-size:1.25rem}.text-responsive-2xl{font-size:1.5rem}.text-responsive-3xl{font-size:1.875rem}@media (min-width: 768px){.text-responsive-xs{font-size:.8125rem}.text-responsive-sm{font-size:.9375rem}.text-responsive-base{font-size:1.0625rem}.text-responsive-lg{font-size:1.25rem}.text-responsive-xl{font-size:1.5rem}.text-responsive-2xl{font-size:1.75rem}.text-responsive-3xl{font-size:2.25rem}}@media (min-width: 1024px){.text-responsive-xs{font-size:.875rem}.text-responsive-sm{font-size:1rem}.text-responsive-base{font-size:1.125rem}.text-responsive-lg{font-size:1.375rem}.text-responsive-xl{font-size:1.75rem}.text-responsive-2xl{font-size:2rem}.text-responsive-3xl{font-size:2.5rem}}.hidden-mobile{display:none}@media (min-width: 768px){.hidden-mobile{display:block}.hidden-desktop{display:none}}.show-mobile{display:block}@media (min-width: 768px){.show-mobile{display:none}}.flex-responsive{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.flex-responsive{flex-direction:row;gap:2rem}}@media (max-width: 768px){button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:2px solid #007acc;outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}.mobile-center{text-align:center}@media (min-width: 768px){.mobile-center{text-align:left}}.mobile-full-width{width:100%}@media (min-width: 768px){.mobile-full-width{width:auto}}@supports (-webkit-touch-callout: none){.full-height{min-height:-webkit-fill-available}body{-webkit-text-size-adjust:100%}}@media (prefers-contrast: high){button,.btn,input,textarea{border:2px solid}}@media (prefers-color-scheme: dark){body{background:#020817;color:#f8fafc}}@media print{body{font-size:12pt;line-height:1.5;color:#000;background:#fff}.no-print{display:none!important}a{color:#000;text-decoration:underline}}.paint-canvas,.project-card,.nav-item,.hero-orb-1,.hero-orb-2{transform:translateZ(0);will-change:transform;backface-visibility:hidden}@font-face{font-display:swap}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-sizing:border-box}img{content-visibility:auto;contain-intrinsic-size:200px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}img[loading=lazy]{content-visibility:auto}@media (prefers-reduced-motion: no-preference){.hero-orb-1,.hero-orb-2{animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.2,1)}}@media (max-width: 768px){.hero-orb-1,.hero-orb-2{filter:blur(30px);opacity:.4}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}button,.btn,a{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}}.animate-fade-in,.animate-slide-up,.animate-scale-in{transform:translateZ(0);will-change:transform,opacity}.lazy-section{content-visibility:auto;contain-intrinsic-size:100vh}@supports (container-type: inline-size){.responsive-container{container-type:inline-size}}@supports (backdrop-filter: blur(10px)){.modern-navbar .navbar-pill{-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-orb-1,.hero-orb-2{display:none}.navbar-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000f2}}@media (max-width: 480px) and (max-height: 640px){.hero-orb-1,.hero-orb-2{display:none}.paint-canvas{image-rendering:pixelated}.hero{background:hsl(var(--background))}.project-card,.contact-card,.navbar-pill{box-shadow:none}}.switch[data-v-c7956a26]{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:9999px;cursor:pointer;transition:all .2s ease;outline:none}.switch[data-v-c7956a26]:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.switch[data-v-c7956a26]:disabled{cursor:not-allowed;opacity:.5}.switch--checked[data-v-c7956a26]{background:hsl(var(--primary));border-color:hsl(var(--primary))}.switch-thumb[data-v-c7956a26]{position:absolute;left:2px;top:2px;width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);background:hsl(var(--background));border-radius:9999px;box-shadow:0 2px 6px hsl(var(--foreground) / .25);transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translate(0)}.switch--checked .switch-thumb[data-v-c7956a26]{transform:translate(1.19rem)}.tooltip-root[data-v-d56505fe]{position:relative;display:inline-block}.tooltip-trigger[data-v-d56505fe]{display:inline-block}.tooltip-content[data-v-d56505fe]{position:fixed;z-index:100;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;background:hsl(var(--foreground));color:hsl(var(--background));border-radius:calc(var(--radius) - 2px);box-shadow:0 4px 20px hsl(var(--foreground) / .2);max-width:200px;text-align:center;word-wrap:break-word}.tooltip-arrow[data-v-d56505fe]{position:absolute;width:8px;height:8px;background:hsl(var(--foreground));transform:rotate(45deg)}.tooltip-arrow--top[data-v-d56505fe]{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip-arrow--bottom[data-v-d56505fe]{top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip-arrow--left[data-v-d56505fe]{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip-arrow--right[data-v-d56505fe]{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.command-overlay[data-v-23d8d16b]{position:fixed;inset:0;z-index:100;background:hsl(var(--background) / .8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.command-dialog[data-v-23d8d16b]{width:100%;max-width:640px;margin:0 1rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);box-shadow:0 25px 50px hsl(var(--foreground) / .15);animation:commandEnter-23d8d16b .2s ease-out}.command-header[data-v-23d8d16b]{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid hsl(var(--border))}.command-search-icon[data-v-23d8d16b]{color:hsl(var(--muted-foreground));flex-shrink:0}.command-input[data-v-23d8d16b]{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:hsl(var(--foreground))}.command-input[data-v-23d8d16b]::-moz-placeholder{color:hsl(var(--muted-foreground))}.command-input[data-v-23d8d16b]::placeholder{color:hsl(var(--muted-foreground))}.command-kbd[data-v-23d8d16b]{padding:.25rem .5rem;background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:.375rem;font-size:.75rem;font-family:ui-monospace,monospace}.command-list[data-v-23d8d16b]{max-height:400px;overflow-y:auto;padding:.5rem}.command-item[data-v-23d8d16b]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);cursor:pointer;transition:background-color .1s ease}.command-item[data-v-23d8d16b]:hover,.command-item--selected[data-v-23d8d16b]{background:hsl(var(--accent))}.command-item-icon[data-v-23d8d16b]{color:hsl(var(--muted-foreground));flex-shrink:0}.command-item-content[data-v-23d8d16b]{flex:1;min-width:0}.command-item-title[data-v-23d8d16b]{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.command-item-description[data-v-23d8d16b]{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.125rem}.command-item-kbd[data-v-23d8d16b]{padding:.125rem .375rem;background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:.25rem;font-size:.75rem;font-family:ui-monospace,monospace}.command-empty[data-v-23d8d16b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}@keyframes commandEnter-23d8d16b{0%{opacity:0;transform:scale(.96) translateY(-1rem)}to{opacity:1;transform:scale(1) translateY(0)}}.header[data-v-80826ddd]{position:fixed;top:0;left:0;right:0;z-index:999;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;transition:all .3s ease}.header-container[data-v-80826ddd]{display:flex;align-items:center;justify-content:flex-end;padding:1rem 3rem 1rem 2rem;max-width:1400px;margin:0 auto;background:transparent}.header-logo[data-v-80826ddd]{flex:1}.header-actions[data-v-80826ddd]{display:flex;align-items:center;gap:1rem;margin-left:auto;padding-right:1rem}.review-display[data-v-80826ddd]{display:flex;align-items:center}.review-badge[data-v-80826ddd]{display:flex;align-items:center;gap:.375rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));transition:all .2s ease}.review-badge[data-v-80826ddd]:hover{background:hsl(var(--muted));transform:translateY(-1px);box-shadow:0 2px 8px hsl(var(--foreground)/10)}.review-star[data-v-80826ddd]{width:1rem;height:1rem;color:#fbbf24;fill:#fbbf24}.review-count[data-v-80826ddd]{font-weight:600;color:hsl(var(--foreground));font-size:.875rem}@media (max-width: 768px){.review-display[data-v-80826ddd]{display:flex}.review-badge[data-v-80826ddd]{padding:.25rem .5rem;font-size:.75rem;border-radius:.75rem}.review-star[data-v-80826ddd]{width:.875rem;height:.875rem}.review-count[data-v-80826ddd]{font-size:.75rem}.header-actions[data-v-80826ddd]{gap:.25rem}.theme-switch[data-v-80826ddd]{transform:scale(.75)}.command-btn[data-v-80826ddd]{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important}.command-btn .h-4[data-v-80826ddd]{width:.625rem!important;height:.625rem!important}.mobile-toggle[data-v-80826ddd]{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important}.mobile-toggle .h-5[data-v-80826ddd]{width:.75rem!important;height:.75rem!important}}.mobile-menu[data-v-80826ddd]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:998;padding-top:5rem}.mobile-nav[data-v-80826ddd]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;margin:1rem;padding:2rem;max-width:400px;margin:1rem auto}.mobile-nav-header[data-v-80826ddd]{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-nav-link[data-v-80826ddd]{display:flex;align-items:center;gap:.75rem;padding:1rem;border:none;background:transparent;color:#374151;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease;width:100%;margin-bottom:.5rem}.mobile-nav-link[data-v-80826ddd]:hover{background:#0000000d;transform:translate(4px)}.mobile-nav-footer[data-v-80826ddd]{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.mobile-menu-enter-active[data-v-80826ddd],.mobile-menu-leave-active[data-v-80826ddd]{transition:all .3s ease}.mobile-menu-enter-from[data-v-80826ddd],.mobile-menu-leave-to[data-v-80826ddd]{opacity:0;transform:translateY(-20px)}.mobile-menu-enter-to[data-v-80826ddd],.mobile-menu-leave-from[data-v-80826ddd]{opacity:1;transform:translateY(0)}.modern-navbar[data-v-d25fcc56]{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:1001;pointer-events:none}.desktop-nav[data-v-d25fcc56]{pointer-events:auto}.navbar-pill[data-v-d25fcc56]{display:flex;align-items:center;background:#000000bf;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:.375rem;gap:.125rem;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff14,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-pill[data-v-d25fcc56]:hover{background:#000000d9;border-color:#fff3;-webkit-backdrop-filter:blur(28px) saturate(1.3);backdrop-filter:blur(28px) saturate(1.3);box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff1f,inset 0 1px #ffffff40}.nav-item[data-v-d25fcc56]{display:flex;align-items:center;justify-content:center;padding:.625rem 1.125rem;border:none;background:transparent;color:#6d6b5e;font-size:.875rem;font-weight:500;border-radius:25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.nav-item[data-v-d25fcc56]:hover{color:#67655a;background:#ffffff0d;transform:translateY(-1px)}.nav-item-active[data-v-d25fcc56]{color:#efdfb7;background:transparent;border:none;box-shadow:none;text-shadow:0 0 8px rgba(239,223,183,.6)}.nav-item-active[data-v-d25fcc56]:hover{background:transparent;color:#efdfb7;text-shadow:0 0 12px rgba(239,223,183,.9);transform:translateY(-1px)}.nav-label[data-v-d25fcc56]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.01em;transition:all .2s ease}.mobile-menu-container[data-v-d25fcc56]{display:none;position:fixed;top:1rem;right:1rem;z-index:1002;pointer-events:auto}@media (min-width: 481px){.mobile-menu-container[data-v-d25fcc56],.mobile-drawer[data-v-d25fcc56]{display:none!important;visibility:hidden!important}}.mobile-menu-button[data-v-d25fcc56]{display:flex;flex-direction:column;justify-content:space-between;width:36px;height:36px;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 480px){.mobile-menu-button[data-v-d25fcc56]{width:32px;height:32px;padding:7px;border-radius:6px}}.mobile-menu-button[data-v-d25fcc56]:hover{background:#000000f2;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 6px 25px #0006}.mobile-menu-button[data-v-d25fcc56]:active{transform:translateY(0) scale(.95)}.hamburger-line[data-v-d25fcc56]{width:100%;height:2px;background:#efdfb7;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.menu-open .hamburger-line[data-v-d25fcc56]:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-open .hamburger-line[data-v-d25fcc56]:nth-child(2){opacity:0;transform:scale(0)}.menu-open .hamburger-line[data-v-d25fcc56]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 480px){.menu-open .hamburger-line[data-v-d25fcc56]:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-open .hamburger-line[data-v-d25fcc56]:nth-child(3){transform:translateY(-5px) rotate(-45deg)}}.mobile-drawer[data-v-d25fcc56]{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-drawer.drawer-open[data-v-d25fcc56]{pointer-events:auto;opacity:1}.mobile-drawer-overlay[data-v-d25fcc56]{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.drawer-open .mobile-drawer-overlay[data-v-d25fcc56]{opacity:1}.mobile-drawer-content[data-v-d25fcc56]{position:absolute;top:0;right:0;height:100%;width:300px;max-width:80vw;background:#000000f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-left:1px solid rgba(255,255,255,.1);box-shadow:-10px 0 40px #00000080;transform:translate(100%);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:1001}.drawer-open .mobile-drawer-content[data-v-d25fcc56]{transform:translate(0)}.mobile-drawer-header[data-v-d25fcc56]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.drawer-title[data-v-d25fcc56]{font-size:1.25rem;font-weight:600;color:#efdfb7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.close-drawer-button[data-v-d25fcc56]{width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;touch-action:manipulation}.close-drawer-button[data-v-d25fcc56]:hover{background:#ffffff26;transform:scale(1.05)}.close-icon[data-v-d25fcc56]{font-size:1.25rem;color:#efdfb7;line-height:1}@media (max-width: 480px){.close-drawer-button[data-v-d25fcc56]{width:26px;height:26px;border-radius:4px}.close-icon[data-v-d25fcc56],.drawer-title[data-v-d25fcc56]{font-size:1.125rem}.mobile-drawer-content[data-v-d25fcc56]{width:280px;max-width:90vw}}.mobile-nav-items[data-v-d25fcc56]{flex:1;padding:1rem 0;overflow-y:auto;position:relative;z-index:1002}.mobile-nav-item[data-v-d25fcc56]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;border:none;background:transparent;color:#a0a0a0;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,255,255,.05);touch-action:manipulation;min-height:60px}.mobile-nav-item[data-v-d25fcc56]:hover{background:#ffffff14;color:#e0e0e0;padding-left:1.5rem}.mobile-nav-item[data-v-d25fcc56]:active{background:#ffffff1f;transform:scale(.98)}.mobile-nav-item-active[data-v-d25fcc56]{color:#efdfb7;background:#efdfb71a}.mobile-nav-item-active[data-v-d25fcc56]:hover{color:#efdfb7;background:#efdfb726}.mobile-nav-label[data-v-d25fcc56]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.nav-arrow[data-v-d25fcc56]{font-size:1.2rem;opacity:.6;transition:all .2s ease}.mobile-nav-item:hover .nav-arrow[data-v-d25fcc56]{opacity:1;transform:translate(4px)}@media (min-width: 481px){.mobile-menu-container[data-v-d25fcc56],.mobile-drawer[data-v-d25fcc56]{display:none!important}}@media (max-width: 480px){.desktop-nav[data-v-d25fcc56]{display:none!important}.mobile-menu-container[data-v-d25fcc56]{display:block}.modern-navbar[data-v-d25fcc56]{position:relative;top:auto;left:auto;transform:none}}@media (min-width: 481px) and (max-width: 768px){.modern-navbar[data-v-d25fcc56]{top:.75rem;left:1rem;right:1rem;transform:none;width:auto;max-width:none}.navbar-pill[data-v-d25fcc56]{padding:.5rem;gap:.375rem;background:#000000d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.nav-item[data-v-d25fcc56]{padding:.875rem 1rem;font-size:.875rem;min-width:48px;min-height:48px;flex:1;text-align:center;border-radius:8px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}}@media (min-width: 769px) and (max-width: 1024px){.modern-navbar[data-v-d25fcc56]{top:1rem;width:auto;max-width:600px}.navbar-pill[data-v-d25fcc56]{padding:.5rem;gap:.25rem}.nav-item[data-v-d25fcc56]{padding:.75rem 1rem;font-size:.875rem}}@media (min-width: 1025px) and (max-width: 1440px){.modern-navbar[data-v-d25fcc56]{top:1.25rem;max-width:700px}.navbar-pill[data-v-d25fcc56]{padding:.625rem;gap:.375rem}.nav-item[data-v-d25fcc56]{padding:.875rem 1.25rem;font-size:.9375rem}}@media (min-width: 1441px){.modern-navbar[data-v-d25fcc56]{top:1.5rem;max-width:800px}.navbar-pill[data-v-d25fcc56]{padding:.75rem;gap:.5rem}.nav-item[data-v-d25fcc56]{padding:1rem 1.5rem;font-size:1rem}}.modern-navbar[data-v-d25fcc56]{animation:slideDown-d25fcc56 .8s cubic-bezier(.4,0,.2,1) both}@keyframes slideDown-d25fcc56{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 480px){.modern-navbar[data-v-d25fcc56]{animation:none}.mobile-menu-button[data-v-d25fcc56]{animation:fadeIn-d25fcc56 .6s ease-out}}@keyframes fadeIn-d25fcc56{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}html[data-v-d25fcc56]{scroll-behavior:smooth}.nav-item-active[data-v-d25fcc56]{animation:activeGlow-d25fcc56 .3s ease-out}@keyframes activeGlow-d25fcc56{0%{text-shadow:0 0 4px rgba(239,223,183,.4)}50%{text-shadow:0 0 16px rgba(239,223,183,.9)}to{text-shadow:0 0 8px rgba(239,223,183,.6)}}@media (prefers-reduced-motion: reduce){.mobile-drawer-content[data-v-d25fcc56],.mobile-drawer-overlay[data-v-d25fcc56],.hamburger-line[data-v-d25fcc56],.mobile-nav-item[data-v-d25fcc56],.nav-arrow[data-v-d25fcc56]{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.mobile-menu-button[data-v-d25fcc56],.mobile-drawer-content[data-v-d25fcc56],.mobile-nav-item[data-v-d25fcc56]{border-width:2px}.mobile-nav-item-active[data-v-d25fcc56]{outline:2px solid #efdfb7;outline-offset:-2px}}.modern-projects-section[data-v-216d1906]{padding:5rem 0;background:hsl(var(--background));position:relative}.portfolio-container[data-v-216d1906]{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header[data-v-216d1906]{text-align:center;margin-bottom:4rem}.section-title[data-v-216d1906]{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:hsl(var(--foreground));margin:0;line-height:1.2}.projects-grid[data-v-216d1906]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.project-card[data-v-216d1906]{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card[data-v-216d1906]:hover{transform:translateY(-4px);box-shadow:0 12px 40px hsl(var(--foreground)/10);border-color:hsl(var(--primary)/30)}.project-card[data-v-216d1906]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/60));opacity:0;transition:opacity .3s ease}.project-card[data-v-216d1906]:hover:before{opacity:1}.card-header[data-v-216d1906]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-icon[data-v-216d1906]{width:2rem;height:2rem;color:hsl(var(--primary));padding:.5rem;background:hsl(var(--primary)/10);border-radius:.5rem}.card-stats[data-v-216d1906]{display:flex;align-items:center;gap:.5rem}.heart-icon[data-v-216d1906]{width:1.25rem;height:1.25rem;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.heart-icon[data-v-216d1906]:hover{color:#ef4444;transform:scale(1.1)}.heart-icon.heart-filled[data-v-216d1906]{color:#ef4444;fill:#ef4444}.like-count[data-v-216d1906]{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.card-content[data-v-216d1906]{margin-bottom:1.5rem}.card-title[data-v-216d1906]{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .5rem;line-height:1.3}.card-description[data-v-216d1906]{font-size:.875rem;line-height:1.5;color:hsl(var(--muted-foreground));margin:0}.card-tags[data-v-216d1906]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag[data-v-216d1906]{display:inline-flex;align-items:center;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;border:1px solid hsl(var(--border));transition:all .2s ease}.tag[data-v-216d1906]:hover{background:hsl(var(--primary)/10);color:hsl(var(--primary));border-color:hsl(var(--primary)/20)}.card-actions[data-v-216d1906]{margin-top:auto}.card-actions .w-full[data-v-216d1906]{width:100%;transition:all .3s ease}.card-actions button[data-v-216d1906]:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));transform:translateY(-1px)}@media (max-width: 480px){.modern-projects-section[data-v-216d1906]{padding:2rem .5rem}.portfolio-container[data-v-216d1906]{padding:0 .5rem}.section-header[data-v-216d1906]{margin-bottom:2rem;text-align:center}.section-header h2[data-v-216d1906]{font-size:1.75rem;margin-bottom:.5rem}.section-header p[data-v-216d1906]{font-size:.875rem;line-height:1.5}.projects-grid[data-v-216d1906]{grid-template-columns:1fr;gap:1rem}.project-card[data-v-216d1906]{padding:1rem;min-height:auto}.card-header[data-v-216d1906]{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.card-title[data-v-216d1906]{font-size:1rem;line-height:1.25}.card-description[data-v-216d1906]{font-size:.8125rem;line-height:1.4}.card-stats[data-v-216d1906]{align-self:flex-start;font-size:.75rem}.card-tags[data-v-216d1906]{margin-bottom:1rem;gap:.375rem}.tag[data-v-216d1906]{font-size:.6875rem;padding:.1875rem .625rem}.card-actions[data-v-216d1906]{margin-top:.75rem}.card-actions button[data-v-216d1906]{font-size:.875rem;padding:.625rem 1rem;min-height:44px}}@media (min-width: 481px) and (max-width: 768px){.modern-projects-section[data-v-216d1906]{padding:3rem 1rem}.portfolio-container[data-v-216d1906]{padding:0 1rem}.section-header[data-v-216d1906]{margin-bottom:2.5rem;text-align:center}.section-header h2[data-v-216d1906]{font-size:2rem}.section-header p[data-v-216d1906]{font-size:.9375rem}.projects-grid[data-v-216d1906]{grid-template-columns:repeat(2,1fr);gap:1.25rem}.project-card[data-v-216d1906]{padding:1.25rem;min-height:320px}.card-header[data-v-216d1906]{margin-bottom:1rem}.card-title[data-v-216d1906]{font-size:1.125rem}.card-description[data-v-216d1906]{font-size:.875rem;line-height:1.5}.card-tags[data-v-216d1906]{margin-bottom:1.25rem}.tag[data-v-216d1906]{font-size:.75rem}.card-actions button[data-v-216d1906]{font-size:.875rem;padding:.75rem 1.25rem}}@media (min-width: 769px) and (max-width: 1024px){.modern-projects-section[data-v-216d1906]{padding:4rem 1.5rem}.portfolio-container[data-v-216d1906]{padding:0 1.5rem;max-width:960px;margin:0 auto}.section-header[data-v-216d1906]{margin-bottom:3rem}.section-header h2[data-v-216d1906]{font-size:2.25rem}.section-header p[data-v-216d1906]{font-size:1rem}.projects-grid[data-v-216d1906]{grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card[data-v-216d1906]{padding:1.5rem;min-height:360px}.card-title[data-v-216d1906]{font-size:1.25rem}.card-description[data-v-216d1906]{font-size:.9375rem}.card-actions button[data-v-216d1906]{padding:.875rem 1.5rem}}@media (min-width: 1025px) and (max-width: 1440px){.modern-projects-section[data-v-216d1906]{padding:5rem 2rem}.portfolio-container[data-v-216d1906]{padding:0 2rem;max-width:1200px;margin:0 auto}.section-header[data-v-216d1906]{margin-bottom:4rem}.section-header h2[data-v-216d1906]{font-size:2.5rem}.section-header p[data-v-216d1906]{font-size:1.125rem}.projects-grid[data-v-216d1906]{grid-template-columns:repeat(3,1fr);gap:2rem}.project-card[data-v-216d1906]{padding:2rem;min-height:400px}.card-title[data-v-216d1906]{font-size:1.375rem}.card-description[data-v-216d1906]{font-size:1rem;line-height:1.6}.card-actions button[data-v-216d1906]{padding:1rem 2rem}}@media (min-width: 1441px){.modern-projects-section[data-v-216d1906]{padding:6rem 2.5rem}.portfolio-container[data-v-216d1906]{padding:0 2.5rem;max-width:1400px;margin:0 auto}.section-header[data-v-216d1906]{margin-bottom:5rem}.section-header h2[data-v-216d1906]{font-size:2.75rem}.section-header p[data-v-216d1906]{font-size:1.1875rem}.projects-grid[data-v-216d1906]{grid-template-columns:repeat(3,1fr);gap:2.5rem}.project-card[data-v-216d1906]{padding:2.5rem;min-height:450px}.card-title[data-v-216d1906]{font-size:1.5rem}.card-description[data-v-216d1906]{font-size:1.0625rem;line-height:1.65}.card-actions button[data-v-216d1906]{padding:1.125rem 2.25rem;font-size:1rem}}@media (max-width: 768px) and (pointer: coarse){.project-card[data-v-216d1906]{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.heart-icon[data-v-216d1906]{min-height:44px;min-width:44px;padding:.5rem}.card-actions button[data-v-216d1906]{min-height:44px;touch-action:manipulation}.card-tags[data-v-216d1906]{gap:.5rem}.tag[data-v-216d1906]{min-height:32px;padding:.375rem .75rem}}@media (max-width: 768px) and (orientation: landscape){.modern-projects-section[data-v-216d1906]{padding:1.5rem .5rem}.section-header[data-v-216d1906]{margin-bottom:1.5rem}.section-header h2[data-v-216d1906]{font-size:1.5rem}.projects-grid[data-v-216d1906]{grid-template-columns:repeat(2,1fr);gap:1rem}.project-card[data-v-216d1906]{padding:1rem;min-height:280px}}@media (prefers-color-scheme: dark){.project-card[data-v-216d1906]:hover{box-shadow:0 12px 40px #0000004d}}@media (prefers-reduced-motion: reduce){.project-card[data-v-216d1906],.heart-icon[data-v-216d1906],.tag[data-v-216d1906],.card-actions button[data-v-216d1906]{animation:none!important;transition:none}.project-card[data-v-216d1906]:hover{transform:none}}.heart-icon[data-v-216d1906]:focus,.card-actions button[data-v-216d1906]:focus{outline:2px solid hsl(var(--primary));outline-offset:2px}.tabs-root[data-v-681d3a25]{width:100%}.tabs-list[data-v-681d3a25]{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;background:hsl(var(--muted));border-radius:calc(var(--radius) + 2px);position:relative;overflow:hidden}.tabs-trigger[data-v-681d3a25]{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;background:transparent;color:hsl(var(--muted-foreground));border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;z-index:2}.tabs-trigger[data-v-681d3a25]:hover{color:hsl(var(--foreground))}.tabs-trigger--active[data-v-681d3a25]{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 2px 8px hsl(var(--foreground) / .1)}.tabs-trigger[data-v-681d3a25]:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.tabs-content[data-v-681d3a25]{margin-top:1rem}.admin-notes-manager[data-v-82dcb60e]{display:flex;flex-direction:column;gap:2rem;transition:all .3s ease}.admin-notes-manager.fullscreen[data-v-82dcb60e]{position:fixed;inset:0;width:100vw;height:100vh;background:hsl(var(--background));z-index:9999;padding:1rem;overflow:hidden}.admin-notes-manager.fullscreen .notes-list-container[data-v-82dcb60e]{height:calc(100vh - 2rem);max-height:none}.admin-notes-manager.fullscreen .notes-grid[data-v-82dcb60e]{height:calc(100vh - 140px);overflow-y:auto;padding-right:.5rem}.admin-notes-manager.fullscreen .list-header[data-v-82dcb60e]{position:sticky;top:0;background:hsl(var(--background));z-index:10;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border));margin-bottom:1rem}.admin-notes-manager.fullscreen .note-form-container[data-v-82dcb60e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;z-index:11;box-shadow:0 25px 50px #00000040}.note-form-container[data-v-82dcb60e]{background:hsl(var(--muted) / .3);border-radius:12px;padding:1.5rem}.note-form[data-v-82dcb60e]{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden}.form-header[data-v-82dcb60e]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .5)}.form-title[data-v-82dcb60e]{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0}.form-content[data-v-82dcb60e]{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-82dcb60e]{display:flex;flex-direction:column;gap:.5rem}.form-input[data-v-82dcb60e],.form-textarea[data-v-82dcb60e],.form-select[data-v-82dcb60e]{padding:.75rem;border:1px solid hsl(var(--border));border-radius:6px;font-size:.875rem;background:hsl(var(--background));color:hsl(var(--foreground));transition:border-color .2s ease}.form-input[data-v-82dcb60e]:focus,.form-textarea[data-v-82dcb60e]:focus,.form-select[data-v-82dcb60e]:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .2)}.form-textarea[data-v-82dcb60e]{resize:vertical;min-height:200px}.checkbox-group[data-v-82dcb60e]{flex-direction:row;align-items:center;gap:.75rem}.checkbox-label[data-v-82dcb60e]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-input[data-v-82dcb60e]{width:16px;height:16px;cursor:pointer}.checkbox-text[data-v-82dcb60e]{font-size:.875rem;color:hsl(var(--foreground))}.form-actions[data-v-82dcb60e]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .3)}.save-btn[data-v-82dcb60e]{min-width:100px}.list-header[data-v-82dcb60e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.list-title[data-v-82dcb60e]{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0}.list-actions[data-v-82dcb60e]{display:flex;gap:.75rem;align-items:center}.search-input[data-v-82dcb60e]{width:250px}.fullscreen-toggle-btn[data-v-82dcb60e]{min-width:100px;position:relative;background:hsl(var(--primary)/10)!important;border-color:hsl(var(--primary))!important;color:hsl(var(--primary))!important;font-weight:600;font-size:.875rem}.fullscreen-toggle-btn[data-v-82dcb60e]:hover{background:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important;transform:scale(1.02)}.loading-state[data-v-82dcb60e],.empty-state[data-v-82dcb60e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:hsl(var(--muted-foreground))}.loading-spinner[data-v-82dcb60e]{width:32px;height:32px;border:3px solid hsl(var(--muted));border-top:3px solid hsl(var(--primary));border-radius:50%;animation:spin-82dcb60e 1s linear infinite;margin-bottom:1rem}@keyframes spin-82dcb60e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon[data-v-82dcb60e]{width:48px;height:48px;margin-bottom:1rem;color:hsl(var(--muted-foreground))}.empty-title[data-v-82dcb60e]{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:hsl(var(--foreground))}.empty-description[data-v-82dcb60e]{color:hsl(var(--muted-foreground))}.notes-grid[data-v-82dcb60e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.note-card[data-v-82dcb60e]{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden;transition:all .2s ease}.note-card[data-v-82dcb60e]:hover{transform:translateY(-2px);box-shadow:0 8px 25px hsl(var(--foreground) / .1)}.note-card-content[data-v-82dcb60e]{padding:1.25rem}.note-card-header[data-v-82dcb60e]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.note-card-title[data-v-82dcb60e]{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0;line-height:1.4}.note-card-snippet[data-v-82dcb60e]{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5;margin-bottom:1rem}.note-card-meta[data-v-82dcb60e]{display:flex;gap:.75rem;margin-bottom:1rem}.note-meta-item[data-v-82dcb60e]{font-size:.75rem;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .5);padding:.25rem .5rem;border-radius:4px}.note-card-tags[data-v-82dcb60e]{display:flex;flex-wrap:wrap;gap:.25rem}.note-tag[data-v-82dcb60e]{font-size:.75rem;background:hsl(var(--primary) / .1);color:hsl(var(--primary));padding:.125rem .5rem;border-radius:12px;border:1px solid hsl(var(--primary) / .2)}.note-tag-more[data-v-82dcb60e]{font-size:.75rem;background:hsl(var(--muted));color:hsl(var(--muted-foreground));padding:.125rem .5rem;border-radius:12px}.note-card-actions[data-v-82dcb60e]{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .3)}.delete-btn[data-v-82dcb60e]:hover{color:#ef4444}@media (max-width: 768px){.list-header[data-v-82dcb60e]{flex-direction:column;align-items:stretch;gap:1rem}.list-actions[data-v-82dcb60e]{justify-content:space-between;flex-wrap:wrap;gap:.5rem}.search-input[data-v-82dcb60e]{width:150px;min-width:120px}.fullscreen-toggle-btn[data-v-82dcb60e]{flex-shrink:0;order:999}.notes-grid[data-v-82dcb60e]{grid-template-columns:1fr}.form-actions[data-v-82dcb60e]{flex-direction:column-reverse}}body.notes-fullscreen{overflow:hidden!important}.admin-notes-manager.fullscreen .notes-grid::-webkit-scrollbar{width:8px}.admin-notes-manager.fullscreen .notes-grid::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:4px}.admin-notes-manager.fullscreen .notes-grid::-webkit-scrollbar-thumb{background:hsl(var(--primary));border-radius:4px}.admin-notes-manager.fullscreen .notes-grid::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary)/80)}.admin-audio-manager[data-v-842cef30]{max-width:1200px;margin:0 auto;padding:20px}.audio-manager-header[data-v-842cef30]{text-align:center;margin-bottom:30px}.manager-title[data-v-842cef30]{font-size:2rem;font-weight:700;margin-bottom:10px;color:hsl(var(--foreground))}.manager-subtitle[data-v-842cef30]{color:hsl(var(--muted-foreground));font-size:1.1rem}.stats-grid[data-v-842cef30]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-842cef30]{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;padding:20px;display:flex;align-items:center;gap:15px}.stat-icon[data-v-842cef30]{font-size:2rem}.stat-content[data-v-842cef30]{flex:1}.stat-number[data-v-842cef30]{font-size:1.5rem;font-weight:700;color:hsl(var(--primary))}.stat-label[data-v-842cef30]{font-size:.9rem;color:hsl(var(--muted-foreground));margin-bottom:4px}.stat-detail[data-v-842cef30]{font-size:.8rem;color:hsl(var(--muted-foreground))}.audio-tabs[data-v-842cef30]{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid hsl(var(--border))}.tab-btn[data-v-842cef30]{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s}.tab-btn[data-v-842cef30]:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .5)}.tab-btn.active[data-v-842cef30]{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}.tab-content[data-v-842cef30]{min-height:400px}.section-header[data-v-842cef30]{display:flex;justify-content:between;align-items:center;margin-bottom:20px}.section-header h3[data-v-842cef30]{font-size:1.3rem;font-weight:600}.cache-actions[data-v-842cef30],.form-actions[data-v-842cef30]{display:flex;gap:10px}.empty-state[data-v-842cef30]{text-align:center;padding:60px 20px;color:hsl(var(--muted-foreground))}.empty-icon[data-v-842cef30]{font-size:3rem;margin-bottom:15px}.audio-list[data-v-842cef30]{display:flex;flex-direction:column;gap:12px}.audio-item[data-v-842cef30]{display:flex;align-items:center;justify-content:space-between;padding:16px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;transition:all .2s}.audio-item.active[data-v-842cef30]{border-color:hsl(var(--primary));background:hsl(var(--primary) / .05)}.audio-info[data-v-842cef30]{flex:1}.audio-title[data-v-842cef30]{font-weight:600;margin-bottom:4px}.audio-meta[data-v-842cef30]{display:flex;gap:12px;font-size:.8rem;color:hsl(var(--muted-foreground))}.audio-description[data-v-842cef30]{margin-top:8px;font-size:.9rem;color:hsl(var(--muted-foreground))}.audio-controls[data-v-842cef30]{display:flex;gap:8px}.cache-info[data-v-842cef30]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.info-card[data-v-842cef30]{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;padding:20px}.info-card h4[data-v-842cef30]{margin-bottom:12px;color:hsl(var(--foreground))}.info-card ul[data-v-842cef30]{list-style:none;padding:0;margin:0}.info-card li[data-v-842cef30]{padding:4px 0;color:hsl(var(--muted-foreground))}.cleanup-options[data-v-842cef30]{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;padding:20px}.cleanup-controls[data-v-842cef30]{display:flex;align-items:center;gap:15px;margin-top:12px}.cleanup-controls label[data-v-842cef30]{display:flex;align-items:center;gap:8px}.cleanup-controls select[data-v-842cef30]{padding:6px 10px;border:1px solid hsl(var(--border));border-radius:4px;background:hsl(var(--background))}.upload-form[data-v-842cef30]{max-width:600px;margin:0 auto}.form-group[data-v-842cef30]{margin-bottom:20px}.form-group label[data-v-842cef30]{display:block;font-weight:600;margin-bottom:8px;color:hsl(var(--foreground))}.form-group input[data-v-842cef30],.form-group textarea[data-v-842cef30]{width:100%;padding:10px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--background));color:hsl(var(--foreground));box-sizing:border-box}.form-group small[data-v-842cef30]{display:block;margin-top:4px;color:hsl(var(--muted-foreground));font-size:.8rem}.file-preview[data-v-842cef30]{margin-top:12px;padding:12px;background:hsl(var(--muted) / .3);border-radius:6px;border:1px solid hsl(var(--border))}.preview-info[data-v-842cef30]{display:flex;justify-content:space-between;align-items:center}.form-actions[data-v-842cef30]{display:flex;gap:12px;justify-content:center;margin-top:30px}.upload-btn[data-v-842cef30]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.admin-overlay[data-v-96fa353f]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.admin-panel[data-v-96fa353f]{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d}.admin-login[data-v-96fa353f]{padding:2rem;text-align:center;max-width:400px;margin:0 auto}.admin-title[data-v-96fa353f]{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.5rem}.admin-subtitle[data-v-96fa353f]{color:hsl(var(--muted-foreground));margin-bottom:2rem}.login-form[data-v-96fa353f]{display:flex;flex-direction:column;gap:1rem}.admin-input[data-v-96fa353f]{padding:.75rem;font-size:1rem}.admin-login-btn[data-v-96fa353f]{padding:.75rem 1.5rem;font-weight:500}.login-error[data-v-96fa353f]{color:#ef4444;font-size:.875rem;margin-top:1rem;padding:.5rem;background:#ef44441a;border-radius:6px}.admin-dashboard[data-v-96fa353f]{padding:1.5rem}.admin-header[data-v-96fa353f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid hsl(var(--border));padding-bottom:1rem}.admin-actions[data-v-96fa353f]{display:flex;gap:.75rem}.admin-tabs[data-v-96fa353f]{display:flex;gap:4px;margin-bottom:2rem;border-bottom:1px solid hsl(var(--border))}.admin-tab-btn[data-v-96fa353f]{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s;font-weight:500}.admin-tab-btn[data-v-96fa353f]:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .5)}.admin-tab-btn.active[data-v-96fa353f]{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}@media (max-width: 768px){.admin-panel[data-v-96fa353f]{margin:10px;max-height:calc(100vh - 20px)}.admin-header[data-v-96fa353f]{flex-direction:column;gap:1rem;align-items:stretch}.admin-actions[data-v-96fa353f]{justify-content:center}}.section-title{margin-bottom:2.5rem!important}.skills-content{margin-bottom:4rem}.experience-section{margin-bottom:4rem;padding-top:2rem}.apple-notes-container{display:flex;height:70vh;margin-bottom:2rem;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid #e5e5e7;transition:all .3s ease}.apple-notes-container.fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;max-height:100vh!important;max-width:none!important;z-index:10000!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;border:none!important;background:#fff!important;overflow:hidden!important}.portfolio-container:has(.apple-notes-container.fullscreen){max-width:none!important;overflow:visible!important;position:relative!important}.portfolio-section:has(.apple-notes-container.fullscreen){max-width:none!important;overflow:visible!important}@media (min-width: 1201px){.apple-notes-container.fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important}}@media (min-width: 769px){.apple-notes-container.fullscreen{flex-direction:row!important}}@supports (-webkit-touch-callout: none){.apple-notes-container.fullscreen{height:100svh!important}}@media (max-width: 480px){.apple-notes-container.fullscreen{height:100svh!important;min-height:-webkit-fill-available!important;flex-direction:column!important;margin:0!important;border-radius:0!important;overflow:hidden!important}.apple-notes-container.fullscreen .mobile-notes-header{display:flex!important;background:#f8f9fa!important;border-bottom:1px solid #e5e5e7!important}.apple-notes-container.fullscreen .mobile-drawer-overlay{display:block!important;position:fixed!important;inset:0!important;z-index:10001!important;background:#00000080!important}.apple-notes-container.fullscreen .mobile-notes-drawer{display:flex!important;position:fixed!important;top:0!important;left:0!important;width:300px!important;height:100vh!important;z-index:10002!important;background:#fff!important;transform:translate(-100%)!important;transition:transform .3s ease!important}.apple-notes-container.fullscreen .mobile-notes-drawer.open{transform:translate(0)!important}.apple-notes-container.fullscreen .drawer-notes-list{background:#fff!important;color:#1d1d1f!important}.apple-notes-container.fullscreen .drawer-note-item{color:#1d1d1f!important;background:transparent!important;border-bottom:1px solid rgba(0,0,0,.08)!important}.apple-notes-container.fullscreen .drawer-note-title{color:#1d1d1f!important}.apple-notes-container.fullscreen .drawer-note-snippet,.apple-notes-container.fullscreen .drawer-note-date,.apple-notes-container.fullscreen .drawer-loading{color:#86868b!important}.apple-notes-container.fullscreen .drawer-empty-state,.apple-notes-container.fullscreen .drawer-empty-state h3,.apple-notes-container.fullscreen .drawer-title{color:#1d1d1f!important}.apple-notes-container.fullscreen .drawer-count{color:#86868b!important;background:#0000000d!important}.apple-notes-container.fullscreen .drawer-search-input{color:#1d1d1f!important;background:#f0f0f0!important;border:1px solid rgba(0,0,0,.1)!important}.apple-notes-container.fullscreen .drawer-search-input::-moz-placeholder{color:#86868b!important}.apple-notes-container.fullscreen .drawer-search-input::placeholder{color:#86868b!important}.apple-notes-container.fullscreen .desktop-sidebar{display:none!important}.apple-notes-container.fullscreen .notes-content{flex:1!important;height:calc(100svh - 80px)!important;max-height:calc(100svh - 80px)!important;background:#1a1a1a!important;color:#fff!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.apple-notes-container.fullscreen .article-title{font-size:1.75rem!important;font-weight:800!important;margin-bottom:1.25rem!important;line-height:1.2!important;color:#fff!important}.apple-notes-container.fullscreen .article-content{font-size:1.1875rem!important;line-height:1.75!important;color:#fff!important}.apple-notes-container.fullscreen .article-view{padding:2rem 1.5rem!important}.apple-notes-container.fullscreen .article-content h2{font-size:1.5rem!important;color:#fff!important;margin:2.5rem 0 1.25rem!important}.apple-notes-container.fullscreen .article-content h3{font-size:1.375rem!important;color:#fff!important;margin:2rem 0 1rem!important}.apple-notes-container.fullscreen .article-content p{margin-bottom:1.375rem!important;color:#fff!important}.apple-notes-container.fullscreen .article-content em,.apple-notes-container.fullscreen .article-meta,.apple-notes-container.fullscreen .article-date{color:#ccc!important}}@media (min-width: 481px) and (max-width: 768px){.apple-notes-container.fullscreen{height:100svh!important;min-height:-webkit-fill-available!important;flex-direction:column!important}.apple-notes-container.fullscreen .notes-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;height:240px!important;max-height:240px!important;border-right:none!important;border-bottom:1px solid #e5e5e7!important}.apple-notes-container.fullscreen .notes-content{flex:1!important;height:calc(100svh - 240px)!important;max-height:calc(100svh - 240px)!important;background:#fff!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.apple-notes-container.fullscreen .article-view{padding:2rem 1.5rem!important}}@media (min-width: 769px){.apple-notes-container.fullscreen .notes-sidebar{width:350px!important;min-width:350px!important;max-width:350px!important;height:100%!important;border-right:1px solid #e5e5e7!important;border-bottom:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex-shrink:0!important}.apple-notes-container.fullscreen .notes-content{flex:1!important;height:100%!important;max-height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.apple-notes-container.fullscreen .article-content{height:auto!important;max-height:none!important;overflow-y:visible!important}}@media (min-width: 769px){.apple-notes-container.fullscreen .notes-title{font-size:1.25rem!important;font-weight:700!important}.apple-notes-container.fullscreen .notes-count{font-size:.875rem!important}.apple-notes-container.fullscreen .note-title{font-size:1.0625rem!important;font-weight:600!important}.apple-notes-container.fullscreen .note-snippet{font-size:.9375rem!important;line-height:1.5!important}.apple-notes-container.fullscreen .article-title{font-size:2rem!important;font-weight:700!important;line-height:1.2!important;margin-bottom:1.5rem!important}.apple-notes-container.fullscreen .article-meta{font-size:.9375rem!important;margin-bottom:2rem!important}.apple-notes-container.fullscreen .article-content{font-size:1.125rem!important;line-height:1.7!important}.apple-notes-container.fullscreen .article-content h2{font-size:1.75rem!important;margin:3rem 0 1.5rem!important}.apple-notes-container.fullscreen .article-content h3{font-size:1.5rem!important;margin:2.5rem 0 1rem!important}.apple-notes-container.fullscreen .article-content p{margin-bottom:1.5rem!important}.apple-notes-container.fullscreen .article-view{padding:2.5rem 3rem!important}}.fullscreen-btn{background:transparent!important;border:1px solid transparent!important;color:hsl(var(--muted-foreground))!important;border-radius:8px!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important;opacity:.8;touch-action:manipulation!important}.fullscreen-btn:hover{background:hsl(var(--muted)/.8)!important;color:hsl(var(--foreground))!important;border-color:hsl(var(--border))!important;opacity:1;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.fullscreen-btn:active{background:hsl(var(--muted))!important;transform:scale(.95)}@media (prefers-color-scheme: dark){.fullscreen-btn{color:#8e8e93!important}.fullscreen-btn:hover{background:#ffffff1a!important;color:#fff!important;border-color:#fff3!important}.fullscreen-btn:active{background:#ffffff26!important}}.audio-player{margin-top:20px;padding:16px 0;border-top:1px solid rgba(0,0,0,.08)}.audio-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px}.audio-btn{background:hsl(var(--muted)/.5)!important;border:1px solid hsl(var(--border))!important;color:hsl(var(--muted-foreground))!important;border-radius:8px!important;height:36px!important;padding:0 12px!important;font-size:.875rem!important;font-weight:500!important;transition:all .2s ease!important}.audio-btn:hover{background:hsl(var(--muted))!important;color:hsl(var(--foreground))!important;border-color:hsl(var(--border))!important;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.play-btn{background:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important;border-color:hsl(var(--primary))!important}.play-btn:hover{background:hsl(var(--primary)/.9)!important;color:hsl(var(--primary-foreground))!important}.stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:2px solid rgba(239,68,68,.3)!important;transition:all .2s ease}.stop-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.audio-badge{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;margin-left:6px;letter-spacing:.5px;transition:all .2s ease}.audio-badge.ai-voice{background:linear-gradient(45deg,#4285f4,#34a853,#ea4335,#fbbc05);background-size:200% 200%;animation:gemini-gradient 3s ease infinite;color:#fff;box-shadow:0 2px 8px #4285f466;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.audio-badge.browser-voice{background:#4b55634d;color:inherit}.loading-btn{opacity:.7;cursor:not-allowed!important}.loading-spinner{width:16px;height:16px;border:2px solid hsl(var(--muted));border-top:2px solid hsl(var(--primary));border-radius:50%;margin-right:8px;animation:spin 1s linear infinite}@keyframes gemini-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.voice-toggle-btn{background:hsl(var(--muted)/.5)!important;border:1px solid hsl(var(--border))!important;color:hsl(var(--foreground))!important;font-size:.8rem!important;font-weight:600!important;min-width:60px!important;transition:all .2s ease!important}.voice-toggle-btn:hover{background:linear-gradient(45deg,#4285f4,#34a853,#ea4335,#fbbc05)!important;background-size:200% 200%;animation:gemini-gradient 2s ease infinite;color:#fff!important;border-color:transparent!important;transform:translateY(-1px);box-shadow:0 4px 8px #4285f466}.speed-control{display:flex;align-items:center;gap:8px;margin-left:12px;padding:8px;background:hsl(var(--muted)/.3);border-radius:8px;border:1px solid hsl(var(--border))}.speed-label,.speed-value{font-size:.75rem;color:hsl(var(--muted-foreground));font-weight:500;min-width:-moz-fit-content;min-width:fit-content}.speed-slider{width:80px;height:4px;background:hsl(var(--muted));border-radius:2px;outline:none;cursor:pointer;transition:background .2s ease}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:hsl(var(--primary));border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.speed-slider::-webkit-slider-thumb:hover{background:hsl(var(--primary)/.8);transform:scale(1.1)}.speed-slider::-moz-range-thumb{width:14px;height:14px;background:hsl(var(--primary));border-radius:50%;cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease}.speed-slider::-moz-range-thumb:hover{background:hsl(var(--primary)/.8);transform:scale(1.1)}.audio-status{display:flex;align-items:center;gap:12px;margin-top:8px}.audio-indicator{display:flex;align-items:center;gap:8px}.status-text{font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:500}.audio-waves{display:flex;align-items:end;gap:2px;height:16px}.audio-waves span{width:3px;background:hsl(var(--primary));border-radius:2px;animation:audio-wave 1.4s ease-in-out infinite}.audio-waves span:nth-child(2){animation-delay:.2s}.audio-waves span:nth-child(3){animation-delay:.4s}@keyframes audio-wave{0%,40%,to{height:4px;opacity:.6}20%{height:16px;opacity:1}}@media (prefers-color-scheme: dark){.audio-player{border-top-color:#ffffff1a}.audio-btn{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}.audio-btn:hover{background:#ffffff26!important;box-shadow:0 4px 8px #0000004d}.status-text{color:#8e8e93}.audio-badge{background:#0000004d;color:inherit}.speed-control{background:#ffffff14;border-color:#ffffff26}.speed-slider{background:#fff3}}@media (max-width: 768px){.audio-player{margin-top:16px;padding:12px 0}.audio-controls{flex-wrap:wrap;gap:6px}.audio-btn{height:32px!important;padding:0 8px!important;font-size:.8rem!important}.audio-btn .h-4{width:14px!important;height:14px!important}}@media (max-width: 480px){.audio-btn{height:28px!important;padding:0 6px!important;font-size:.75rem!important}.audio-btn .h-4{width:12px!important;height:12px!important}.audio-badge{font-size:.6rem!important;padding:1px 4px!important;margin-left:4px!important}.voice-toggle-btn{font-size:.7rem!important;min-width:50px!important;padding:0 6px!important}.loading-btn{font-size:.7rem!important}.loading-spinner{width:12px!important;height:12px!important;margin-right:6px!important}.speed-control{margin-left:0!important;margin-top:8px!important;width:100%!important;padding:6px!important}.speed-slider{flex:1!important;width:auto!important}.audio-status{margin-top:8px}.status-text{font-size:.8rem}}.audio-player{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notes-sidebar{width:320px;background:#f5f5f7;border-right:1px solid #e5e5e7;display:flex;flex-direction:column}.notes-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 12px;border-bottom:1px solid #e5e5e7}.notes-header-left{display:flex;align-items:center;gap:12px}.admin-btn{padding:6px;border-radius:6px;color:#86868b;transition:all .2s ease}.admin-btn:hover{background:#e5e5e7;color:#1d1d1f}.notes-title{font-size:22px;font-weight:600;color:#1d1d1f;margin:0}.notes-count{font-size:14px;color:#86868b;background:#e5e5e7;padding:4px 8px;border-radius:12px;font-weight:500}.search-container{position:relative;margin:12px 16px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#86868b}.search-input{width:100%;padding:8px 12px 8px 36px;border:none;background:#fff;border-radius:8px;font-size:14px;color:#1d1d1f;outline:none;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.search-input:focus{box-shadow:0 0 0 3px #007aff33}.search-input::-moz-placeholder{color:#86868b}.search-input::placeholder{color:#86868b}.notes-list{flex:1;overflow-y:auto;padding:8px 0}.note-item{padding:16px;cursor:pointer;border-bottom:1px solid #e5e5e7;transition:all .2s ease;position:relative}.note-item:hover{background:#e8e8ed}.note-item.active{background:#007aff;color:#fff}.note-item.active .note-title,.note-item.active .note-snippet,.note-item.active .note-date,.note-item.active .note-tag{color:#fff}.note-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff}.note-preview{pointer-events:none}.note-title{font-size:16px;font-weight:600;color:#1d1d1f;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.note-snippet{font-size:14px;color:#86868b;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.note-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-date{font-size:12px;color:#86868b;font-weight:500}.note-tag{font-size:12px;background:#e5e5e7;color:#86868b;padding:2px 6px;border-radius:4px;font-weight:500}.notes-content{flex:1;background:#fff;overflow-y:auto;position:relative}.article-view{padding:32px 40px;max-width:700px;margin:0 auto}.article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f5f5f7}.article-title{font-size:28px;font-weight:700;color:#1d1d1f;margin:0 0 16px;line-height:1.2}.article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.article-date,.article-category,.article-read-time{font-size:14px;color:#86868b;font-weight:500}.article-category{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.article-category:is([class*=Poetry]){background:#ff6b9d}.article-category:is([class*=Life]){background:#4ecdc4}.article-category:is([class*=Thoughts]){background:#a8e6cf;color:#2c3e50}.article-category:is([class*=Personal]){background:#ffd93d;color:#2c3e50}.article-category:is([class*=Philosophy]){background:#6c5ce7}.article-category:is([class*=Humor]){background:#fd79a8}.article-category:is([class*=Draft]){background:#fdcb6e;color:#2c3e50;position:relative}.article-category:is([class*=Draft]):after{content:" ✏️"}.article-category:is([class*=Memory]){background:#74b9ff}.article-category:is([class*=Identity]){background:#e84393}.article-category:is([class*=Story]){background:#00b894}.article-content{color:#1d1d1f;line-height:1.6;font-size:16px}.article-content h2{font-size:22px;font-weight:600;color:#1d1d1f;margin:32px 0 16px;line-height:1.3}.article-content h3{font-size:18px;font-weight:600;color:#1d1d1f;margin:24px 0 12px;line-height:1.3}.article-content p{margin:0 0 16px}.article-content ul,.article-content ol{margin:0 0 16px;padding-left:24px}.article-content li{margin:8px 0}.article-content code{background:#f5f5f7;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:14px;color:#d73a49}.article-content strong{font-weight:600;color:#1d1d1f}.article-tags{margin-top:32px;padding-top:24px;border-top:1px solid #f5f5f7;display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f5f5f7;color:#1d1d1f;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;transition:all .2s ease}.tag:hover{background:#e5e5e7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#86868b}.empty-icon{width:64px;height:64px;margin-bottom:16px;opacity:.5}.empty-title{font-size:20px;font-weight:600;color:#1d1d1f;margin:0 0 8px}.empty-description{font-size:16px;color:#86868b;margin:0}.content-section{max-width:800px;margin:0 auto;padding:2rem}@media (prefers-color-scheme: dark){.apple-notes-container{background:#1c1c1e;border-color:#38383a}.notes-sidebar{background:#2c2c2e;border-color:#38383a}.notes-header{border-color:#38383a}.notes-title{color:#fff}.notes-count{background:#48484a;color:#aeaeb2}.search-input{background:#1c1c1e;color:#fff}.note-item{border-color:#38383a}.note-item:hover{background:#48484a}.note-title{color:#fff}.note-snippet,.note-date{color:#aeaeb2}.note-tag{background:#48484a;color:#aeaeb2}.notes-content{background:#1c1c1e}.article-title,.article-content,.article-content h2,.article-content h3{color:#fff}.article-content code{background:#48484a;color:#ff7b72}.article-tags{border-color:#38383a}.tag{background:#48484a;color:#fff}.tag:hover{background:#5a5a5c}.empty-title{color:#fff}}.mobile-notes-header{display:none;position:sticky;top:0;z-index:100;background:#f8f9fa;border-bottom:1px solid #e5e5e7;padding:1rem;align-items:center;justify-content:space-between;gap:1rem}.mobile-menu-button{display:flex;flex-direction:column;justify-content:space-between;width:32px;height:32px;padding:5px;background:#00000014;border:none;border-radius:5px;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.mobile-menu-button:active{background:#0000001f;transform:scale(.95)}.hamburger-line{width:100%;height:2px;background:#1d1d1f;border-radius:1px;transition:all .3s ease;transform-origin:center}.mobile-menu-button.active .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-button.active .hamburger-line:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-button.active .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-header-content{flex:1;min-width:0;text-align:center}.mobile-article-title{font-size:1.125rem;font-weight:700;color:#1d1d1f;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-article-info{display:flex;justify-content:center;gap:.75rem;font-size:.8125rem;color:#86868b}.mobile-read-time{font-weight:500}.mobile-category{padding:.125rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:.6875rem;letter-spacing:.5px}.mobile-category.Draft{background:#fef3c7;color:#92400e}.mobile-category.Story{background:#dbeafe;color:#1e40af}.mobile-category.Identity{background:#f3e8ff;color:#7c3aed}.mobile-fullscreen-btn{width:32px!important;height:32px!important;min-width:32px!important;background:#00000014!important;border:none!important;border-radius:5px!important;color:#1d1d1f!important;display:flex!important;align-items:center!important;justify-content:center!important;touch-action:manipulation!important}.mobile-fullscreen-btn:active{background:#0000001f!important;transform:scale(.95)!important}.mobile-drawer-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}.mobile-drawer-overlay.show{opacity:1;pointer-events:auto}.mobile-notes-drawer{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:#f5f5f7;border-right:1px solid #e5e5e7;box-shadow:4px 0 20px #00000026;z-index:300;transform:translate(-100%);transition:all .4s cubic-bezier(.4,0,.2,1);display:none;flex-direction:column;overflow:hidden}.mobile-notes-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem .875rem;border-bottom:1px solid #e5e5e7;background:#f8f9fa}.drawer-header-left{display:flex;align-items:center}.drawer-title{font-size:1.125rem;font-weight:700;color:#1d1d1f;margin:0}.drawer-count{font-size:.8125rem;color:#86868b;background:#0000000d;padding:.1875rem .4375rem;border-radius:10px;font-weight:600;margin-left:.625rem}.drawer-close-btn{width:32px;height:32px;background:#00000014;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:#1d1d1f;touch-action:manipulation}.drawer-close-btn:active{background:#0000001f;transform:scale(.95)}.drawer-search{position:relative;margin:1rem 1.25rem .75rem}.drawer-search .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#86868b;pointer-events:none}.drawer-search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;background:#fff;border:1px solid #e5e5e7;border-radius:8px;font-size:.9375rem;color:#1d1d1f;transition:all .2s ease}.drawer-search-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.drawer-search-input::-moz-placeholder{color:#86868b}.drawer-search-input::placeholder{color:#86868b}.drawer-notes-list{flex:1;overflow-y:auto;padding:.5rem 0;-webkit-overflow-scrolling:touch}.drawer-note-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;margin:0;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);min-height:70px;touch-action:manipulation}.drawer-note-item:active{background:#e8e8ed;transform:scale(.98)}.drawer-note-item.active{background:#007aff;color:#fff}.drawer-note-item.active .drawer-note-title,.drawer-note-item.active .drawer-note-snippet,.drawer-note-item.active .drawer-note-date,.drawer-note-item.active .drawer-note-tag{color:#fff}.drawer-note-preview{flex:1;min-width:0}.drawer-note-title{font-size:.9375rem;font-weight:600;color:#1d1d1f;margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drawer-note-snippet{font-size:.8125rem;color:#86868b;margin:0 0 .375rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drawer-note-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.drawer-note-date{color:#86868b;font-weight:500}.drawer-note-tag{padding:.125rem .375rem;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:.625rem;letter-spacing:.5px}.drawer-note-tag:nth-of-type(1){background:#fef3c7;color:#92400e}.drawer-note-tag:nth-of-type(2){background:#dbeafe;color:#1e40af}.drawer-note-tag:nth-of-type(3){background:#f3e8ff;color:#7c3aed}.drawer-note-arrow{font-size:1.125rem;color:#86868b;margin-left:.75rem;flex-shrink:0;transition:all .2s ease}.drawer-note-item:hover .drawer-note-arrow{transform:translate(4px);color:#1d1d1f}.drawer-note-item.active .drawer-note-arrow{color:#fff}.drawer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#86868b}.drawer-loading .loading-spinner{width:24px;height:24px;border:2px solid #f0f0f0;border-top:2px solid #007aff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.drawer-loading p{font-size:.875rem;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drawer-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.drawer-empty-state .empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.drawer-empty-state h3{font-size:1.125rem;font-weight:600;color:#1d1d1f;margin:0 0 .5rem}.drawer-empty-state p{font-size:.875rem;color:#86868b;margin:0;line-height:1.4}@media (max-width: 480px){.mobile-notes-header{display:flex}.mobile-drawer-overlay{display:block;position:absolute!important;inset:80px 0 0!important;height:calc(100vh - 80px)!important;background:#0000004d!important;z-index:350!important;pointer-events:none!important}.mobile-drawer-overlay.show{pointer-events:auto!important}.mobile-notes-drawer{display:flex;position:absolute!important;top:80px!important;left:0!important;bottom:0!important;height:calc(100vh - 80px)!important;width:320px!important;max-width:85vw!important;background:#f5f5f7!important;border-right:1px solid #e5e5e7!important;box-shadow:4px 0 20px #00000026!important;z-index:400!important;transform:translate(-100%)!important;transition:transform .3s ease!important}.mobile-notes-drawer.open{transform:translate(0)!important}.mobile-notes-drawer .drawer-notes-list{background:#fff!important;color:#1d1d1f!important;padding:.5rem 0!important}.mobile-notes-drawer .drawer-note-item{color:#1d1d1f!important;background:transparent!important;border-bottom:1px solid rgba(0,0,0,.08)!important;padding:.875rem 1rem!important;min-height:70px!important}.mobile-notes-drawer .drawer-note-title{color:#1d1d1f!important;font-size:.9375rem!important;font-weight:600!important}.mobile-notes-drawer .drawer-note-snippet{color:#86868b!important;font-size:.8125rem!important}.mobile-notes-drawer .drawer-note-date{color:#86868b!important;font-size:.75rem!important}.mobile-notes-drawer .drawer-title{color:#1d1d1f!important;font-size:1.125rem!important}.mobile-notes-drawer .drawer-count{color:#86868b!important;background:#0000000d!important;font-size:.8125rem!important}.mobile-notes-drawer .drawer-search-input{color:#1d1d1f!important;background:#f0f0f0!important;border:1px solid rgba(0,0,0,.1)!important}.mobile-notes-drawer .drawer-empty-state,.mobile-notes-drawer .drawer-empty-state h3{color:#1d1d1f!important}.desktop-sidebar{display:none!important}.apple-notes-container{flex-direction:column!important;margin:0!important;border-radius:0!important;height:100vh!important;min-height:100vh!important;position:relative!important;overflow:hidden!important}.notes-content{flex:1!important;height:calc(100vh - 80px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:#1a1a1a!important;color:#fff!important}.article-view{padding:1.5rem 1.25rem!important;height:100%!important;overflow-y:auto!important;color:#fff!important;background:transparent!important}.article-title{font-size:1.625rem!important;font-weight:800!important;line-height:1.25!important;color:#fff!important;margin-bottom:1rem!important}.article-meta{gap:.875rem!important;flex-wrap:wrap!important;font-size:.9375rem!important;margin-bottom:1.75rem!important;padding-bottom:1.25rem!important;border-bottom:1px solid #f0f0f0!important}.article-content{font-size:1.125rem!important;line-height:1.7!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important}.article-content h2{font-size:1.375rem!important;font-weight:700!important;margin:2rem 0 1rem!important;color:#fff!important}.article-content h3{font-size:1.25rem!important;font-weight:600!important;margin:1.75rem 0 .75rem!important;color:#fff!important}.article-content p{margin-bottom:1.25rem!important;text-align:justify!important;color:#fff!important}.article-content em,.article-date,.article-meta{color:#ccc!important}.audio-player{margin-top:2rem!important;padding:1.25rem 0!important;border-top:1px solid #f0f0f0!important}.audio-controls{flex-wrap:wrap!important;gap:1rem!important;justify-content:flex-start!important}.audio-btn{height:48px!important;min-width:48px!important;padding:0 1.25rem!important;font-size:.9375rem!important;font-weight:600!important;border-radius:12px!important;touch-action:manipulation!important}.speed-control{width:100%!important;margin:1rem 0!important;justify-content:space-between!important}.speed-slider{flex:1!important;margin:0 1rem!important}}@media (min-width: 481px){.mobile-notes-header,.mobile-drawer-overlay,.mobile-notes-drawer{display:none!important}.desktop-sidebar{display:flex!important}.notes-sidebar{width:300px!important;height:100%!important;max-height:none!important;border-right:1px solid #d1d5db!important;border-bottom:none!important}.apple-notes-container{flex-direction:row!important;height:70vh!important;min-height:600px!important}.notes-content{flex:1!important;height:100%!important}}@media (min-width: 481px) and (max-width: 768px){.skills-section{padding:1.5rem 1rem}.section-header h2{font-size:2rem}.apple-notes-container{flex-direction:column;height:75vh;min-height:600px;margin:1rem 0}.notes-sidebar{width:100%!important;height:220px!important;max-height:220px!important;border-right:none!important;border-bottom:1px solid #d1d5db!important;overflow-y:auto!important}.notes-content{height:calc(75vh - 220px)!important;min-height:380px!important}.article-view{padding:1.25rem 1.5rem!important}.article-title{font-size:1.625rem!important;font-weight:700!important}.article-meta{gap:.875rem!important;font-size:.9375rem!important}.article-content{font-size:1.0625rem!important;line-height:1.68!important}.experience-section{padding:1.5rem 1rem}.experience-item{padding:1.25rem;margin-bottom:1.25rem}}@media (min-width: 769px) and (max-width: 1024px){.skills-section{padding:2rem 1.5rem}.section-header h2{font-size:2.25rem}.apple-notes-container{flex-direction:row!important;height:80vh!important;min-height:700px!important}.notes-sidebar{width:320px!important;max-height:none!important;height:100%!important;border-right:1px solid #d1d5db!important;border-bottom:none!important;flex-shrink:0!important}.notes-content{flex:1!important;height:100%!important}.article-view{padding:2rem 2.5rem!important}.article-title{font-size:1.875rem!important;font-weight:700!important}.article-meta{gap:1rem!important;font-size:1rem!important}.article-content{font-size:1.125rem!important;line-height:1.75!important}.experience-section{padding:2rem 1.5rem}.content-section{padding:1.5rem}.content-hero h1{font-size:2rem}.content-hero p{font-size:1rem}}@media (min-width: 1025px) and (max-width: 1440px){.skills-section{padding:2.5rem 2rem}.section-header h2{font-size:2.5rem}.apple-notes-container{height:85vh;min-height:800px}.notes-sidebar{width:320px}.article-view{padding:2rem 2.5rem}.article-title{font-size:2rem}.article-content{font-size:1.0625rem;line-height:1.75}.experience-section{padding:2.5rem 2rem}.content-section{padding:2rem}.content-hero h1{font-size:2.25rem}}@media (min-width: 1441px){.skills-section{padding:3rem 2.5rem}.section-header h2{font-size:2.75rem}.apple-notes-container{height:90vh;min-height:900px;max-width:1400px;margin:0 auto}.notes-sidebar{width:350px}.article-view{padding:2.5rem 3rem}.article-title{font-size:2.25rem}.article-content{font-size:1.125rem;line-height:1.8;max-width:800px}.experience-section{padding:3rem 2.5rem}.content-section{padding:2.5rem;max-width:1200px;margin:0 auto}.content-hero h1{font-size:2.5rem}.content-hero p{font-size:1.125rem}}@media (max-width: 768px) and (pointer: coarse){.article-list-item{min-height:44px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.fullscreen-btn,.admin-btn{min-height:36px!important;min-width:36px!important}.fullscreen-btn .h-3\.5{width:.75rem!important;height:.75rem!important}.admin-btn .h-4{width:.875rem!important;height:.875rem!important}.drawer-close-btn{width:28px!important;height:28px!important;border-radius:5px!important;font-size:1rem!important}.tab-button{min-height:44px;padding:.75rem 1rem}.audio-btn{min-height:44px;min-width:44px;padding:.5rem 1rem}.voice-toggle-btn{min-height:44px;padding:.75rem 1rem}}@media (max-width: 768px) and (orientation: landscape){.apple-notes-container{height:85vh;min-height:400px}.notes-sidebar{height:150px;max-height:150px}.article-panel{height:calc(85vh - 150px);min-height:250px}.skills-section{padding:.75rem .5rem}.section-header{margin-bottom:1rem}.section-header h2{font-size:1.5rem}}.content-hero{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;text-align:left}.content-icon-large{background:hsl(var(--primary)/10);border-radius:1rem;padding:1rem;flex-shrink:0}.content-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:2rem}.content-status{text-align:center;margin-bottom:2rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500}.coming-soon{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.development{background:hsl(var(--primary)/10);color:hsl(var(--primary))}.content-features{margin-bottom:2rem}.content-feature{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;color:hsl(var(--foreground));font-size:.95rem}.feature-icon{width:1rem;height:1rem;color:hsl(var(--primary));flex-shrink:0}.content-button{width:100%;font-weight:500}.community-section{margin-top:4rem;max-width:800px;margin-left:auto;margin-right:auto}.discord-card{background:linear-gradient(135deg,hsl(var(--primary)/5%),hsl(var(--card)));border:1px solid hsl(var(--primary)/20);border-radius:1rem;padding:2rem}.discord-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;text-align:left}.discord-icon-wrapper{background:#5865f2;border-radius:1rem;padding:1rem;flex-shrink:0}.discord-icon{width:2rem;height:2rem;color:#fff}.discord-title{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem}.discord-subtitle{color:hsl(var(--muted-foreground));margin:0;font-size:.95rem}.discord-content{text-align:center}.discord-description{color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:2rem}.discord-button{background:#5865f2;color:#fff;border:none;font-weight:600;padding:.75rem 2rem;font-size:1rem;transition:all .2s ease}.discord-button:hover{background:#4752c4;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #5865f266}@media (max-width: 768px){.content-section{padding:1rem}.content-hero,.discord-header{flex-direction:column;text-align:center}}body.notes-fullscreen{overflow:hidden!important;height:100%!important;max-height:100%!important;position:fixed!important;width:100%!important;margin:0!important;padding:0!important;top:0!important;left:0!important}html:has(body.notes-fullscreen){overflow:hidden!important;height:100%!important;max-height:100%!important}body.notes-fullscreen>*:not(#app){display:none!important}body.notes-fullscreen header,body.notes-fullscreen nav,body.notes-fullscreen footer,body.notes-fullscreen .chatbot,body.notes-fullscreen section:not(#skills){display:none!important}body.notes-fullscreen #skills .section-header,body.notes-fullscreen #skills .experience-section{display:none!important}@media (max-width: 768px){body.notes-fullscreen{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}}@supports (-webkit-touch-callout: none){body.notes-fullscreen{-webkit-overflow-scrolling:auto!important;touch-action:none!important}}.hover-card-root[data-v-b3a02adf]{position:relative;display:inline-block}.hover-card-trigger[data-v-b3a02adf]{cursor:pointer}.hover-card-content[data-v-b3a02adf]{position:absolute;z-index:50;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;min-width:200px;max-width:320px;padding:1rem;background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 2px);box-shadow:0 10px 30px hsl(var(--foreground) / .1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.star-rating[data-v-7aabc004]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stars[data-v-7aabc004]{display:flex;gap:.25rem}.star-button[data-v-7aabc004]{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.star-button[data-v-7aabc004]:hover{background:hsl(var(--muted))}.star-button[data-v-7aabc004]:disabled{cursor:not-allowed}.star-icon[data-v-7aabc004]{width:1.5rem;height:1.5rem;color:hsl(var(--muted-foreground));transition:all .2s ease}.star-icon.filled[data-v-7aabc004]{color:#fbbf24;fill:#fbbf24}.star-icon.hover[data-v-7aabc004]{transform:scale(1.1)}.rating-label[data-v-7aabc004]{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));min-height:1.25rem}.contact-type-toggle[data-v-e4df6e3f]{display:flex;gap:.5rem;border:1px solid hsl(var(--border));border-radius:.5rem;padding:.25rem;background:hsl(var(--muted))}.toggle-option[data-v-e4df6e3f]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.25rem;background:transparent;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-option[data-v-e4df6e3f]:hover{background:hsl(var(--card));color:hsl(var(--foreground))}.toggle-option--active[data-v-e4df6e3f]{background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 1px 3px hsl(var(--foreground)/10)}.review-input-container[data-v-e4df6e3f]{display:flex;gap:.5rem;align-items:flex-start}.review-form-section[data-v-e4df6e3f]{display:flex;flex-direction:column;gap:1.5rem;width:100%}.rating-section[data-v-e4df6e3f]{display:flex;flex-direction:column;gap:.75rem}.rating-label[data-v-e4df6e3f]{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.star-rating-component[data-v-e4df6e3f]{align-self:flex-start}.message-section[data-v-e4df6e3f]{display:flex;flex-direction:column;gap:.5rem}.review-submit-button[data-v-e4df6e3f]{align-self:flex-start;padding:.75rem 1.5rem;font-weight:500}.star-vote-button[data-v-e4df6e3f]{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:hsl(var(--muted));border:2px solid hsl(var(--border));transition:all .2s ease;margin-top:0}.star-vote-button[data-v-e4df6e3f]:hover:not(:disabled){background:hsl(var(--primary)/10);border-color:hsl(var(--primary));transform:scale(1.05)}.star-vote-button[data-v-e4df6e3f]:disabled{opacity:.4;cursor:not-allowed}.star-icon[data-v-e4df6e3f]{width:1.5rem;height:1.5rem;color:hsl(var(--muted-foreground));transition:all .2s ease}.star-icon.star-filled[data-v-e4df6e3f]{color:#fbbf24;fill:#fbbf24}.star-vote-button:hover:not(:disabled) .star-icon[data-v-e4df6e3f]{color:#fbbf24;fill:#fbbf24}.modern-input[data-v-e4df6e3f]{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:12px 16px;font-size:14px;color:#fff;transition:all .2s ease}.modern-input[data-v-e4df6e3f]:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary)/20);background:#222}.modern-input[data-v-e4df6e3f]::-moz-placeholder{color:#888}.modern-input[data-v-e4df6e3f]::placeholder{color:#888}.modern-textarea[data-v-e4df6e3f]{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:12px 16px;font-size:14px;color:#fff;min-height:120px;resize:vertical;transition:all .2s ease}.modern-textarea[data-v-e4df6e3f]:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary)/20);background:#222}.modern-textarea[data-v-e4df6e3f]::-moz-placeholder{color:#888}.modern-textarea[data-v-e4df6e3f]::placeholder{color:#888}.review-textarea[data-v-e4df6e3f]{flex:1;min-height:100px;resize:vertical;border:1px solid #333;border-radius:8px;padding:12px 16px;font-size:14px;background:#1a1a1a;color:#fff;transition:all .2s ease}.review-textarea[data-v-e4df6e3f]:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary)/20);background:#222}.review-textarea[data-v-e4df6e3f]::-moz-placeholder{color:#888}.review-textarea[data-v-e4df6e3f]::placeholder{color:#888}#app{scroll-behavior:smooth;isolation:isolate;color:#fffce1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only.focus:not-sr-only{position:static;width:auto;height:auto;padding:revert;margin:revert;overflow:visible;clip:auto;white-space:normal}main{padding-top:0;position:relative;contain:layout}#paint-canvas,#projects,#skills,#contact{scroll-margin-top:5rem}*{box-sizing:border-box}img,video,iframe{max-width:100%;height:auto}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main:focus{outline:none}@media (prefers-contrast: high){*{border-width:2px}}@media (prefers-reduced-motion: reduce){#app{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}