*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width:280px;--transition:.28s cubic-bezier(.4, 0, .2, 1);--font:"Geist Mono", monospace;--text:#2b2620;--text-muted:#6b6152;--text-faint:#9a9081;--border:#3c301824;--bg:#dbd7d2;--green-bg:transparent;--green-text:#4a6a1e;--arrow-color:#c2570f}@media (prefers-color-scheme:dark){:root:not([data-theme]){--text:#d8d8d4;--text-muted:#777;--text-faint:#444;--border:#ffffff14;--bg:#0d0d0d;--green-bg:transparent;--green-text:#8aad5a;--arrow-color:#8aad5a}}:root[data-theme=dark]{--text:#d8d8d4;--text-muted:#777;--text-faint:#444;--border:#ffffff14;--bg:#0d0d0d;--green-bg:transparent;--green-text:#8aad5a;--arrow-color:#8aad5a}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;transition:background .3s,color .3s;display:flex;overflow-x:hidden}.theme-toggle{z-index:102;font-family:var(--font);color:var(--text-muted);background:var(--bg);border:.5px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;line-height:1;transition:color .15s,border-color .15s;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{color:var(--text);border-color:var(--text-muted)}.sidebar{top:50%;left:calc(-1 * var(--sidebar-width));width:var(--sidebar-width);background:var(--bg);border:.5px solid var(--border);height:82vh;transition:left var(--transition);z-index:100;border-radius:0 10px 10px 0;flex-direction:column;gap:20px;padding:28px 24px 24px;display:flex;position:fixed;overflow-y:auto;transform:translateY(-50%)}.sidebar.open{left:0}.sb-top{flex-direction:column;gap:2px;display:flex}.sb-name{font-size:16px;font-weight:500}.sb-role{color:var(--text-muted);margin-bottom:6px;font-size:14px}.sb-badge{color:var(--green-text);width:fit-content;font-size:13px;display:inline-block}.sb-badge:before{content:"* "}.sb-tabs{border-bottom:.5px solid var(--border);gap:0;display:flex}.sb-tab-btn{font-family:var(--font);color:var(--text-muted);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;border-bottom:1.5px solid #0000;margin-bottom:-.5px;padding:6px 14px;font-size:13px;transition:color .15s,border-color .15s}.sb-tab-btn.active{color:var(--text);border-bottom-color:var(--text)}.sb-panel{display:none}.sb-panel.active{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}#panel-about.active{flex:none;gap:24px;overflow:visible}.sb-panel-text{color:var(--text-muted);font-size:13px;line-height:1.65}.about-section{margin-top:0}.about-section-label{letter-spacing:.08em;color:var(--text-faint);text-transform:lowercase;margin-bottom:10px;font-size:11px}.about-section-label:before{content:"// "}.about-edu-item{border-left:1.5px solid var(--border);margin-bottom:10px;padding-left:12px}.about-edu-item:last-child{margin-bottom:0}.about-edu-title{color:var(--text);margin:0 0 1px;font-size:13px;font-weight:500}.about-edu-detail{color:var(--text-faint);margin:0;font-size:12px}#panel-experience{padding-top:24px}.exp-item{border-left:1.5px solid var(--border);margin-bottom:16px;padding-left:12px}.exp-item:last-child{margin-bottom:0}.exp-title{color:var(--text);margin:0 0 2px;font-size:13px;font-weight:500}.exp-date{color:var(--text-faint);margin:0 0 4px;font-size:12px}.exp-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.55}.sb-project-list{flex-direction:column;flex:1;gap:14px;min-height:0;padding-right:4px;list-style:none;display:flex;overflow-y:auto}.sb-project-list::-webkit-scrollbar{width:2px}.sb-project-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tool-group{margin-bottom:16px}.tool-group:last-child{margin-bottom:0}.tool-group-label{letter-spacing:.08em;color:var(--text-faint);text-transform:lowercase;margin-bottom:8px;font-size:11px}.tool-group-label:before{content:"// "}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font-family:var(--font);color:var(--text-muted);border:.5px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:4px;padding:4px 10px;font-size:12px;transition:color .15s,border-color .15s}.chip:hover{color:var(--text);border-color:var(--text-muted)}.sb-project-item{border-left:1.5px solid var(--border);padding-left:12px}.sb-project-name{color:var(--text);margin:0 0 2px;font-size:14px;font-weight:500}.sb-project-date{color:var(--text-faint);margin:0 0 3px;font-size:13px}.sb-project-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.sb-links{border-top:.5px solid var(--border);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.sb-link{font-family:var(--font);color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:none;transition:color .15s}.sb-link:hover{color:var(--text)}.sb-arrow{color:var(--arrow-color)}.copy-confirm{color:var(--green-text);opacity:0;margin-top:-4px;font-size:13px;transition:opacity .2s}.copy-confirm.show{opacity:1}.sb-footer{color:var(--text-faint);font-size:13px}.sidebar-tab{background:var(--bg);border:1.5px solid var(--arrow-color);cursor:pointer;z-index:101;box-shadow:0 0 8px -1px var(--arrow-color);transition:left var(--transition), box-shadow var(--transition);border-left:none;border-radius:0 6px 6px 0;padding:14px 6px;position:fixed;top:50%;left:0;transform:translateY(-50%)}.sidebar-tab.open{left:var(--sidebar-width)}.sidebar-tab span{writing-mode:vertical-rl;font-family:var(--font);color:var(--text-muted);letter-spacing:.08em;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:13px}.main{width:fit-content;max-width:640px;transition:margin-left var(--transition), padding var(--transition);padding:48px}.main.shifted{margin-left:var(--sidebar-width)}h1{margin-bottom:9px;font-size:42px;font-weight:500}.subtitle{color:var(--text-muted);margin-bottom:36px;font-size:27px}.socials{gap:24px;margin-bottom:44px;display:flex}.socials a{color:var(--text-muted);font-size:17px;text-decoration:none;transition:color .15s}.socials a:hover{color:var(--text)}hr.section-divider{border:none;border-top:.5px solid var(--border);margin:0 0 24px}.section{margin-bottom:44px}.section-label{color:var(--text-faint);letter-spacing:.06em;margin-bottom:16px;font-size:14px;font-weight:400}.section-label:before{content:"// "}.link-list{flex-direction:column;gap:10px;list-style:none;display:flex}.link-list a{color:var(--text-muted);font-size:17px;text-decoration:none;transition:color .15s}.link-list a:before{content:"↗  ";color:var(--arrow-color);font-size:13px}.link-list a:hover{color:var(--text)}