@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0b0c09;--surface:#111410;--surface-2:#191c16;--surface-glass:#111410cc;--surface-glass-60:#11141099;--dock-bg:#111111d9;--dock-label-bg:#181818f2;--border:#252820;--border-hover:#31352a;--text:#ddd8cc;--text-2:#8c8878;--text-3:#50504a;--text-hero:#f5f2ec;--text-inverse:#0a0a0a;--accent:#6b9e6e;--accent-hover:#5a8a5d;--accent-dim:#6b9e6e1f;--accent-glow:#6b9e6e40;--accent-rgb:107, 158, 110;--overlay:#000000b3;--overlay-preview:#000000d9;--status-online:#22c55e;--error:#f87171;--glitch-shadow-1:#4a7a42;--glitch-shadow-2:#c4bba8;--cat-architecture:#bd34fe;--cat-ui:#61dafb;--cat-integration:#c8a96e;--cat-data:#22c55e;--cat-devops:#ff4785;--skill-frontend:#61dafb;--skill-languages:#bd34fe;--skill-tooling:#6b9e6e;--skill-testing:#22c55e;--skill-runtime:#5fa04e;--skill-api:#3178c6;--skill-craft:#ff4785;--skill-engineering:#ff3e00;--match-technologies:#6b9e6e;--match-competencies:#a78bfa;--match-soft-skills:#34d399;--font-display:"Montserrat", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-sans:"Montserrat", sans-serif;--sidebar-width:300px;--radius:6px;--radius-lg:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-layout{grid-template-columns:var(--sidebar-width) 1fr;height:100vh;display:grid;overflow:hidden}.app-main{border-left:1px solid var(--border);flex-direction:column;height:100vh;display:flex;overflow:hidden}.tab-nav{border-bottom:1px solid var(--border);flex-shrink:0;gap:2px;padding:12px 16px 0;display:flex}.tab-btn{color:var(--text-2);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 18px;font-size:12px;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text)}.tab-btn--active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{flex:1;overflow:hidden}.btn{font-family:var(--font-mono);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.btn--full{width:100%}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb), .35)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 16px rgba(var(--accent-rgb), .45)}.btn--secondary{color:var(--text-2);border-color:var(--border-hover);background:0 0}.btn--secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.panel-title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:22px;font-weight:400}.panel-description{color:var(--text-2);margin-bottom:24px;font-size:13px;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.glitch-text{color:var(--text);display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text--shadows:before{color:var(--glitch-shadow-1)}.glitch-text--shadows:after{color:var(--glitch-shadow-2)}.glitch-text--active:before{animation:glitch-clip-1 var(--glitch-duration,2s) infinite linear alternate-reverse;clip-path:inset(0 0 100%);transform:translate(-2px)}.glitch-text--active:after{animation:glitch-clip-2 var(--glitch-duration,2s) infinite linear alternate-reverse;clip-path:inset(100% 0 0);transform:translate(2px)}.glitch-text--hover-only:before,.glitch-text--hover-only:after{clip-path:inset(100% 0 0)}.glitch-text--hover-only:hover:before{animation:glitch-clip-1 var(--glitch-duration,2s) infinite linear alternate-reverse;transform:translate(-2px)}.glitch-text--hover-only:hover:after{animation:glitch-clip-2 var(--glitch-duration,2s) infinite linear alternate-reverse;transform:translate(2px)}@keyframes glitch-clip-1{0%{clip-path:inset(42% 0 55%)}5%{clip-path:inset(12% 0 83%)}10%{clip-path:inset(70% 0 2%)}15%{clip-path:inset(35% 0 58%)}20%{clip-path:inset(91% 0 3%)}25%{clip-path:inset(8% 0 74%)}30%{clip-path:inset(55% 0 37%)}35%{clip-path:inset(26% 0 61%)}40%{clip-path:inset(78% 0 16%)}45%{clip-path:inset(3% 0 88%)}50%{clip-path:inset(48% 0 44%)}55%{clip-path:inset(17% 0 71%)}60%{clip-path:inset(63% 0 29%)}65%{clip-path:inset(32% 0 52%)}70%{clip-path:inset(86% 0 9%)}75%{clip-path:inset(5% 0 82%)}80%{clip-path:inset(59% 0 33%)}85%{clip-path:inset(22% 0 66%)}90%{clip-path:inset(74% 0 21%)}95%{clip-path:inset(39% 0 48%)}to{clip-path:inset(95% 0 1%)}}@keyframes glitch-clip-2{0%{clip-path:inset(18% 0 73%)}5%{clip-path:inset(67% 0 25%)}10%{clip-path:inset(4% 0 91%)}15%{clip-path:inset(82% 0 11%)}20%{clip-path:inset(29% 0 60%)}25%{clip-path:inset(53% 0 38%)}30%{clip-path:inset(7% 0 77%)}35%{clip-path:inset(44% 0 48%)}40%{clip-path:inset(96% 0 2%)}45%{clip-path:inset(15% 0 68%)}50%{clip-path:inset(61% 0 31%)}55%{clip-path:inset(33% 0 54%)}60%{clip-path:inset(87% 0 8%)}65%{clip-path:inset(2% 0 85%)}70%{clip-path:inset(49% 0 42%)}75%{clip-path:inset(20% 0 70%)}80%{clip-path:inset(75% 0 18%)}85%{clip-path:inset(11% 0 79%)}90%{clip-path:inset(57% 0 36%)}95%{clip-path:inset(38% 0 51%)}to{clip-path:inset(24% 0 64%)}}:root{--bg-window:#1a1a1a;--bg-surface:#2c2c2e;--bg-surface-2:#3a3a3c;--text:#fff;--text-2:#a1a1a6;--border:#3a3a3c;--accent:#10a37f;--accent-dim:#10a37f33;--accent-hover:#0e8c6e;--radius-lg:12px}.magic-bento{background:var(--bg-window);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 24px #0006}.magic-bento-content{flex-direction:column;height:100%;min-height:480px;display:flex}.window-topbar{border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#0000004d;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.window-controls{gap:8px;display:flex}.window-btn{cursor:default;border-radius:50%;width:12px;height:12px;transition:opacity .2s}.window-btn-red{background:#ff5f57}.window-btn-yellow{background:#ffbd2e}.window-btn-green{background:#28c840}.window-title{color:var(--text-2);text-align:center;flex:1;font-size:13px;font-weight:500}.window-placeholder{width:48px}.chat-messages-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.chat-msg{max-width:80%;display:flex}.chat-msg--user{align-self:flex-end}.chat-msg--assistant{align-self:flex-start}.chat-msg-bubble{word-break:break-word;border-radius:18px;padding:10px 16px;font-size:14px;line-height:1.5}.chat-msg--user .chat-msg-bubble{background:var(--accent-dim);color:var(--text);border:1px solid #10a37f4d;border-bottom-right-radius:4px}.deepseek-input-wrapper{background:var(--bg-window);border-top:1px solid #ffffff0d;flex-shrink:0;width:100%;margin:0;padding:12px 16px 16px;position:relative}.deepseek-input{background:var(--bg-surface-2);width:100%;color:var(--text);resize:none;scrollbar-width:thin;border:1px solid #0000;border-radius:28px;outline:none;max-height:160px;padding:12px 48px 12px 20px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s;overflow-y:auto}.deepseek-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);background:var(--bg-surface)}.deepseek-input::placeholder{color:var(--text-3)}.deepseek-send-btn{background:var(--accent);cursor:pointer;color:#0a0a0a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;position:absolute;bottom:28px;right:28px}.deepseek-send-btn svg{stroke-width:2px;width:16px;height:16px}.deepseek-send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.02)}.deepseek-send-btn:active:not(:disabled){transform:scale(.96)}.deepseek-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-markdown{white-space:pre-wrap}.cursor-blink{color:var(--accent);margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;padding:40px;display:flex}.chat-empty-hint{color:var(--text-2);max-width:280px;font-size:14px}.chat-suggestions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.suggestion-chip{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:40px;padding:8px 16px;font-size:12px;transition:all .2s}.suggestion-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.chat-input-wrapper{border-top:1px solid var(--border);background:var(--bg-window);flex-shrink:0;align-items:flex-end;gap:12px;padding:16px 20px 20px;display:flex}.chat-input{background:var(--bg-surface-2);border:1px solid var(--border);color:var(--text);resize:none;border-radius:20px;flex:1;max-height:140px;padding:10px 16px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);outline:none}.send-btn{background:var(--accent);cursor:pointer;color:#0a0a0a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.send-btn svg{width:16px;height:16px}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.02)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.export-panel{scrollbar-width:thin;scrollbar-color:var(--border) transparent;height:100%;padding:32px 36px;overflow-y:auto}.section-checkboxes{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:12px;width:fit-content;display:flex}.checkbox-input{opacity:0;width:0;height:0;position:absolute}.checkbox-custom{border:1px solid var(--border-hover);background:var(--surface-2);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s,background .15s;display:flex;position:relative}.checkbox-label:hover .checkbox-custom{border-color:var(--accent)}.checkbox-input:checked+.checkbox-custom{background:var(--accent);border-color:var(--accent)}.checkbox-input:checked+.checkbox-custom:after{content:"";border-bottom:2px solid #0a0a0a;border-left:2px solid #0a0a0a;width:10px;height:6px;position:absolute;transform:rotate(-45deg)translateY(-1px)}.checkbox-text{color:var(--text);-webkit-user-select:none;user-select:none;font-size:14px}.export-actions{flex-wrap:wrap;gap:10px;display:flex}.check-icon{width:14px;height:14px}.preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preview-modal{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:720px;max-height:80vh;animation:.2s fadeInUp;display:flex}.preview-modal--editor{max-width:860px;height:82vh}.preview-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.preview-modal-header h3{font-family:var(--font-mono);color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:500}.preview-modal-tabs{flex:1;align-items:center;gap:4px;display:flex}.preview-tab-btn{font-family:var(--font-mono);color:var(--text-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 14px;font-size:12px;transition:color .15s,background .15s,border-color .15s}.preview-tab-btn:hover{color:var(--text-2)}.preview-tab-btn--active{color:var(--accent);background:var(--accent-dim);border-color:#0000}.preview-dirty-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-glow);letter-spacing:.04em;border-radius:4px;margin-left:4px;padding:2px 7px;font-size:10px}.preview-modal-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.md-editor{background:var(--surface-2);width:100%;color:var(--text);font-family:var(--font-mono);resize:none;scrollbar-width:thin;scrollbar-color:var(--border) transparent;tab-size:2;border:none;border-radius:0;outline:none;flex:1;padding:20px 24px;font-size:12.5px;line-height:1.75}.close-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;line-height:1;transition:color .15s}.close-btn:hover{color:var(--text)}.preview-content{color:var(--text-2);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:24px 28px;font-size:13px;line-height:1.7;overflow-y:auto}.preview-markdown h1{font-family:var(--font-display);color:var(--text);margin:0 0 4px;font-size:20px;font-weight:600}.preview-markdown h2{font-family:var(--font-display);color:var(--text);border-bottom:1px solid var(--border);margin:22px 0 6px;padding-bottom:4px;font-size:15px;font-weight:600}.preview-markdown h3{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;margin:14px 0 4px;font-size:12px;font-weight:500}.preview-markdown p{margin:0 0 8px}.preview-markdown ul{flex-direction:column;gap:3px;margin:4px 0 10px;padding-left:16px;display:flex}.preview-markdown li{line-height:1.55}.preview-markdown ul li::marker{color:var(--accent)}.preview-markdown strong{color:var(--text);font-weight:600}.preview-markdown code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--accent);border-radius:3px;padding:1px 5px;font-size:11px}.preview-markdown hr{border:none;border-top:1px solid var(--border);margin:16px 0}.preview-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.preview-modal-footer-actions{gap:8px;display:flex}.preview-reset-btn{border:1px solid var(--border-hover);color:var(--text-3);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-size:11px;transition:color .15s,border-color .15s}.preview-reset-btn:hover:not(:disabled){color:var(--text-2);border-color:var(--accent)}.preview-reset-btn:disabled{opacity:.3;cursor:not-allowed}.tailoring-panel{scrollbar-width:thin;scrollbar-color:var(--border) transparent;height:100%;padding:32px 36px;overflow-y:auto}.tailoring-input-area{flex-direction:column;gap:16px;display:flex}.job-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-sans);resize:vertical;outline:none;min-height:180px;padding:14px 16px;font-size:13px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.job-input::placeholder{color:var(--text-3)}.job-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.job-input:disabled{opacity:.5}.tailoring-error{color:var(--error);font-size:12px;font-family:var(--font-mono)}.loading-dots span{animation:1.2s step-end infinite loadingBlink}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingBlink{0%,to{opacity:1}50%{opacity:0}}.match-score{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:28px;margin-bottom:28px;padding:20px 24px;display:flex}.match-total{flex-direction:column;flex-shrink:0;align-items:center;min-width:72px;display:flex}.match-number{font-family:var(--font-display);color:var(--accent);font-size:48px;line-height:1}.match-pct{font-family:var(--font-mono);color:var(--accent);margin-top:-4px;font-size:14px}.match-label{font-family:var(--font-mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:10px}.match-bars{flex-direction:column;flex:1;gap:10px;display:flex}.match-bar-item{flex-direction:column;gap:4px;display:flex}.match-bar-header{font-family:var(--font-mono);color:var(--text-2);justify-content:space-between;font-size:11px;display:flex}.match-bar-track{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.match-bar-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.tailoring-result{flex-direction:column;gap:24px;animation:.3s fadeInUp;display:flex}.tailored-section{flex-direction:column;gap:10px;display:flex}.tailored-section-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);padding-bottom:8px;font-size:10px;font-weight:500}.tailored-summary{color:var(--text-2);font-size:14px;line-height:1.7}.tailored-exp{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.tailored-exp-company{font-family:var(--font-mono);color:var(--accent);font-size:12px;font-weight:500}.tailored-highlights{flex-direction:column;gap:5px;list-style:none;display:flex}.tailored-highlights li{color:var(--text-2);padding-left:12px;font-size:13px;line-height:1.5;position:relative}.tailored-highlights li:before{content:"·";color:var(--accent);position:absolute;left:0}.tailoring-actions{flex-wrap:wrap;gap:10px;padding-top:8px;display:flex}.portfolio{min-height:100vh;overflow-x:hidden}.portfolio-main{padding-bottom:100px}.section{max-width:1100px;margin:0 auto;padding:80px 24px 40px}.section-header{margin-bottom:40px}.section-title{font-family:var(--font-display);color:var(--text);margin-bottom:10px;font-size:clamp(28px,5vw,42px);font-weight:400}.section-desc{color:var(--text-2);max-width:560px;font-size:15px;line-height:1.6}.hero-section{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;grid-template-rows:auto auto;grid-template-columns:1fr 340px;align-items:start;gap:40px 48px;max-width:1100px;margin:0 auto;padding:80px 24px 40px;display:grid;position:relative}.hero-greeting{grid-area:1/1;align-self:center}.hero-greeting-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:13px}.hero-title{font-family:var(--font-display);color:var(--text-hero);min-height:1.3em;margin-bottom:16px;font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1.15}.hero-tagline{color:var(--text);max-width:500px;font-size:15px;line-height:1.6}.hero-card-wrap{grid-area:1/2/3;align-items:flex-start;padding-top:8px;display:flex}.hero-stack{grid-area:2/1}.hero-stack-label{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.hero-loop{z-index:2;border-top:1px solid var(--border);padding:24px 0 32px;position:relative}@media (width<=768px){.hero-content{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:32px}.hero-card-wrap{grid-area:2/1}.hero-stack{grid-row:3}}.text-type{display:inline}.text-type-cursor{color:var(--accent);margin-left:1px;font-weight:300;animation:1s step-start infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:var(--accent);animation:.8s step-start infinite cursor-blink;display:inline-block}.letter-glitch-wrap{z-index:0}.profile-card{background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:default;will-change:transform;width:100%;padding:28px 24px;position:relative;overflow:hidden}.profile-card-glow{border-radius:inherit;border:1px solid var(--accent);opacity:var(--glow-opacity,0);pointer-events:none;transition:opacity .3s;position:absolute;inset:-1px}.profile-avatar{border:2px solid var(--border-hover);background:var(--surface-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;display:flex;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-initials{font-family:var(--font-display);color:var(--accent);font-size:24px}.profile-avatar-status{background:var(--status-online);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:4px;right:4px}.profile-name{font-family:var(--font-display);color:var(--text);margin-bottom:4px;font-size:22px;font-weight:400}.profile-title{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;margin-bottom:10px;font-size:12px}.profile-tagline{color:var(--text-2);margin-bottom:18px;font-size:13px;line-height:1.55}.profile-meta{flex-direction:column;gap:7px;display:flex}.profile-meta-item{font-family:var(--font-mono);color:var(--text-2);align-items:center;gap:7px;font-size:11px;display:flex}a.profile-meta-link{color:var(--text-2);transition:color .15s}a.profile-meta-link:hover{color:var(--accent);text-decoration:none}.glass-icons{gap:10px;display:grid}.glass-icon-item{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-glass-60);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex;position:relative;overflow:hidden}.glass-icon-bg{border-radius:inherit;transition:background .2s;position:absolute;inset:0}.glass-icon-inner{z-index:1;color:var(--text-2);justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.glass-icon-label{z-index:1;font-family:var(--font-mono);color:var(--text-2);letter-spacing:.04em;font-size:10px;position:relative}.logo-loop{-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);overflow:hidden}.logo-loop-track{white-space:nowrap;gap:0;width:max-content;display:flex}.logo-loop-item{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;padding:0 28px;font-size:12px;display:inline-flex}.logo-loop-item:hover{opacity:.85;color:var(--text-2);transform:scale(1.08)}.logo-loop-icon{opacity:.6;align-items:center;display:flex}@keyframes logo-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes logo-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.magic-bento{background:var(--surface);border-radius:var(--radius-lg);will-change:transform;position:relative;overflow:hidden}.magic-bento-spotlight{pointer-events:none;border-radius:inherit;background:radial-gradient(300px circle at var(--spotlight-x,-9999px) var(--spotlight-y,-9999px), rgba(var(--accent-rgb), .06), transparent 60%);z-index:0;position:absolute;inset:0}.magic-bento-border{border-radius:inherit;border:1px solid rgba(var(--accent-rgb), var(--border-opacity,0));pointer-events:none;z-index:0;transition:border-color .3s;position:absolute;inset:0}.magic-bento:before{content:"";border-radius:inherit;border:1px solid var(--border);pointer-events:none;z-index:0;position:absolute;inset:0}.magic-bento-content{z-index:1;position:relative}.dock{z-index:100;background:var(--dock-bg);border:1px solid var(--border-hover);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;align-items:flex-end;gap:8px;padding:10px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.dock-item-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.dock-label{font-family:var(--font-mono);color:var(--text);background:var(--dock-label-bg);border:1px solid var(--border-hover);white-space:nowrap;pointer-events:none;z-index:10;border-radius:6px;padding:4px 9px;font-size:11px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.dock-item-wrap--raw{border-left:1px solid var(--border);align-items:center;margin-left:4px;padding:0 4px;display:flex}.dock-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.dock-btn:hover{background:var(--surface);color:var(--accent);border-color:var(--border-hover)}.experience-grid{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));align-items:start;gap:16px;display:grid}@media (width<=560px){.experience-grid{grid-template-columns:1fr}}.exp-bento{padding:24px}.exp-bento-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.exp-bento-role{font-family:var(--font-display);color:var(--text);margin-bottom:3px;font-size:17px;font-weight:400}.exp-bento-company{font-family:var(--font-mono);color:var(--accent);letter-spacing:.03em;font-size:12px}.exp-bento-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.exp-bento-period{font-family:var(--font-mono);color:var(--text-2);font-size:11px}.exp-bento-location{color:var(--text-3);font-size:11px}.exp-bento-highlights{flex-direction:column;gap:8px;margin:0 0 14px;list-style:none;display:flex}.exp-bento-highlight{color:var(--text-2);align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;display:flex}.exp-bento-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.exp-bento-cats{flex-wrap:wrap;gap:6px;display:flex}.exp-cat-badge{font-family:var(--font-mono);letter-spacing:.05em;border:1px solid;border-radius:4px;padding:2px 8px;font-size:10px}.edu-bento{flex-direction:column;gap:6px;padding:28px;display:flex}.edu-icon{margin-bottom:6px;font-size:28px}.edu-degree{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:400}.edu-institution{font-family:var(--font-mono);color:var(--accent);font-size:12px}.edu-graduation{color:var(--text-2);margin-top:4px;font-size:13px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:14px;display:grid}.skill-bento{padding:20px}.skill-bento--wide{grid-column:span 2}@media (width<=500px){.skill-bento--wide{grid-column:span 1}}.skill-bento-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.skill-tags{flex-wrap:wrap;gap:6px;display:flex}.skill-tag{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:4px;padding:3px 10px;font-size:11px}.skill-tag--soft{border-color:var(--accent-dim);color:var(--accent)}.skill-list{flex-direction:column;gap:5px;list-style:none;display:flex}.skill-list-item{color:var(--text-2);padding-left:14px;font-size:13px;position:relative}.skill-list-item:before{content:"›";color:var(--accent);position:absolute;left:0}.chat-bento{flex-direction:column;height:560px;display:flex;overflow:hidden}.chat-bento .magic-bento-content{flex-direction:column;height:100%;display:flex}.chat-messages-wrap{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.chat-empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex}.chat-empty-hint{color:var(--text-2);font-size:13px}.chat-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;display:flex}.suggestion-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);cursor:pointer;text-align:left;border-radius:20px;padding:7px 14px;font-size:11px;transition:border-color .15s,color .15s,background .15s}.suggestion-chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.suggestion-chip:disabled{opacity:.4;cursor:not-allowed}.chat-messages-list{flex-direction:column;gap:12px;padding-bottom:8px;display:flex}.chat-msg{display:flex}.chat-msg--user{justify-content:flex-end}.chat-msg--assistant{justify-content:flex-start}.chat-msg-bubble{border-radius:16px;max-width:72%;padding:11px 16px;font-size:13px;line-height:1.6}.chat-msg--user .chat-msg-bubble{background:var(--accent-dim);border:1px solid var(--accent-glow);color:var(--text);border-bottom-right-radius:4px}.chat-msg--assistant .chat-msg-bubble{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-bottom-left-radius:4px}.chat-markdown{display:inline}.chat-markdown p{margin:0 0 10px;line-height:1.65}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown strong{color:var(--text);font-weight:600}.chat-markdown em{color:var(--text-2);font-style:italic}.chat-markdown code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:1px 6px;font-size:11px}.chat-markdown pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:10px 0;padding:12px 14px;overflow-x:auto}.chat-markdown pre code{color:var(--text-2);background:0 0;border:none;padding:0;font-size:12px}.chat-markdown ul,.chat-markdown ol{flex-direction:column;gap:4px;margin:6px 0 10px;padding-left:18px;display:flex}.chat-markdown li{line-height:1.55}.chat-markdown ul li::marker{color:var(--accent)}.chat-markdown ol li::marker{color:var(--accent);font-family:var(--font-mono);font-size:11px}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3{font-family:var(--font-display);color:var(--text);margin:14px 0 6px;font-weight:600;line-height:1.3}.chat-markdown h1{font-size:17px}.chat-markdown h2{font-size:15px}.chat-markdown h3{font-size:13px}.chat-markdown a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.chat-markdown blockquote{border-left:3px solid var(--accent);color:var(--text-2);margin:8px 0;padding-left:12px;font-style:italic}.chat-markdown hr{border:none;border-top:1px solid var(--border);margin:12px 0}.lang-toggle{cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:11px;display:flex}.lang-toggle-opt{color:var(--text-3);border-radius:3px;padding:2px 3px;transition:color .15s}.lang-toggle-opt--active{color:var(--accent);font-weight:600}.lang-toggle-sep{color:var(--border-hover)}.modal-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--border) transparent;width:100%;max-width:600px;max-height:85vh;animation:.2s fadeInUp;position:relative;overflow-y:auto}.modal-panel--wide{max-width:900px}.modal-close{float:right;border:1px solid var(--border);background:var(--surface-2);width:28px;height:28px;color:var(--text-2);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;margin:12px 12px 0 0;font-size:12px;transition:background .15s,color .15s;display:flex;position:sticky;top:12px}.modal-close:hover{background:var(--border);color:var(--text)}.exp-cat-badge--architecture{color:var(--cat-architecture);border-color:color-mix(in srgb, var(--cat-architecture) 26%, transparent);background:color-mix(in srgb, var(--cat-architecture) 7%, transparent)}.exp-cat-badge--ui{color:var(--cat-ui);border-color:color-mix(in srgb, var(--cat-ui) 26%, transparent);background:color-mix(in srgb, var(--cat-ui) 7%, transparent)}.exp-cat-badge--integration{color:var(--cat-integration);border-color:color-mix(in srgb, var(--cat-integration) 26%, transparent);background:color-mix(in srgb, var(--cat-integration) 7%, transparent)}.exp-cat-badge--data{color:var(--cat-data);border-color:color-mix(in srgb, var(--cat-data) 26%, transparent);background:color-mix(in srgb, var(--cat-data) 7%, transparent)}.exp-cat-badge--devops{color:var(--cat-devops);border-color:color-mix(in srgb, var(--cat-devops) 26%, transparent);background:color-mix(in srgb, var(--cat-devops) 7%, transparent)}.exp-bento-dot--architecture{background:var(--cat-architecture)}.exp-bento-dot--ui{background:var(--cat-ui)}.exp-bento-dot--integration{background:var(--cat-integration)}.exp-bento-dot--data{background:var(--cat-data)}.exp-bento-dot--devops{background:var(--cat-devops)}.theme-toggle{cursor:pointer;font-family:var(--font-mono);color:var(--text-2);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:11px;transition:color .15s;display:flex}.theme-toggle:hover{color:var(--accent)}.theme-toggle-icon{font-size:14px;line-height:1}.theme-toggle-label{letter-spacing:.04em}