@font-face{font-family:Noto Sans TC Local;src:url(/fonts/NotoSansTC-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--brand-900:#1a2e1a;--brand-700:#2d4a2d;--brand-500:#4a9e6a;--brand-300:#a7c4a0;--brand-100:#e8f5e8;--brand-50:#f0f7f0;--border:#d1e8d1;--text-primary:#1a1a1a;--text-secondary:#4a7c59;--text-muted:#767676;--bg-page:#fff;--bg-subtle:#f5f7f5;--bg-card:#fff;--bg-code:#1e1e2e;--heading-accent:#e8657a;--info-bg:#eef6ff;--info-border:#3b82f6;--info-icon:#3b82f6;--success-bg:#eefbf3;--success-border:#22c55e;--success-icon:#22c55e;--warning-bg:#fffbeb;--warning-border:#f59e0b;--shadow-card-hover:0 2px 12px #00000014;--shadow-floating:0 2px 12px #00000026;--code-dot-red:#ff5f57;--code-dot-yellow:#febc2e;--code-dot-green:#28c840;--cat-tech:#1a1a1a;--cat-ai:#6d28d9;--cat-product:#0369a1;--cat-education:#b45309;--cat-life:#15803d;--cat-marketing:#be185d;--cat-travel:#c2410c;--cat-climbing:#57534e;--cat-surf:#0891b2;--cat-film:#292524;--cat-coffee:#92400e;--cat-investing:#047857;--cat-learning:#0d9488;--cat-design:#a21caf;--cat-policy:#475569;--cat-anime:#e11d48;--cat-career:#0c4a6e}[data-theme=dark]{--brand-900:#e8e8e8;--brand-700:silver;--brand-500:#5cb87a;--brand-300:#2d4a2d;--brand-100:#1c2833;--brand-50:#151d26;--border:#2a3545;--text-primary:#d1d5db;--text-secondary:#5cb87a;--text-muted:#6b7280;--bg-page:#0f1419;--bg-subtle:#151d26;--bg-card:#1a2332;--bg-code:#0d1117;--heading-accent:#f472b6;--info-bg:#151d26;--info-border:#3b82f6;--info-icon:#60a5fa;--success-bg:#151d26;--success-border:#22c55e;--success-icon:#4ade80;--warning-bg:#1a1a0f;--warning-border:#f59e0b;--shadow-card-hover:0 2px 12px #00000040;--shadow-floating:0 2px 12px #0006}.skip-nav{z-index:9999;background:var(--brand-900);color:var(--bg-page);border-radius:4px;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;position:absolute;top:1rem;left:-9999px}.skip-nav:focus{left:1rem}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}*,:before,:after{box-sizing:border-box}html{overflow-x:hidden}body{max-width:800px;color:var(--text-primary);background:var(--bg-page);margin:0 auto;padding:1rem 1.5rem;font-family:Noto Sans TC Local,PingFang TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif;transition:background .2s,color .2s}nav{border-bottom:2px solid var(--border);align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;display:flex;position:relative}.logo{letter-spacing:-.5px;color:var(--brand-900);font-size:1.05rem;font-weight:900;text-decoration:none}.nav-link{color:var(--text-secondary);font-size:.8rem;text-decoration:none}.nav-link:hover{color:var(--brand-900)}.nav-right{align-items:center;gap:.6rem;margin-left:auto;display:flex}.nav-icon-btn{background:var(--bg-subtle);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:flex}.nav-icon-btn:hover{color:var(--brand-500);border-color:var(--brand-500);background:var(--bg-card)}.nav-search-link{background:var(--bg-subtle);border:1px solid var(--border);min-height:36px;color:var(--text-secondary);cursor:pointer;letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:0 .8rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.nav-search-link:hover{color:var(--brand-500);border-color:var(--brand-500);background:var(--bg-card)}.icon-dark,[data-theme=dark] .icon-light{display:none}[data-theme=dark] .icon-dark{display:flex}.lang-badge{letter-spacing:.06em;color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;padding:.12rem .45rem;font-size:.7rem;font-weight:700;text-decoration:none}.lang-badge:hover{border-color:var(--brand-500)}.progress-bar{background:var(--brand-500);z-index:1000;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.scroll-top{background:var(--bg-card);border:1px solid var(--border);width:48px;color:var(--heading-accent);cursor:pointer;opacity:0;pointer-events:none;z-index:100;box-shadow:var(--shadow-floating);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:.5rem .35rem;transition:opacity .2s,transform .2s,color .15s;display:flex;position:fixed;bottom:5.5rem;right:1.5rem;transform:translateY(10px)}.scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{color:var(--brand-500)}.scroll-pct{font-size:.6rem;font-weight:700;line-height:1}footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:3rem;padding-top:1rem;font-size:.82rem;display:flex}.rss-link{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;text-decoration:none;display:flex}.rss-link:hover{color:var(--brand-500)}.cat-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;border-radius:2px;padding:.12rem .45rem;font-size:.62rem;font-weight:700;text-decoration:none}.cat-tech{background:var(--cat-tech)}.cat-ai{background:var(--cat-ai)}.cat-product{background:var(--cat-product)}.cat-education{background:var(--cat-education)}.cat-life{background:var(--cat-life)}.cat-marketing{background:var(--cat-marketing)}.cat-travel{background:var(--cat-travel)}.cat-climbing{background:var(--cat-climbing)}.cat-surf{background:var(--cat-surf)}.cat-film{background:var(--cat-film)}.cat-coffee{background:var(--cat-coffee)}.cat-learning{background:var(--cat-learning)}.cat-design{background:var(--cat-design)}.cat-policy{background:var(--cat-policy)}.cat-investing{background:var(--cat-investing)}.cat-anime{background:var(--cat-anime)}.cat-career{background:var(--cat-career)}.type-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:2px;padding:.1rem .4rem;font-size:.62rem;font-weight:700;text-decoration:none}.type-badge:hover{opacity:.75}.type-debug{color:#d97706}.type-deep-dive{color:#4f46e5}.type-guide{color:#0d9488}.type-project{color:#64748b}.type-filter{flex-wrap:wrap;gap:.35rem;margin-bottom:1.5rem;display:flex}.filter-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;background:0 0;border-radius:3px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;transition:border-color .15s,color .15s,background .15s}.filter-btn:hover{border-color:var(--brand-500);color:var(--brand-500)}.filter-btn.active{background:var(--brand-900);border-color:var(--brand-900);color:var(--bg-page)}.tag-pill{background:var(--brand-100);color:var(--brand-700);border-radius:3px;padding:.08rem .45rem;font-size:.72rem;text-decoration:none}.tag-pill:hover{background:var(--brand-300)}.content{margin-bottom:3rem;line-height:1.8}.content h1{color:var(--brand-900);margin:2.5rem 0 1rem;font-size:1.7rem;font-weight:900}.content h2{color:var(--brand-900);border-bottom:none;justify-content:space-between;align-items:baseline;margin:2.5rem 0 .75rem;padding-bottom:.5rem;font-size:1.3rem;font-weight:800;display:flex;position:relative}.content h2:after{content:"";background:var(--heading-accent);border-radius:2px;width:3rem;height:3px;position:absolute;bottom:0;left:0}.content h3{color:var(--brand-900);margin:1.5rem 0 .5rem;font-size:1.05rem;font-weight:700}.content h4{color:var(--brand-900);margin:1.25rem 0 .4rem;font-size:.95rem;font-weight:700}.content h5,.content h6{color:var(--text-secondary);margin:1rem 0 .35rem;font-size:.9rem;font-weight:600}.content h2 .heading-anchor,.content h3 .heading-anchor{color:var(--text-muted);opacity:0;margin-left:.5rem;font-size:.85em;font-weight:400;text-decoration:none;transition:opacity .15s}.content h2:hover .heading-anchor,.content h3:hover .heading-anchor{opacity:1}.content p{margin-bottom:1rem}.content strong{color:var(--text-primary);font-weight:700}.content em{font-style:italic}.content del{color:var(--text-muted);text-decoration:line-through}.content mark{color:#1a1a1a;background:#fef08a;border-radius:2px;padding:.05em .2em}.content a{color:var(--brand-500);text-decoration:underline;text-decoration-color:var(--brand-300);text-underline-offset:2px}.content a:hover{color:var(--brand-900);text-decoration-color:var(--brand-500)}.content pre{background:var(--bg-code);color:#d4d4d4;border:1px solid var(--border);border-radius:8px;margin-bottom:1.25rem;padding:0;position:relative;overflow:hidden}.content pre:before{content:"";background:#00000026;background-image:radial-gradient(circle at 16px 50%, var(--code-dot-red) 5px, transparent 5px), radial-gradient(circle at 36px 50%, var(--code-dot-yellow) 5px, transparent 5px), radial-gradient(circle at 56px 50%, var(--code-dot-green) 5px, transparent 5px);background-repeat:no-repeat;border-bottom:1px solid #ffffff0d;padding:.6rem 1rem;display:block}.content pre code{counter-reset:line;padding:1rem 1.5rem;font-size:.88rem;line-height:1.6;display:block;overflow-x:auto}.content :not(pre)>code{background:var(--brand-100);color:var(--brand-700);border-radius:3px;padding:.1em .35em;font-size:.9em}.content kbd{background:var(--bg-subtle);border:1px solid var(--border);border-radius:3px;padding:.1em .4em;font-family:monospace;font-size:.85em}.content blockquote{background:var(--info-bg);border-left:4px solid var(--info-border);color:var(--text-primary);border-radius:0 8px 8px 0;margin:1.25rem 0;padding:1rem 1.25rem;font-style:normal}.content blockquote p{margin-bottom:.35rem}.content blockquote p:last-child{margin-bottom:0}.content blockquote.callout-success,.content blockquote:has(>p:first-child>strong:first-child[data-type=success]){background:var(--success-bg);border-left-color:var(--success-border)}.content ul,.content ol{margin-bottom:1rem;padding-left:1.5rem}.content ul{list-style-type:disc}.content ol{list-style-type:decimal}.content li{margin-bottom:.35rem}.content li>ul,.content li>ol{margin-top:.25rem;margin-bottom:.25rem}.content input[type=checkbox]{accent-color:var(--brand-500);margin-right:.4rem}.content hr{border:none;border-top:2px dashed var(--border);margin:2.5rem 0}.content img{border-radius:8px;max-width:100%;height:auto;margin:1rem 0;display:block}.content figure{margin:1.5rem 0}.content figcaption{color:var(--text-muted);text-align:center;margin-top:.4rem;font-size:.8rem}@media (width<=640px){body{padding-left:1rem;padding-right:1rem}nav{flex-wrap:wrap;gap:.75rem 1rem}.nav-link{font-size:.75rem}.nav-right{gap:.5rem}.nav-icon-btn,.nav-search-link{width:32px;height:32px;min-height:32px;padding:0 .6rem}.lang-badge{padding:.1rem .4rem;font-size:.65rem}}@media (width<=400px){body{padding-left:.75rem;padding-right:.75rem}nav{gap:.6rem .75rem}.logo{font-size:.95rem}.nav-link{font-size:.7rem}.nav-icon-btn,.nav-search-link{width:30px;height:30px;min-height:30px;padding:0 .5rem}}.content .table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;overflow-x:auto}.content table{border-collapse:separate;border-spacing:0;border-radius:8px;width:max-content;min-width:100%;font-size:.9rem}.content th{background:var(--bg-subtle);text-align:left;border-bottom:2px solid var(--border);color:var(--text-primary);padding:.7rem 1rem;font-weight:700}.content td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:.65rem 1rem}.content tr:last-child td{border-bottom:none}.content tbody tr:hover{background:var(--bg-subtle)}.content th:not(:last-child),.content td:not(:last-child){border-right:1px solid var(--border)}.about-grid{grid-template-columns:180px 1fr;align-items:start;gap:0;display:grid}.about-sidebar{align-self:start;position:sticky;top:5.5rem}.about-sidebar-inner{border-right:1px solid var(--border);padding-right:2rem}.about-sidebar-name{color:var(--brand-900);letter-spacing:-.01em;margin:0 0 .4rem;font-family:DM Serif Display,Georgia,serif;font-size:2rem;font-style:italic;line-height:1.05}.about-sidebar-title{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin:0 0 1rem;font-size:.68rem;font-weight:700}.about-sidebar-blurb{color:var(--text-secondary);max-width:16rem;margin:0 0 1rem;font-size:.84rem;line-height:1.7}.about-sidebar-rule{background:var(--border);height:1px;margin:.9rem 0}.about-sidebar-nav{flex-direction:column;gap:.4rem;display:flex}.about-sidebar-nav a{color:var(--text-secondary);align-items:center;gap:.42rem;font-size:.78rem;text-decoration:none;transition:color .12s;display:inline-flex}.about-sidebar-nav a svg{fill:currentColor;flex:none;width:.9rem;height:.9rem}.about-sidebar-nav a:hover{color:var(--brand-500);text-decoration:none}.about-body{max-width:40rem;padding-bottom:3rem;padding-left:2.5rem;padding-right:1rem;line-height:1.85}.about-body p{color:var(--text-primary);margin-bottom:1.4rem;line-height:1.85}.about-prose{width:100%}.content .about-h1{letter-spacing:-.02em;color:var(--brand-900);margin:0 0 1.4rem;font-family:DM Serif Display,Georgia,serif;font-size:2.4rem;font-weight:400;line-height:1.1}.about-section-h2{color:var(--brand-900)!important;border-bottom:1px solid var(--border)!important;justify-content:unset!important;margin:2.5rem 0 1rem!important;padding-bottom:.35rem!important;font-family:DM Serif Display,Georgia,serif!important;font-size:1.4rem!important;font-weight:400!important;line-height:1.2!important;display:block!important}.about-section-h2:after{display:none!important}.about-intro-lede{color:var(--text-primary);border-left:3px solid var(--brand-500);margin-bottom:1.2rem;padding-left:1.1rem;font-size:1.02rem;line-height:1.85}.about-notes{flex-direction:column;gap:1rem;margin:1.1rem 0 1.2rem;display:flex}.about-principles{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.7rem;padding:1rem 1.05rem;display:flex}.about-principles p{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.7}.about-principles strong{color:var(--brand-500);font-weight:800}.about-principles em{color:var(--brand-500);font-style:italic}.about-offwork{flex-direction:column;gap:.75rem;display:flex}.about-offwork-tags{flex-wrap:wrap;gap:.45rem;display:flex}.about-offwork-tag{background:var(--bg-subtle);border:1px solid var(--border);letter-spacing:.03em;min-height:1.9rem;color:var(--text-secondary);border-radius:999px;align-items:center;padding:.22rem .62rem;font-size:.74rem;font-weight:700;display:inline-flex}.about-offwork p{color:var(--text-primary);margin:0;font-size:.92rem;line-height:1.8}.about-timeline{flex-direction:column;gap:1.05rem;margin:1.35rem 0 1.5rem;display:flex;position:relative}.about-timeline:before{content:"";background:linear-gradient(180deg, var(--brand-300) 0%, var(--border) 100%);width:1px;position:absolute;top:.35rem;bottom:.35rem;left:4.75rem}.about-timeline-item{grid-template-columns:4.2rem 1fr;align-items:start;gap:.9rem;display:grid;position:relative}.about-timeline-item:not(:last-child){margin-bottom:.35rem}.about-timeline-item:before{content:"";background:var(--brand-500);border:3px solid var(--bg-card);width:.7rem;height:.7rem;box-shadow:0 0 0 1px var(--brand-300);border-radius:999px;position:absolute;top:.75rem;left:4.35rem}.about-timeline-year{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-left:.1rem;padding-top:.45rem;font-size:.68rem;font-weight:800}.about-timeline-content{background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;margin-left:.5rem;padding:.85rem 1rem .9rem}.about-timeline-content h3{color:var(--brand-900);margin:0 0 .3rem;font-size:.98rem;font-weight:800;line-height:1.35}.about-timeline-content p{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.75}.about-now-label{align-items:center;gap:.55rem;display:inline-flex}.about-now-list{flex-direction:column;gap:.4rem;display:flex;margin:0 0 1.4rem!important;padding:0!important;list-style:none!important}.about-now-list li{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;align-items:baseline;gap:.65rem;padding:.55rem .85rem;font-size:.9rem;line-height:1.6;transition:border-color .15s;display:flex;margin-bottom:0!important}.about-now-list li:before{content:"→";color:var(--brand-500);flex-shrink:0;font-weight:700}.about-now-list li:hover{border-color:var(--brand-500)}.about-projects{flex-direction:column;gap:.75rem;margin-bottom:.5rem;display:flex}.about-page .project-card{background:var(--bg-subtle);border:1px solid var(--border);border-left:3px solid var(--brand-500);border-radius:0 8px 8px 0;padding:1rem 1.15rem;transition:border-left-color .15s,box-shadow .15s,transform .15s}.about-page .project-card:hover{border-left-color:var(--heading-accent);box-shadow:var(--shadow-card-hover);transform:translate(3px)}.about-page .project-header{align-items:baseline;gap:.55rem;margin-bottom:.35rem;display:flex}.about-page .project-name{color:var(--brand-900);font-size:.96rem;font-weight:800}.about-page .project-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--border);border-radius:2px;padding:.1rem .35rem;font-size:.59rem;font-weight:700}.about-page .project-desc{color:var(--text-secondary);margin:0 0 .55rem;font-size:.85rem;line-height:1.65}.about-page .project-tags{flex-wrap:wrap;gap:.28rem;margin-bottom:.55rem;display:flex}.about-page .project-links{gap:.85rem;display:flex}.about-page .project-link{color:var(--brand-500);font-size:.77rem;font-weight:600;text-decoration:none}.about-page .project-link:hover{color:var(--brand-900);text-decoration:none}.about-page .ptag{background:var(--brand-100);color:var(--brand-700);border-radius:3px;padding:.1rem .42rem;font-size:.62rem;font-weight:600}.about-skills{flex-direction:column;gap:.65rem;margin-bottom:.5rem;display:flex}.about-page .skill-row{align-items:flex-start;gap:1rem;display:flex}.about-page .skill-cat{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);flex-shrink:0;min-width:88px;padding-top:.18rem;font-size:.65rem;font-weight:700}.about-page .skill-tags{flex-wrap:wrap;gap:.3rem;display:flex}.about-links{flex-wrap:wrap;gap:.55rem;display:flex}.about-page .link-chip{color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-subtle);border-radius:6px;align-items:center;gap:.4rem;padding:.36rem .82rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.about-page .link-chip:hover{color:var(--brand-500);border-color:var(--brand-500);text-decoration:none}@media (width<=680px){.about-page{margin-top:.4rem;padding-left:.75rem;padding-right:.75rem}.about-grid{grid-template-columns:1fr;gap:.9rem}.about-sidebar{position:static}.about-page .about-sidebar-inner{border-right:none;border-bottom:1px solid var(--border);background:var(--brand-50);border:1px solid var(--border);border-radius:14px;width:100%;margin-bottom:0;padding:1.1rem 1.25rem 1rem;display:block!important}.about-page .about-sidebar-name{margin-bottom:.15rem;font-size:1.4rem!important}.about-page .about-sidebar-title{margin-bottom:.7rem;font-size:.62rem}.about-page .about-sidebar-blurb{max-width:18rem;margin:0 0 .75rem;font-size:.86rem;line-height:1.65;display:block}.about-page .about-sidebar-rule{display:none}.about-page .about-sidebar-nav{flex-flow:wrap;gap:.45rem;width:100%;margin-top:0;display:flex!important}.about-page .about-sidebar-nav a{border:1px solid var(--border);background:var(--bg-card);border-radius:999px;align-items:center;min-height:2rem;padding:.24rem .58rem;font-size:.72rem;line-height:1;display:inline-flex}.about-body{--about-mobile-inset-left:1.05rem;--about-mobile-inset-right:.45rem;background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-subtle) 100%);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem 1.7rem}.content .about-h1{padding-left:var(--about-mobile-inset-left);padding-right:var(--about-mobile-inset-right);margin-bottom:1.15rem;font-size:2.05rem}.about-prose{max-width:30rem;padding-left:var(--about-mobile-inset-left);padding-right:var(--about-mobile-inset-right);margin-left:auto;margin-right:auto}.about-body p{text-wrap:pretty;margin-top:.25rem;margin-bottom:1.15rem;font-size:1rem;line-height:2}.about-timeline{gap:1.1rem;margin-top:1.2rem}.about-timeline:before{top:.25rem;bottom:.25rem;left:.6rem}.about-timeline-item{grid-template-columns:1fr;gap:.4rem;padding-left:2.45rem}.about-timeline-item:not(:last-child){margin-bottom:.9rem}.about-timeline-item:before{width:.65rem;height:.65rem;top:.2rem;left:.18rem}.about-timeline-year{letter-spacing:.09em;margin-left:.45rem;padding-top:.02rem;font-size:.7rem}.about-timeline-content{border-radius:14px;margin-left:.8rem;padding:.85rem .95rem .9rem}.about-timeline-content h3{margin-bottom:.35rem;font-size:.95rem}.about-timeline-content p{font-size:.9rem;line-height:1.72}.about-intro-lede{margin-bottom:1.35rem;padding-left:.95rem;font-size:1rem!important}.about-notes{gap:.9rem;margin:1.05rem 0 1.2rem}.about-principles{border-radius:12px;gap:.65rem;padding:.9rem .95rem}.about-principles p{font-size:.88rem;line-height:1.68}.about-offwork{gap:.65rem}.about-offwork-tag{min-height:1.8rem;font-size:.72rem}.about-offwork p{font-size:.94rem;line-height:1.82}.about-section-h2{padding-bottom:.45rem!important;padding-left:var(--about-mobile-inset-left)!important;padding-right:var(--about-mobile-inset-right)!important;margin-top:2.2rem!important;margin-bottom:.9rem!important}.about-skills{padding-left:var(--about-mobile-inset-left);padding-right:var(--about-mobile-inset-right);gap:.9rem}.about-now-list{gap:.55rem;padding-left:var(--about-mobile-inset-left)!important;padding-right:var(--about-mobile-inset-right)!important;padding-right:calc(var(--about-mobile-inset-right) + .55rem)!important}.about-now-list li{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-subtle) 100%);border-radius:10px;grid-template-columns:1.1rem 1fr;align-items:start;column-gap:.8rem;margin-left:.55rem;padding:.9rem 1rem;font-size:.92rem;line-height:1.7;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c}.about-now-text{word-break:normal;overflow-wrap:anywhere;min-width:0;display:block}.about-page .skill-row{flex-direction:column;gap:.3rem}.about-page .skill-cat{min-width:unset;letter-spacing:.09em;font-size:.68rem}.about-page .skill-tags{gap:.38rem}.about-page .tag-pill,.about-page .ptag{border-radius:999px;padding-left:.55rem;padding-right:.55rem}.about-projects{padding-left:var(--about-mobile-inset-left);padding-right:var(--about-mobile-inset-right);gap:.8rem}.about-page .project-card{background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-subtle) 100%);border-left-width:2px;border-radius:12px;padding:1.1rem 1.1rem 1.05rem;position:relative;overflow:hidden;box-shadow:0 10px 24px #1a2e1a0d}.about-page .project-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#4a9e6a24 0%,#4a9e6a00 72%);width:4.75rem;height:4.75rem;position:absolute;top:0;right:0}.about-page .project-header{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.5rem}.about-page .project-name{font-size:1.02rem;line-height:1.35}.about-page .project-badge{background:var(--bg-card);border-radius:999px;padding:.2rem .45rem}.about-page .project-desc{margin-bottom:.75rem;font-size:.9rem;line-height:1.75}.about-page .project-tags,.about-page .skill-tags,.about-links{gap:.4rem}.about-links{padding-left:var(--about-mobile-inset-left);padding-right:var(--about-mobile-inset-right)}.about-page .project-links{border-top:1px solid #4a9e6a1f;flex-wrap:wrap;gap:.55rem .8rem;padding-top:.15rem}.about-page .tag-pill,.about-page .link-chip{padding-top:.42rem;padding-bottom:.42rem}.about-page .project-link{align-items:center;min-height:2rem;font-size:.79rem;display:inline-flex}.about-page .link-chip{border-radius:999px;min-height:2.25rem;padding-left:.78rem;padding-right:.78rem}}@media (width<=400px){.about-page{padding-left:.6rem;padding-right:.6rem}.about-body{--about-mobile-inset-left:1.1rem;--about-mobile-inset-right:.35rem;border-radius:14px;padding:1.05rem 1.3rem 1.45rem}.about-sidebar-blurb{margin-bottom:.8rem;font-size:.83rem}.content .about-h1{font-size:1.85rem}.about-body p,.about-intro-lede{font-size:.97rem!important;line-height:1.92!important}.about-prose{max-width:28rem;padding-left:var(--about-mobile-inset-left);padding-right:var(--about-mobile-inset-right);margin-left:auto;margin-right:auto}.about-now-list{padding-right:calc(var(--about-mobile-inset-right) + .4rem)!important}.about-now-list li{grid-template-columns:1rem 1fr;column-gap:.7rem;margin-left:.45rem;padding:.85rem .9rem}.about-timeline-item{padding-left:2.2rem}.about-timeline-item:not(:last-child){margin-bottom:.95rem}.about-timeline-content{margin-left:.7rem;padding:.8rem .9rem .85rem}.about-timeline-year{margin-left:.35rem}}