.navbar{height:var(--nav-height);z-index:100;padding:var(--space-3) var(--space-4);transition:padding var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar__inner{width:100%;height:100%;max-width:var(--max-width);align-items:center;gap:var(--space-6);background:var(--bg-nav);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:0 var(--space-5);transition:background var(--duration-slow) var(--ease-in-out), border-color var(--duration-slow) var(--ease-in-out), box-shadow var(--duration-normal) var(--ease-out);animation:navbarSlideIn .6s var(--ease-out) both;display:flex;box-shadow:0 4px 24px #0000000f}@keyframes navbarSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.navbar--scrolled .navbar__inner{box-shadow:0 6px 32px #0000001a}[data-theme=dark] .navbar__inner{box-shadow:0 4px 24px #0003}[data-theme=dark] .navbar--scrolled .navbar__inner{box-shadow:0 6px 32px #0000004d}.navbar__logo{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:flex}.navbar__logo-mark{background-color:var(--accent-primary);color:#fff;width:38px;height:38px;font-family:var(--font-serif);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar__logo:hover .navbar__logo-mark{background-color:var(--accent-hover);transform:scale(1.04)}.navbar__logo-text{font-family:var(--font-serif);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.navbar__links{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.navbar__link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);text-decoration:none;display:block;position:relative}.navbar__link:after{content:"";width:calc(100% - var(--space-6));background-color:var(--accent-primary);border-radius:var(--radius-full);height:2px;transition:transform var(--duration-normal) var(--ease-out);position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}.navbar__link:hover{color:var(--text-primary);background-color:#4a7c5914}.navbar__link--active{color:var(--accent-primary)}.navbar__link--active:after{transform:translate(-50%)scaleX(1)}.navbar__controls{align-items:center;gap:var(--space-2);display:flex}.navbar__theme-toggle{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);cursor:pointer;justify-content:center;align-items:center;display:flex}.navbar__theme-toggle:hover{color:var(--accent-primary);background-color:#4a7c591a;transform:rotate(15deg)}.navbar__theme-toggle svg{width:22px;height:22px}.navbar__hamburger{width:40px;height:40px;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;display:none}.navbar__hamburger:hover{background-color:#4a7c591a}.navbar__hamburger-line{background-color:var(--text-primary);border-radius:var(--radius-full);width:100%;height:2.5px;transition:transform var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);transform-origin:50%;display:block}.navbar__hamburger--open .navbar__hamburger-line:first-child{transform:translateY(7.5px)rotate(45deg)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.navbar__mobile-backdrop,.navbar__mobile{display:none}@media (width<=768px){.navbar{padding:var(--space-2) var(--space-3)}.navbar__inner{justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-lg)}.navbar__links{display:none}.navbar__hamburger{display:flex}.navbar__mobile-backdrop{-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);z-index:98;background-color:#0006;display:block;position:fixed;inset:0}.navbar__mobile-backdrop--visible{opacity:1;pointer-events:auto}.navbar__mobile{top:var(--nav-height);left:var(--space-3);right:var(--space-3);background:var(--bg-nav);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-5);opacity:0;pointer-events:none;transition:transform var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);z-index:99;max-height:calc(100vh - var(--nav-height) - var(--space-4));display:block;position:fixed;overflow-y:auto;transform:translateY(-20px);box-shadow:0 12px 40px #0000001f}[data-theme=dark] .navbar__mobile{box-shadow:0 12px 40px #0000004d}.navbar__mobile--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__mobile ul{gap:var(--space-1);flex-direction:column;display:flex}.navbar__mobile-link{padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);border:1px solid #0000;align-items:center;text-decoration:none;display:flex}.navbar__mobile-link:hover,.navbar__mobile-link:active{color:var(--accent-primary);background-color:#4a7c591a;border-color:#4a7c5926}.navbar__mobile-link--active{color:var(--accent-primary);font-weight:var(--weight-semibold);background-color:#4a7c591a}}@media (width<=380px){.navbar__logo-text{font-size:var(--text-sm)}.navbar__logo-mark{width:32px;height:32px;font-size:var(--text-xs)}.navbar__theme-toggle,.navbar__hamburger{width:36px;height:36px}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-16) 0 var(--space-8)}.footer__inner{gap:var(--space-12);flex-direction:column;display:flex}.footer__top{gap:var(--space-12);grid-template-columns:1fr 2fr;align-items:start;display:grid}.footer__logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);text-decoration:none;display:flex}.footer__logo-mark{background-color:var(--accent-primary);color:#fff;width:36px;height:36px;font-family:var(--font-serif);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.footer__logo-text{font-family:var(--font-serif);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary)}.footer__tagline{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.footer__nav{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.footer__nav-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4)}.footer__nav ul{gap:var(--space-3);flex-direction:column;display:flex}.footer__link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.footer__link:hover{color:var(--accent-primary)}.footer__bottom{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-color);display:flex}.footer__copy,.footer__built{font-size:var(--text-xs);color:var(--text-muted)}@media (width<=768px){.footer{padding:var(--space-10) 0 var(--space-6)}.footer__inner{gap:var(--space-8)}.footer__top{gap:var(--space-8);grid-template-columns:1fr}.footer__nav{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.footer__bottom{align-items:flex-start;gap:var(--space-3);padding-top:var(--space-6);flex-direction:column}}@media (width<=480px){.footer__nav{gap:var(--space-6);grid-template-columns:1fr}.footer__logo-text{font-size:.95rem}}.chat-project-card{margin:var(--space-3) 0 var(--space-2);padding:var(--space-4);background-color:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--accent-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-2);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.chat-project-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-accent);transform:translateY(-1px)}.chat-project-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.chat-project-card__badge-verified{font-size:.68rem;font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-secondary);border-radius:var(--radius-sm);background-color:#4a7c591a;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.chat-project-card__title{font-family:var(--font-serif);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.chat-project-card__desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-project-card__tech{margin:var(--space-1) 0;flex-wrap:wrap;gap:4px;display:flex}.chat-project-card__tech .badge{padding:1px 6px;font-size:.7rem}.chat-project-card__actions{align-items:center;gap:var(--space-2);margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border-color);flex-wrap:wrap;display:flex}.chat-project-card__btn{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;text-decoration:none;display:inline-flex}.chat-project-card__btn--repo{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.chat-project-card__btn--repo:hover{background-color:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--accent-primary)}.chat-project-card__btn--demo{color:var(--accent-primary);background-color:#4a7c591a;border:1px solid #4a7c5933}.chat-project-card__btn--demo:hover{background-color:var(--accent-primary);color:#fff}.chat-project-card__btn--detail{color:var(--accent-primary);font-weight:var(--weight-bold);margin-left:auto;padding:4px 6px}.chat-project-card__btn--detail:hover{color:var(--accent-hover);text-decoration:underline}.chat-project-card__link-muted{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:4px;padding:4px 6px;font-style:italic;display:inline-flex}.ai-fab{bottom:var(--space-8);right:var(--space-8);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);z-index:200;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);cursor:pointer;border:1px solid #ffffff26;display:flex;position:fixed;box-shadow:0 8px 24px #2d501647}.ai-fab:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 36px #2d501661}.ai-fab--active{background-color:var(--accent-hover)}.ai-fab__label{font-size:var(--text-sm);letter-spacing:var(--tracking-normal)}.ai-panel{bottom:calc(var(--space-8) + 52px + var(--space-3));right:var(--space-8);width:min(440px, calc(100vw - var(--space-6) * 2));background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);z-index:199;opacity:0;pointer-events:none;height:600px;max-height:calc(100vh - 120px);transition:transform var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out), background-color var(--duration-normal);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translateY(16px)scale(.97);box-shadow:0 16px 48px #00000029}.ai-panel--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.ai-panel--theme-light{--bg-card:#fff;--bg-secondary:#f5f0e8;--bg-tertiary:#ede8dc;--text-primary:#2c2c2c;--text-secondary:#444;--text-muted:#666;--border-color:#2c2c2c1f;--accent-primary:#2d5016;--accent-secondary:#4a7c59}.ai-panel--theme-dark{--bg-card:#1a2214;--bg-secondary:#141a10;--bg-tertiary:#1f2a18;--text-primary:#e8ede0;--text-secondary:#b8c4a8;--text-muted:#8a9b7a;--border-color:#e8ede01f;--accent-primary:#6b9e7a;--accent-secondary:#4a7c59}.ai-panel--theme-forest{--bg-card:#152412;--bg-secondary:#0e1a0b;--bg-tertiary:#1c3017;--text-primary:#f2f7ed;--text-secondary:#c0d4b8;--text-muted:#94af8b;--border-color:#94af8b33;--accent-primary:#74bf83;--accent-secondary:#4a7c59}.ai-panel--font-compact{--text-sm:.8125rem;--text-base:.875rem}.ai-panel--font-normal{--text-sm:.875rem;--text-base:.9375rem}.ai-panel--font-large{--text-sm:.9375rem;--text-base:1rem}.ai-panel__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ai-panel__title-group{align-items:center;gap:var(--space-3);min-width:0;display:flex}.ai-panel__avatar{border-radius:var(--radius-md);width:34px;height:34px;color:var(--accent-primary);background-color:#4a7c5929;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-panel__title-row{align-items:center;gap:var(--space-2);display:flex}.ai-panel__title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;line-height:1.2}.ai-mode-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);padding:1px 6px}.ai-mode-badge--standard{color:var(--accent-secondary);background-color:#4a7c591f;border:1px solid #4a7c5933}.ai-mode-badge--recruiter{color:var(--accent-primary);border:1px solid var(--accent-primary);background-color:#2d501633}.ai-panel__subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:.72rem;line-height:1.2;overflow:hidden}.ai-panel__header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.ai-btn-icon{border-radius:var(--radius-md);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ai-btn-icon:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.ai-btn-icon--active{color:var(--accent-primary);background-color:#4a7c5926}.ai-panel__close{border-radius:var(--radius-md);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ai-panel__close:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.ai-alert-banner{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:#dc2626;background-color:#ef444414;border-bottom:1px solid #ef444433;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}[data-theme=dark] .ai-alert-banner,.ai-panel--theme-dark .ai-alert-banner,.ai-panel--theme-forest .ai-alert-banner{color:#fca5a5;background-color:#ef444426}.ai-alert-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.ai-panel__messages{padding:var(--space-4);gap:var(--space-4);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-message{flex-direction:column;max-width:88%;display:flex}.ai-message--user{align-self:flex-end}.ai-message--assistant{align-self:flex-start;max-width:92%}.ai-message__bubble{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.ai-message__content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;word-break:break-word}.ai-message--user .ai-message__content{background-color:var(--accent-primary);color:#fff;border-bottom-right-radius:4px}.ai-message--assistant .ai-message__content{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.ai-message__projects{gap:var(--space-2);flex-direction:column;margin-top:2px;display:flex}.ai-message__actions{align-items:center;gap:3px;margin-top:2px;padding-left:2px;display:flex}.ai-msg-action{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.ai-msg-action:hover{color:var(--text-primary);background-color:var(--bg-secondary);border-color:var(--border-color)}.ai-msg-action--active{color:var(--accent-primary);background-color:#4a7c5926}.ai-msg-action--feedback-active{color:var(--accent-primary);border-color:var(--accent-primary);background-color:#4a7c591f}.ai-msg-action__copied{font-size:.65rem;font-weight:var(--weight-bold);color:var(--accent-primary);white-space:nowrap;padding:0 4px}.ai-typing{padding:var(--space-3) var(--space-4);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);border-bottom-left-radius:4px;align-items:center;gap:4px;width:fit-content;display:flex}.ai-typing span{background-color:var(--accent-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s infinite ai-pulse;display:block}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes ai-pulse{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}.ai-suggestions{padding:0 var(--space-4) var(--space-3);gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.ai-suggestions__label{font-size:.72rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.ai-suggestions__chips{flex-wrap:wrap;gap:6px;display:flex}.ai-suggestion{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;padding:4px 10px}.ai-suggestion:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:#4a7c5914}.ai-panel__composer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);background-color:var(--bg-card);flex-shrink:0}.ai-composer-wrap{align-items:flex-end;gap:var(--space-2);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:6px 8px;display:flex}.ai-composer-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4a7c591f}.ai-composer-input{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);resize:none;max-height:120px;line-height:var(--leading-normal);background:0 0;border:none;outline:none;flex:1;padding:4px 6px}.ai-composer-input::placeholder{color:var(--text-muted)}.ai-composer-tools{align-items:center;gap:4px;display:flex}.ai-composer-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ai-composer-btn:hover:not(:disabled){color:var(--accent-primary);background-color:var(--bg-tertiary)}.ai-composer-btn:disabled{opacity:.35;cursor:not-allowed}.ai-composer-btn--send{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md)}.ai-composer-btn--send:hover:not(:disabled){background-color:var(--accent-hover);color:#fff;transform:translateY(-1px)}.ai-composer-btn--stop{color:#fff;border-radius:var(--radius-md);background-color:#dc2626}.ai-composer-btn--stop:hover{color:#fff;background-color:#b91c1c}.ai-composer-btn--recording{color:#dc2626;background-color:#dc26261f;animation:1s infinite alternate ai-record-pulse}@keyframes ai-record-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.ai-history-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-history-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.ai-search-box{align-items:center;gap:var(--space-2);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px 10px;display:flex}.ai-search-box svg{color:var(--text-muted);flex-shrink:0}.ai-search-input{font-size:var(--text-xs);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.ai-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.ai-history-list{padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-history-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;transition:all var(--duration-fast);display:flex}.ai-history-item:hover{border-color:var(--accent-primary);background-color:var(--bg-secondary)}.ai-history-item--active{border-color:var(--accent-primary);background-color:#4a7c5914}.ai-history-item__main{flex:1;min-width:0}.ai-history-item__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:3px;display:flex}.ai-history-item__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ai-history-item__date{color:var(--text-muted);flex-shrink:0;font-size:.68rem}.ai-history-item__snippet{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.3;display:-webkit-box;overflow:hidden}.ai-history-item__actions{align-items:center;gap:2px;display:flex}.ai-history-btn-action{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ai-history-btn-action:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.ai-history-btn-action--delete:hover{color:#dc2626;background-color:#dc26261a}.ai-history-edit-row{align-items:center;gap:4px;display:flex}.ai-history-input-edit{font-size:var(--text-xs);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);padding:2px 6px}.ai-btn-text{font-size:.7rem;font-weight:var(--weight-bold);color:var(--accent-primary);cursor:pointer;background:0 0;border:none}.ai-history-empty{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--text-xs)}.ai-modal-overlay{padding:var(--space-4);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ai-modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;max-width:280px;box-shadow:var(--shadow-lg)}.ai-modal-content h4{font-size:var(--text-sm);margin-bottom:var(--space-2)}.ai-modal-content p{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.ai-modal-actions{justify-content:center;gap:var(--space-2);display:flex}.ai-btn-danger{background-color:#dc2626!important;border-color:#dc2626!important}.ai-btn-danger:hover{background-color:#b91c1c!important}.ai-settings-panel{gap:var(--space-5);padding:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-settings-group{gap:var(--space-3);flex-direction:column;display:flex}.ai-settings-group-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin:0}.ai-settings-options{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.ai-settings-choice{padding:var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);text-align:center}.ai-settings-choice:hover{border-color:var(--accent-primary);color:var(--text-primary)}.ai-settings-choice--selected{border-color:var(--accent-primary);color:var(--accent-primary);font-weight:var(--weight-bold);background-color:#4a7c591f}.ai-settings-footer{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-color);margin-top:auto;display:flex}@media (width<=768px){.ai-fab{bottom:var(--space-4);right:var(--space-4);z-index:100;gap:.45rem;padding:.55rem .9rem;font-size:.8rem;box-shadow:0 4px 16px #2d501640}.ai-fab svg{width:17px;height:17px}.ai-fab__label{font-size:.78rem}}@media (width<=520px){.ai-fab{bottom:var(--space-4);right:var(--space-4);font-size:var(--text-xs);gap:var(--space-2);padding:.5rem .85rem}.ai-fab svg{width:16px;height:16px}.ai-panel{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-bottom:none;width:100%;height:88vh;max-height:88vh;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #00000040}.ai-panel__header,.ai-panel__messages,.ai-panel__input-area{padding:var(--space-3) var(--space-4)}.ai-suggestions{padding:var(--space-1) var(--space-4)}}@media (width<=360px){.ai-fab{gap:.35rem;padding:.45rem .75rem}.ai-fab__label{font-size:.72rem}}.botanical-bg{pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.botanical-leaf{pointer-events:none;color:#4a7255;opacity:.22;transition:opacity var(--duration-slow) var(--ease-in-out), color var(--duration-slow) var(--ease-in-out);position:absolute}.botanical-stem{opacity:.85}.botanical-leaf-blade{opacity:.95}.botanical-leaf--top-left{width:clamp(240px,32vw,420px);height:clamp(240px,32vw,420px);top:-10px;left:-15px}.botanical-leaf--top-right{width:clamp(160px,20vw,280px);height:clamp(160px,20vw,280px);top:-10px;right:-15px}.botanical-leaf--lower-right{width:clamp(220px,28vw,380px);height:clamp(260px,32vw,440px);top:40%;right:-20px}.botanical-leaf--bottom-left{width:clamp(180px,22vw,320px);height:clamp(180px,22vw,320px);bottom:4%;left:-20px}[data-theme=dark] .botanical-leaf{color:#829f88;opacity:.2}[data-theme=dark] .botanical-stem{opacity:.8}[data-theme=dark] .botanical-leaf-blade{opacity:.95}@media (width<=768px){.botanical-leaf--top-left{width:210px;height:210px;top:-8px;left:-12px}.botanical-leaf--top-right{width:140px;height:140px;top:-5px;right:-10px}.botanical-leaf--lower-right{width:200px;height:250px;top:36%;right:-15px}.botanical-leaf--bottom-left{width:150px;height:150px;bottom:2%;left:-15px}}.hero{min-height:calc(100vh - var(--nav-height));padding-top:calc(var(--nav-height) + 1.25rem);background-color:var(--bg-primary);transition:background-color var(--duration-slow) var(--ease-in-out);align-items:center;padding-bottom:2.5rem;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero__bg-grid{background-image:linear-gradient(to right, var(--border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--border-color) 1px, transparent 1px);opacity:.16;background-size:44px 44px;position:absolute;inset:0}[data-theme=dark] .hero__bg-grid{opacity:.12}.hero__container{z-index:1;column-gap:var(--space-8);row-gap:var(--space-6);width:100%;min-height:calc(100vh - var(--nav-height) - 4rem);grid-template-columns:1.15fr .85fr;grid-template-areas:"content portrait""actions portrait";align-items:center;display:grid;position:relative}.hero__content{z-index:2;flex-direction:column;grid-area:content;justify-content:flex-end;max-width:580px;display:flex}.hero__greeting{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-2);font-weight:700;line-height:1.2}[data-theme=dark] .hero__greeting{color:#829f88}.hero__name{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:var(--space-2);flex-direction:column;font-size:clamp(3rem,5.8vw,5.2rem);font-weight:700;line-height:1.05;display:flex}.hero__name-first,.hero__name-last{display:block}.hero__subtitle{font-family:var(--font-sans);color:var(--accent-primary);margin-bottom:var(--space-3);letter-spacing:-.01em;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:700;line-height:1.3}[data-theme=dark] .hero__subtitle{color:#6fa064}.hero__description{font-family:var(--font-sans);color:var(--text-muted);max-width:48ch;margin-bottom:var(--space-3);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.6}.hero__location{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:.45rem;margin-bottom:0;display:inline-flex}.hero__loc-icon{color:var(--accent-primary);flex-shrink:0}[data-theme=dark] .hero__loc-icon{color:#829f88}.hero__actions{align-items:flex-start;gap:var(--space-3);z-index:2;flex-direction:column;grid-area:actions;max-width:380px;display:flex}.hero__btn{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;justify-content:center;align-items:center;padding:.82rem 1.6rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.hero__btn--primary{background-color:var(--accent-primary);border:1.5px solid var(--accent-primary);width:100%;color:#fff!important}.hero__btn--primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}[data-theme=dark] .hero__btn--primary{background-color:#3e6b35;border-color:#3e6b35}[data-theme=dark] .hero__btn--primary:hover{background-color:#4c7c42;border-color:#4c7c42}.hero__btn--outline{width:100%;color:var(--accent-primary);border:1.5px solid var(--accent-primary);background-color:#0000}.hero__btn--outline:hover{background-color:var(--accent-primary);transform:translateY(-1px);color:#fff!important}[data-theme=dark] .hero__btn--outline{color:#f0eee5;border-color:#f0eee5}[data-theme=dark] .hero__btn--outline:hover{color:#fff;background-color:#f0eee51f}.hero__btn--ghost{color:var(--accent-primary);letter-spacing:.08em;transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;width:auto!important;padding:.4rem 0!important}.hero__btn--ghost:hover{color:var(--accent-hover);transform:translate(2px)}[data-theme=dark] .hero__btn--ghost{color:#f0eee5}[data-theme=dark] .hero__btn--ghost:hover{color:#b8cbb9}.hero__github-icon,.hero__external-icon{flex-shrink:0;display:inline-block}.hero__scroll{margin-top:var(--space-4)}.hero__scroll-btn{cursor:pointer;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:.5rem;padding:0;display:inline-flex}.hero__scroll-btn:hover{color:var(--accent-primary)}.hero__scroll-text{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:600}.hero__scroll-arrow{animation:2s ease-in-out infinite hero-bounce;display:inline-flex}@keyframes hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero__portrait-area{grid-area:portrait;justify-content:center;align-self:stretch;align-items:flex-end;min-height:520px;display:flex;position:relative;overflow:visible}.hero__sage-backdrop{filter:blur(20px);z-index:1;pointer-events:none;width:90%;max-width:480px;height:80%;max-height:520px;transition:background var(--duration-slow) var(--ease-in-out);background:radial-gradient(circle at 50% 45%,#6b9e7a38 0%,#4a7c591f 45%,#1e3a0f0a 70%,#0000 85%);border-radius:50%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .hero__sage-backdrop{filter:blur(24px);background:radial-gradient(circle at 50% 45%,#64b95a6b 0%,#41873c3d 45%,#263d350f 75%,#0000 88%)}.hero__portrait-wrapper{z-index:2;justify-content:center;align-items:flex-end;width:100%;height:100%;max-height:84vh;display:flex;position:relative;-webkit-mask-image:linear-gradient(#000 0% 75%,#000c 85%,#00000059 94%,#0000 100%);mask-image:linear-gradient(#000 0% 75%,#000c 85%,#00000059 94%,#0000 100%);box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important}.hero__portrait-img{object-fit:contain;object-position:bottom center;width:auto;max-width:100%;max-height:80vh;display:block;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important}@media (width<=768px){.hero{min-height:auto;padding-top:calc(var(--nav-height) + .8rem);padding-bottom:1.5rem}.hero__container{column-gap:var(--space-3);row-gap:var(--space-4);min-height:auto;padding-left:var(--space-4);padding-right:var(--space-4);grid-template-columns:1fr 185px;grid-template-areas:"content portrait""actions actions";align-items:start;display:grid}.hero__content{grid-area:content;justify-content:flex-start;max-width:100%}.hero__greeting{letter-spacing:.16em;margin-bottom:var(--space-2);font-size:.72rem}.hero__name{margin-bottom:var(--space-2);font-size:clamp(2.1rem,7.2vw,3rem);line-height:1.08}.hero__subtitle{margin-bottom:var(--space-2);font-size:clamp(1rem,3.2vw,1.25rem)}.hero__description{margin-bottom:var(--space-3);font-size:.86rem;line-height:1.5}.hero__location{font-size:.8rem}.hero__portrait-area{grid-area:portrait;align-self:start;width:100%;max-width:185px;height:250px;min-height:250px}.hero__sage-backdrop{width:190px;height:190px;top:42%}.hero__portrait-wrapper{max-height:250px;-webkit-mask-image:linear-gradient(#000 0% 70%,#000c 82%,#0000004d 93%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#000c 82%,#0000004d 93%,#0000 100%)}.hero__portrait-img{max-height:250px}.hero__actions{gap:var(--space-2);grid-area:actions;width:100%;max-width:100%}.hero__btn{border-radius:var(--radius-md);width:100%;padding:.76rem 1.2rem;font-size:.76rem}.hero__btn--ghost{font-size:.82rem;padding:.3rem 0!important}.hero__scroll{display:none}}@media (width<=410px){.hero__container{column-gap:var(--space-2);grid-template-columns:1fr 155px;padding-left:.85rem;padding-right:.85rem}.hero__name{font-size:1.95rem}.hero__subtitle{font-size:.94rem}.hero__description{font-size:.8rem;line-height:1.45}.hero__portrait-area{max-width:155px;height:220px;min-height:220px}.hero__sage-backdrop{width:165px;height:165px}.hero__portrait-wrapper,.hero__portrait-img{max-height:220px}}@media (width<=350px){.hero__container{grid-template-columns:1fr 135px}.hero__name{font-size:1.7rem}.hero__portrait-area{max-width:135px;height:195px;min-height:195px}}@media (prefers-reduced-motion:reduce){.hero__scroll-arrow{animation:none}.hero__content,.hero__portrait-area,.hero__actions{transition:none!important}}.about__grid{gap:clamp(var(--space-10), 6vw, var(--space-20));grid-template-columns:1fr 1fr;align-items:start;display:grid}.about__body{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-8)}.about__meta{gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6);background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;display:flex}.about__meta-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);display:flex}.about__meta-item:last-child{border-bottom:none;padding-bottom:0}.about__meta-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.about__meta-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium);text-align:right}.about__meta-value--available{color:var(--accent-secondary);font-weight:var(--weight-semibold)}.about__links{gap:var(--space-4);flex-wrap:wrap;display:flex}.about__visual{gap:var(--space-6);top:calc(var(--nav-height) + var(--space-8));flex-direction:column;display:flex;position:sticky}.about__card{background-color:var(--color-charcoal);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}[data-theme=dark] .about__card{background-color:#0d1208;border:1px solid #4a7c5926}.about__card-header{padding:var(--space-4) var(--space-5);background-color:#ffffff0a;border-bottom:1px solid #ffffff0f;gap:8px;display:flex}.about__card-dot{border-radius:50%;width:12px;height:12px;display:block}.about__card-content{padding:var(--space-5) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);line-height:2;overflow-x:auto}.about__card-comment{color:#6a9955;margin-bottom:var(--space-2)}.about__card-code{color:#d4d4d4}.about__card-code--indent{padding-left:var(--space-6)}.about__code-keyword{color:#569cd6}.about__code-var{color:#9cdcfe}.about__code-op{color:#d4d4d4}.about__code-key{color:#9cdcfe}.about__code-str{color:#ce9178}.about__interests{gap:var(--space-3);flex-wrap:wrap;display:flex}.about__interest-tag{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:flex}.about__interest-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media (width<=900px){.about__grid{gap:var(--space-8);grid-template-columns:1fr}.about__visual{position:static}}@media (width<=768px){#about.section{padding-top:var(--space-8)}}@media (width<=540px){#about.section{padding-top:var(--space-6)}.about__body{font-size:var(--text-base);margin-bottom:var(--space-6)}.about__meta{padding:var(--space-4);gap:var(--space-3)}.about__meta-item{align-items:flex-start;gap:var(--space-1);padding-bottom:var(--space-3);flex-direction:column}.about__meta-value{text-align:left;font-size:.85rem}.about__links{flex-direction:column;width:100%}.about__links .btn{justify-content:center;width:100%}.about__card-content{padding:var(--space-4);font-size:var(--text-xs);line-height:1.8}.about__card-code--indent{padding-left:var(--space-3)}}.skills__header{margin-bottom:var(--space-12)}.skills__grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);align-items:start;display:grid}.skills__card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);box-shadow:var(--shadow-sm);gap:var(--space-4);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);transition-delay:var(--card-delay,0s);flex-direction:column;display:flex}.skills__card:hover{border-color:var(--accent-secondary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.skills__card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);display:flex}.skills__card-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);margin:0}.skills__card-count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);background-color:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-color);padding:.15rem .5rem}.skills__pills{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.skills__pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;cursor:default;transition:all var(--duration-fast) var(--ease-out);padding:.45rem .95rem;line-height:1.25;display:inline-flex;box-shadow:0 1px 2px #00000008}.skills__pill-icon{width:1rem;height:1rem;color:var(--accent-secondary);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-shrink:0;font-size:1rem}.skills__pill-text{display:inline-block}.skills__pill:hover{border-color:var(--accent-secondary);color:var(--accent-primary);background-color:#4a7c5914;transform:translateY(-1px);box-shadow:0 2px 5px #2d50161f}.skills__pill:hover .skills__pill-icon{color:var(--accent-primary);transform:scale(1.1)}@media (width<=900px){.skills__grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}.skills__card{padding:var(--space-5) var(--space-6)}}@media (width<=768px){.skills__grid{gap:var(--space-4);grid-template-columns:1fr}.skills__card{padding:var(--space-5)}.skills__pill{padding:.4rem .85rem;font-size:.825rem}}.projects__header{margin-bottom:var(--space-12)}.projects__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.projects__empty{text-align:center;padding:var(--space-20);color:var(--text-muted)}.project-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-4);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));transform-origin:0;height:3px;transition:transform var(--duration-normal) var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.project-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.project-card:hover:before{transform:scaleX(1)}.project-card__header{justify-content:space-between;align-items:center;display:flex}.project-card__links-preview{gap:var(--space-2);display:flex}.project-card__icon-link{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);border:1px solid var(--border-color);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.project-card__icon-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);background-color:#4a7c590f}.project-card__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-snug)}.project-card__desc{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);flex:1}.project-card__tech{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-card__footer{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.project-card__detail-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-primary);transition:gap var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.project-card__detail-link:hover{gap:var(--space-3);color:var(--accent-hover)}@media (width<=768px){.projects__grid{gap:var(--space-5);grid-template-columns:1fr}.project-card{padding:var(--space-6)}}@media (width<=480px){.project-card{padding:var(--space-5)}.project-card__title{font-size:1.25rem}.project-card__desc{font-size:.9rem}.project-card__tech{gap:6px}}.education__header{margin-bottom:var(--space-12)}.education__list{gap:var(--space-6);flex-direction:column;max-width:800px;display:flex}.edu-card{gap:var(--space-6);display:flex}.edu-card__left{flex-direction:column;flex-shrink:0;align-items:center;width:120px;display:flex}.edu-card__year{margin-bottom:var(--space-3)}.edu-card__line{background:linear-gradient(to bottom, var(--accent-secondary), transparent);flex:1;width:2px;min-height:20px}.edu-card__dot{background-color:var(--accent-secondary);border:2px solid var(--bg-secondary);border-radius:50%;flex-shrink:0;width:10px;height:10px}.edu-card__body{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);flex:1}.edu-card__body:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card-hover)}.edu-card__top{margin-bottom:var(--space-3)}.edu-card__degree{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.edu-card__field{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--accent-secondary);margin-bottom:var(--space-4)}.edu-card__meta{gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.edu-card__institution,.edu-card__location{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:flex}.edu-card__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-muted)}@media (width<=680px){.edu-card{gap:var(--space-3);flex-direction:column}.edu-card__left{align-items:center;gap:var(--space-3);flex-direction:row;width:auto}.edu-card__line,.edu-card__dot{display:none}.edu-card__body{padding:var(--space-5)}.edu-card__degree{font-size:1.25rem}.edu-card__field{margin-bottom:var(--space-3);font-size:.95rem}.edu-card__meta{gap:var(--space-2);flex-direction:column}}.contact__header{margin-bottom:var(--space-12)}.contact__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-width:900px;display:grid}.contact__card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-3);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}.contact__card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card-hover)}.contact__card-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--accent-primary);margin-bottom:var(--space-2);background-color:#4a7c591a;justify-content:center;align-items:center;display:flex}.contact__card-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.contact__card-value{font-size:var(--text-sm);color:var(--text-muted);word-break:break-all;flex:1}.contact__card-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.contact__card-actions .btn{flex:1;justify-content:center}@media (width<=768px){.contact__grid{gap:var(--space-4);grid-template-columns:1fr}.contact__card{padding:var(--space-6)}}@media (width<=480px){.contact__card{padding:var(--space-5)}.contact__card-actions{flex-direction:column}.contact__card-actions .btn{width:100%}}.project-detail{padding-top:var(--nav-height);min-height:100vh}.project-detail__not-found{min-height:80vh;padding-top:calc(var(--nav-height) + var(--space-16));justify-content:flex-start;align-items:center;display:flex}.project-detail__not-found h1{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-4xl)}.project-detail__not-found p{color:var(--text-muted);font-size:var(--text-lg)}.project-detail__back-bar{padding:var(--space-5) 0;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.project-detail__back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out), gap var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.project-detail__back:hover{color:var(--accent-primary)}.project-detail__header{padding:var(--space-16) 0 var(--space-12);max-width:760px}.project-detail__meta-top{margin-bottom:var(--space-4)}.project-detail__title{font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));margin-bottom:var(--space-4)}.project-detail__lead{font-size:var(--text-xl);color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:65ch}.project-detail__tech-row{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.project-detail__link-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.project-detail__no-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);font-style:italic;display:inline-flex}.project-detail__body{gap:var(--space-12);padding-bottom:var(--space-16);flex-direction:column;max-width:760px;display:flex}.project-detail__section{border-top:1px solid var(--border-color);padding-top:var(--space-10)}.project-detail__section-title{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-6)}.project-detail__description{gap:var(--space-4);flex-direction:column;display:flex}.project-detail__description p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.project-detail__highlights{gap:var(--space-4);flex-direction:column;display:flex}.project-detail__highlight{align-items:flex-start;gap:var(--space-4);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);display:flex}.project-detail__highlight-dot{background-color:var(--accent-secondary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.project-detail__tech-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.project-detail__tech-item{padding:var(--space-3) var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--duration-fast), color var(--duration-fast)}.project-detail__tech-item:hover{border-color:var(--accent-secondary)}.project-detail__tech-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary);font-weight:var(--weight-medium)}.project-detail__nav{padding:var(--space-12) 0;border-top:1px solid var(--border-color)}.project-detail__nav-inner{justify-content:space-between;gap:var(--space-8);display:flex}.project-detail__nav-link{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:border-color var(--duration-normal), box-shadow var(--duration-normal), background-color var(--duration-normal);max-width:280px;text-decoration:none;display:flex}.project-detail__nav-link:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-card-hover);background-color:var(--bg-card)}.project-detail__nav-link--next{text-align:right;margin-left:auto}.project-detail__nav-link div{gap:var(--space-1);flex-direction:column;display:flex}.project-detail__nav-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);font-weight:var(--weight-semibold)}.project-detail__nav-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.project-detail__nav-link svg{color:var(--text-muted);flex-shrink:0}@media (width<=600px){.project-detail__nav-inner{gap:var(--space-4);flex-direction:column}.project-detail__nav-link{max-width:100%}.project-detail__nav-link--next{margin-left:0}}.legal{padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-20);min-height:100vh}.legal__back{margin-bottom:var(--space-10)}.legal__back-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);transition:color var(--duration-fast);text-decoration:none;display:inline-flex}.legal__back-link:hover{color:var(--accent-primary)}.legal__content{max-width:720px}.legal__header{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-color)}.legal__title{font-size:clamp(var(--text-3xl), 4vw, var(--text-4xl));margin-bottom:var(--space-3)}.legal__date{font-size:var(--text-sm);color:var(--text-muted)}.legal__section{margin-bottom:var(--space-10)}.legal__section h2{font-family:var(--font-serif);font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--text-primary)}.legal__section p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.legal__section p:last-child{margin-bottom:0}.legal__section ul{padding-left:var(--space-6);gap:var(--space-3);flex-direction:column;list-style:outside;display:flex}.legal__section li{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.legal__section a{color:var(--accent-primary)}.legal__section code{font-family:var(--font-mono);background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--accent-primary);padding:2px 6px;font-size:.9em}:root{--color-forest-dark:#1e3a0f;--color-forest:#2d5016;--color-forest-mid:#4a7c59;--color-forest-light:#6b9e7a;--color-olive:#6b7c47;--color-olive-light:#8a9b62;--color-ivory:#f5f0e8;--color-ivory-alt:#ede8dc;--color-ivory-dark:#d8d0c0;--color-charcoal:#2c2c2c;--color-charcoal-mid:#444;--color-charcoal-light:#666;--color-white:#fff;--bg-primary:#f7f4ee;--bg-secondary:#ede7dc;--bg-tertiary:#e2dacb;--bg-card:#fff;--bg-nav:#f7f4eed9;--text-primary:#232822;--text-secondary:#4a5347;--text-muted:#687463;--text-inverse:var(--color-white);--text-on-accent:var(--color-white);--accent-primary:#2d5226;--accent-secondary:#4c6d41;--accent-tertiary:#6d8d5d;--accent-hover:#1e3b18;--border-color:#2d52261f;--border-accent:#4c6d41;--shadow-sm:0 1px 3px #2d522614;--shadow-md:0 4px 12px #2d52261f;--shadow-lg:0 8px 32px #2d522629;--shadow-card:0 2px 8px #2328220f;--shadow-card-hover:0 8px 24px #2d522629;--font-serif:"Playfair Display", "Georgia", serif;--font-sans:"Inter", "system-ui", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.06em;--tracking-wider:.1em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--max-width:1200px;--nav-height:72px;--section-padding:clamp(var(--space-12), 8vw, var(--space-32))}[data-theme=dark]{--bg-primary:#263d35;--bg-secondary:#314b40;--bg-tertiary:#3a5a4c;--bg-card:#2e4a3e;--bg-nav:#263d35d1;--text-primary:#f0eee5;--text-secondary:#c4d0c5;--text-muted:#9fb5a2;--text-inverse:#263d35;--text-on-accent:#f0eee5;--accent-primary:#5a8a50;--accent-secondary:#6fa064;--accent-tertiary:#829f88;--accent-hover:#6fa064;--border-color:#b8cbb929;--border-accent:#5a8a50;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 32px #00000073;--shadow-card:0 2px 8px #0000004d;--shadow-card-hover:0 8px 24px #5a8a5040}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--duration-slow) var(--ease-in-out), color var(--duration-slow) var(--ease-in-out);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}p{line-height:var(--leading-relaxed);color:var(--text-secondary)}a{color:var(--accent-primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:var(--radius-sm)}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);padding:0 clamp(var(--space-4), 4vw, var(--space-12));margin:0 auto}.section{padding:var(--section-padding) 0}.section-alt{background-color:var(--bg-secondary)}.section-label{align-items:center;gap:var(--space-2);font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-4);border-radius:var(--radius-full);background-color:#4a7c591f;border:1px solid #4a7c5938;padding:.35rem .95rem;font-size:.72rem;font-weight:700;display:inline-flex}[data-theme=dark] .section-label{color:#c4d0c5;background-color:#829f8833;border-color:#b8cbb933}.section-title{font-size:clamp(var(--text-3xl), 4vw, var(--text-5xl));margin-bottom:var(--space-4)}.section-desc{font-size:var(--text-lg);max-width:60ch;color:var(--text-muted);line-height:var(--leading-relaxed)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse,#fff);border:2px solid var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-inverse,#fff);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--accent-primary);border:2px solid var(--accent-primary);background-color:#0000}.btn-outline:hover{background-color:var(--accent-primary);color:var(--text-inverse,#fff);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:2px solid var(--border-color);background-color:#0000}.btn-ghost:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-mono);background-color:var(--bg-tertiary);color:var(--accent-primary);border:1px solid var(--border-color);align-items:center;display:inline-flex}.badge-accent{color:var(--accent-secondary);background-color:#4a7c591f;border-color:#4a7c5933}.badge-status{color:var(--color-forest-mid);background-color:#6b9e7a1a}.badge-status-progress{color:var(--color-olive);background-color:#6b7c471a}.divider{background-color:var(--accent-primary);border-radius:var(--radius-full);width:48px;height:3px;margin:var(--space-4) 0}.skip-link{top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--accent-primary);color:var(--text-inverse,#fff);border-radius:var(--radius-md);z-index:9999;font-weight:var(--weight-semibold);transition:top var(--duration-fast);position:absolute}.skip-link:focus{top:var(--space-4)}.reveal{opacity:0;transition:opacity var(--duration-slower) var(--ease-out), transform var(--duration-slower) var(--ease-out);transform:translateY(24px)}.reveal.revealed{opacity:1;transform:translateY(0)}::selection{color:var(--text-primary);background-color:#4a7c5940}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:var(--radius-full)}