@font-face{font-family:Isa Hand;src:url(/handwriting_isa.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Isa Hand", "Comic Sans MS", "Trebuchet MS", cursive;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--color-bg: #fff8ed;--color-bg-soft: #f6e7d0;--color-surface: #ffffff;--color-surface-raised: #fffdf8;--color-text: #2b1a12;--color-muted: #6f5c4d;--color-subtle: #967d68;--color-border: rgba(43, 26, 18, .14);--color-border-strong: rgba(43, 26, 18, .3);--color-primary: #4b2f20;--color-primary-strong: #2b1a12;--color-primary-soft: #ead3ae;--color-accent: #d6a85a;--color-accent-soft: #f7dfaf;--color-green: #3c8a69;--color-success: #3c8a69;--color-warning: #d6a85a;--color-code-bg: #2b1a12;--color-code-bar: #3b261b;--color-code-text: #fff8ed;--color-code-border: rgba(75, 47, 32, .26);--color-overlay: rgba(43, 26, 18, .1);--paper-grain: rgba(75, 47, 32, .055);--shadow-sm: 0 10px 0 rgba(75, 47, 32, .06), 0 16px 36px rgba(75, 47, 32, .08);--shadow-md: 0 14px 0 rgba(75, 47, 32, .08), 0 28px 70px rgba(75, 47, 32, .14);--shadow-soft: 0 20px 70px rgba(75, 47, 32, .12);--shadow-glow: 0 0 46px rgba(214, 168, 90, .24);--syntax-keyword: #f0c56d;--syntax-string: #9ed6ad;--syntax-title: #f7dfaf;--syntax-number: #f0a76b;--syntax-comment: #bfae98;--syntax-meta: #d6a85a;--radius-card: 24px;--radius-note: 18px 26px 20px 28px;--radius-control: 999px;--header-height: 74px;--container: 1120px;--transition-fast: .16s ease;--transition-med: .28s ease}:root[data-theme=dark]{color-scheme:dark;--color-bg: #1f140f;--color-bg-soft: #2b1a12;--color-surface: #2a1b14;--color-surface-raised: #332117;--color-text: #fff8ed;--color-muted: #cbb8a3;--color-subtle: #a99178;--color-border: rgba(255, 248, 237, .13);--color-border-strong: rgba(255, 248, 237, .28);--color-primary: #d6a85a;--color-primary-strong: #f7dfaf;--color-primary-soft: rgba(214, 168, 90, .16);--color-accent: #3c8a69;--color-accent-soft: rgba(60, 138, 105, .18);--color-green: #72b794;--color-code-bg: #140d0a;--color-code-bar: #251711;--color-code-text: #fff8ed;--color-code-border: rgba(255, 248, 237, .13);--color-overlay: rgba(255, 248, 237, .08);--paper-grain: rgba(255, 248, 237, .045);--shadow-sm: 0 10px 0 rgba(0, 0, 0, .12), 0 18px 42px rgba(0, 0, 0, .24);--shadow-md: 0 14px 0 rgba(0, 0, 0, .16), 0 30px 78px rgba(0, 0, 0, .34);--shadow-soft: 0 22px 76px rgba(0, 0, 0, .34);--shadow-glow: 0 0 52px rgba(214, 168, 90, .2);--syntax-keyword: #f4c86a;--syntax-string: #8fd49d;--syntax-title: #ffe0a0;--syntax-number: #f1a16e;--syntax-comment: #9e8f7d;--syntax-meta: #d6a85a}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-bg)}body{min-width:320px;margin:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 22px,var(--paper-grain) 23px,transparent 24px),repeating-linear-gradient(90deg,transparent 0,transparent 24px,var(--paper-grain) 25px,transparent 26px),linear-gradient(180deg,color-mix(in srgb,var(--color-bg-soft) 40%,transparent),transparent 460px),var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;transition:background-color var(--transition-med),color var(--transition-med)}body,button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:color-mix(in srgb,var(--color-primary) 34%,transparent);color:var(--color-text)}#app{min-height:100vh}.app-shell{min-height:70vh;padding-top:16px}.page-enter-active,.page-leave-active{transform-origin:50% 16px;transition:opacity var(--transition-med),transform var(--transition-med),filter var(--transition-med)}.page-enter-from,.page-leave-to{opacity:0;filter:blur(2px);transform:perspective(1200px) rotateX(3deg) translateY(12px)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.handwritten-label{margin:0;color:var(--color-primary-strong);font-family:var(--font-display);font-size:1.32rem;line-height:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.reveal{opacity:1;transform:none}}.site-header{position:sticky;top:12px;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:min(100% - 32px,var(--container));min-height:var(--header-height);margin:0 auto;padding:10px 12px;border:2px solid var(--color-border);border-radius:26px 22px 28px 24px;background:color-mix(in srgb,var(--color-surface) 86%,transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header:before{position:absolute;inset:-7px -7px auto;z-index:-1;height:calc(100% + 14px);border-radius:30px 26px 32px 28px;background:color-mix(in srgb,var(--color-bg) 74%,transparent);content:"";pointer-events:none}.brand-link{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:72px;height:42px;object-fit:contain}.brand-copy{display:grid;gap:1px;min-width:0}.brand-copy strong{color:var(--color-text);font-family:var(--font-display);font-size:1.35rem;font-weight:400;line-height:1}.brand-copy span{overflow:hidden;color:var(--color-muted);font-size:.78rem;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.site-nav{display:flex;align-items:center;gap:8px;min-width:0}.site-nav--desktop{justify-content:center}.site-nav--mobile{display:none}.site-nav a{padding:9px 15px;border:1px solid transparent;border-radius:var(--radius-control);color:var(--color-muted);font-size:.92rem;font-weight:850;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.site-nav a:hover,.site-nav a.router-link-active{border-color:var(--color-border);background:var(--color-primary-soft);color:var(--color-primary-strong);transform:translateY(-1px)}.site-header__actions{display:inline-flex;align-items:center;gap:8px}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border:2px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 4px color-mix(in srgb,var(--color-primary) 14%,transparent);transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.icon-button:hover{border-color:var(--color-primary);color:var(--color-primary-strong);transform:translateY(-2px) scale(1.03);box-shadow:0 7px color-mix(in srgb,var(--color-primary) 18%,transparent)}.theme-toggle__icon{width:24px;height:24px;object-fit:contain}.menu-toggle{display:none}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:2px solid var(--color-border-strong);border-radius:var(--radius-control);font-weight:900;line-height:1;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.button:hover{transform:translateY(-2px) scale(1.02)}.button:active{transform:translateY(1px) scale(.99);box-shadow:0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.button svg{transition:transform var(--transition-fast)}.button:hover svg{transform:translate(3px)}.button--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-bg);box-shadow:0 8px color-mix(in srgb,var(--color-primary) 24%,transparent),var(--shadow-glow)}.button--primary:hover{background:var(--color-primary-strong)}.button--secondary,.button--ghost{background:var(--color-surface);color:var(--color-text);box-shadow:0 7px color-mix(in srgb,var(--color-primary) 12%,transparent)}.button--secondary:hover,.button--ghost:hover{border-color:var(--color-primary);color:var(--color-primary-strong)}.hero-section,.section-shell,.page-hero,.article-browser,.article-detail,.not-found{width:min(100% - 32px,var(--container));margin-inline:auto}.hero-section{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:clamp(34px,5vw,72px);align-items:center;padding:82px 0 64px}.hero-section__content{position:relative;z-index:1}.section-eyebrow{display:inline-flex;width:fit-content;align-items:center;padding:7px 12px;border:2px solid var(--color-border);border-radius:14px 18px 13px 20px;background:var(--color-accent-soft);box-shadow:0 5px color-mix(in srgb,var(--color-primary) 10%,transparent);margin:0 0 10px;color:var(--color-primary-strong);font-size:.78rem;font-weight:950;text-transform:uppercase;transform:rotate(-1deg)}.hero-section h1,.page-hero h1,.article-detail__header h1,.not-found h1{max-width:880px;margin:0;color:var(--color-text);font-size:4.1rem;line-height:1.04}.hero-role{width:fit-content;margin:18px 0 0;padding:8px 13px;border:2px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-accent-soft);color:var(--color-primary-strong);font-family:var(--font-display);font-size:1.32rem;line-height:1}.page-hero p,.article-detail__header p,.not-found p{max-width:690px;margin:20px 0 0;color:var(--color-muted);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-focus{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-focus span,.status-pill,.keyword-badge,.tag,.tag-filter__button{display:inline-flex;align-items:center;width:fit-content;border:2px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-muted);font-size:.83rem;font-weight:850;line-height:1}.hero-focus span{padding:9px 12px;transform:rotate(var(--tag-tilt, -1deg))}.hero-focus span:nth-child(2n){--tag-tilt: 1deg}.hero-gallery{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(142px,.42fr);grid-template-rows:auto auto;gap:16px;align-items:stretch}.hero-gallery:before{position:absolute;top:36px;right:-10px;width:124px;height:124px;border:18px solid color-mix(in srgb,var(--color-primary) 8%,transparent);border-radius:50%;content:"";pointer-events:none}.hero-gallery:after{position:absolute;left:-18px;bottom:142px;width:80px;height:24px;border-bottom:5px solid var(--color-accent);border-radius:50%;content:"";opacity:.65;pointer-events:none;transform:rotate(-10deg)}.profile-card{position:relative;grid-column:1 / 3;min-height:500px;overflow:hidden;border:2px solid var(--color-border-strong);border-radius:36px 28px 34px 24px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-bg-soft) 64%,transparent),transparent 62%),var(--color-surface);box-shadow:var(--shadow-md);transition:transform var(--transition-med),box-shadow var(--transition-med)}.profile-card:hover{box-shadow:var(--shadow-md);transform:rotate(-1deg) translateY(-4px)}.profile-card__blob{position:absolute;inset:64px 42px auto auto;width:76%;aspect-ratio:1 / .86;border:2px solid color-mix(in srgb,var(--color-accent) 32%,transparent);border-radius:54% 46% 52% 48%/48% 56% 44% 52%;background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--color-accent) 26%,transparent),transparent 46%),color-mix(in srgb,var(--color-bg-soft) 74%,transparent);transform:rotate(-6deg)}.profile-card__sticker{position:absolute;top:22px;left:22px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:2px solid var(--color-border-strong);border-radius:18px 22px 16px 24px;background:var(--color-surface);color:var(--color-primary-strong);font-family:var(--font-display);font-size:1.18rem;line-height:1;transform:rotate(-3deg)}.profile-card__avatar-wrap{position:relative;z-index:1;display:grid;min-height:354px;place-items:end center;padding:76px 20px 0}.profile-card__avatar{width:min(92%,390px);height:auto;filter:drop-shadow(0 26px 34px rgba(43,26,18,.22));animation:avatarFloat 7s ease-in-out infinite}.profile-card__body{position:relative;z-index:2;grid-column:1 / 3;display:grid;gap:12px;margin:0;padding:18px;border:2px solid var(--color-border);border-radius:22px 18px 24px 20px;background:color-mix(in srgb,var(--color-surface) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.profile-card__body h2{margin:0;font-size:1.26rem;line-height:1.25}.profile-card__body p{margin:0;color:var(--color-muted)}.status-pill{padding:8px 10px;background:var(--color-accent-soft);color:var(--color-primary-strong)}.hero-gallery__note{position:relative;display:flex;gap:12px;align-items:center;min-height:116px;padding:15px;border:2px solid var(--color-border);border-radius:22px 18px 24px 20px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.hero-gallery__note svg{flex:0 0 auto;color:var(--color-primary-strong)}.hero-gallery__note strong{display:block;color:var(--color-text);line-height:1.2}.hero-gallery__note p,.hero-gallery__note span{margin:3px 0 0;color:var(--color-muted);font-size:.9rem;line-height:1.4}.hero-gallery__note--wide{grid-column:1 / 2;transform:rotate(-.8deg)}.hero-gallery__note--small{grid-column:2 / 3;display:flex;align-content:center;align-items:center;transform:rotate(1deg)}.paper-tape{position:absolute;z-index:4;width:88px;height:26px;border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-radius:6px;background:color-mix(in srgb,var(--color-accent-soft) 74%,transparent);box-shadow:0 6px 18px #2b1a121a;opacity:.88;pointer-events:none}.paper-tape--left{top:18px;left:50%;transform:translate(-50%) rotate(-2deg)}.paper-tape--right{top:-12px;right:28px;transform:rotate(3deg)}.bookmark-ribbon{position:absolute;top:-2px;right:20px;width:24px;height:44px;background:var(--color-accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);box-shadow:0 4px #2b1a121f}.paperclip{position:absolute;top:-16px;right:28px;width:26px;height:52px;border:4px solid var(--color-primary);border-left-width:3px;border-radius:18px;opacity:.75;transform:rotate(11deg)}.paperclip:after{position:absolute;top:8px;right:5px;bottom:8px;left:5px;border:3px solid var(--color-primary);border-left-width:2px;border-radius:12px;content:""}.coffee-stain{position:absolute;right:18px;bottom:16px;width:86px;height:86px;border:10px solid color-mix(in srgb,var(--color-primary) 14%,transparent);border-radius:50%;opacity:.55;pointer-events:none}.doodle{position:absolute;pointer-events:none}.doodle--sparkle,.doodle--star{width:36px;height:36px}.doodle--sparkle:before,.doodle--sparkle:after,.doodle--star:before,.doodle--star:after{position:absolute;inset:15px 2px auto;height:6px;border-radius:var(--radius-control);background:var(--color-accent);content:""}.doodle--sparkle:after,.doodle--star:after{transform:rotate(90deg)}.doodle--star{transform:rotate(28deg)}.doodle--star:before{transform:rotate(45deg)}.doodle--star:after{transform:rotate(-45deg)}.doodle--arrow{width:96px;height:46px;border-bottom:5px solid var(--color-primary);border-left:5px solid var(--color-primary);border-radius:0 0 0 48px;transform:rotate(-10deg);z-index:2}.doodle--arrow:after{position:absolute;right:-4px;bottom:-9px;width:18px;height:18px;border-top:5px solid var(--color-primary);border-right:5px solid var(--color-primary);border-radius:3px;content:"";transform:rotate(45deg)}.hero-section__sparkle{top:58px;right:45%;opacity:.8}.hero-section__arrow{right:32%;bottom:78px;opacity:.38}.section-shell{padding:78px 0}.section-shell--compact{padding:46px 0}.section-shell__header{max-width:760px;margin-bottom:30px}.section-shell__header h2{position:relative;margin:0;color:var(--color-text);font-size:2.58rem;line-height:1.12}.section-shell__header h2:after{display:block;width:min(220px,42%);height:9px;margin-top:10px;border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-accent) 58%,transparent);content:"";transform-origin:left center;animation:underlineDraw .9s ease both}.section-shell__description{margin:14px 0 0;color:var(--color-muted)}.about-card{position:relative;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1fr);gap:clamp(22px,4vw,46px);align-items:start;padding:28px;border:2px solid var(--color-border-strong);border-radius:28px 22px 30px 24px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 56%),var(--color-surface);box-shadow:var(--shadow-md)}.about-card__star{top:-18px;right:64px}.about-profile-card{position:relative;display:grid;gap:16px;padding:18px;border:2px solid var(--color-border);border-radius:24px 18px 28px 20px;background:color-mix(in srgb,var(--color-bg-soft) 76%,var(--color-surface));box-shadow:var(--shadow-sm);transform:rotate(-1deg)}.about-profile-card__image{display:grid;aspect-ratio:4 / 5;place-items:end center;overflow:hidden;border:2px solid var(--color-border);border-radius:22px 17px 24px 19px;background:radial-gradient(circle at 42% 42%,color-mix(in srgb,var(--color-accent) 22%,transparent),transparent 46%),var(--color-surface)}.about-profile-card__image img{width:min(100%,390px);height:100%;object-fit:contain;object-position:center bottom;transition:transform var(--transition-med)}.about-profile-card:hover img{transform:scale(1.035)}.about-profile-card p:not(.handwritten-label){margin:0;color:var(--color-muted)}.about-content{display:grid;gap:20px}.about-copy{display:grid;gap:16px;max-width:760px}.about-copy p{margin:0;color:var(--color-muted);font-size:1.03rem}.about-note{display:grid;gap:16px;padding:20px;border:2px dashed var(--color-border-strong);border-radius:var(--radius-note);background:color-mix(in srgb,var(--color-bg-soft) 72%,transparent);transform:rotate(1deg)}.about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.about-stat{min-height:108px;padding:16px;border:2px solid var(--color-border);border-radius:18px 24px 20px 16px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.about-stat strong{display:block;color:var(--color-primary-strong);font-family:var(--font-display);font-size:2rem;line-height:1}.about-stat span{display:block;margin-top:10px;color:var(--color-muted);font-size:.9rem;line-height:1.35}.keyword-panel{display:flex;flex-wrap:wrap;gap:10px}.keyword-badge,.tag,.tag-filter__button{padding:8px 10px}.keyword-badge{background:var(--color-primary-soft);color:var(--color-primary-strong)}.skills-bento{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);grid-auto-flow:dense;gap:16px}.skill-category{position:relative;display:grid;gap:18px;min-height:230px;padding:22px;border:2px solid var(--color-border);border-radius:24px 18px 28px 20px;background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.skill-category:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px) rotate(-.35deg)}.skill-category--main{grid-row:span 2;min-height:500px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 62%),var(--color-surface)}.skill-category--support-2{min-height:270px}.skill-category--support-3{grid-column:1 / 2;min-height:210px}.skill-category--support-4{min-height:210px}.skill-category--support-5{min-height:190px}.skill-category--support-6{min-height:190px;transform:rotate(.35deg)}.skill-category__header h3{margin:0;color:var(--color-text);font-family:var(--font-display);font-size:1.8rem;line-height:1}.skill-category__header p{margin:10px 0 0;color:var(--color-muted);font-size:.96rem}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skill-grid--main{margin-top:auto}.skill-card,.article-card,.contact-card,.pagination-card,.toc,.article-toolbar,.toast{border:2px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.skill-card{display:flex;gap:14px;min-height:124px;padding:18px;border-radius:22px 18px 24px 20px;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.skill-pill-list{display:flex;flex-wrap:wrap;gap:9px;align-content:end}.skill-pill-list--dense{gap:8px;align-content:start}.skill-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:2px solid var(--color-border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-bg-soft) 78%,transparent);color:var(--color-muted);font-size:.86rem;font-weight:800}.skill-pill-list--dense .skill-pill{padding:7px 9px;font-size:.82rem}.skill-pill strong{color:var(--color-primary-strong);font-family:var(--font-display);font-size:1rem;font-weight:400;line-height:1}.skill-card:hover,.article-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.skill-card__badge{display:grid;width:46px;height:46px;place-items:center;flex:0 0 auto;border:2px solid var(--color-border);border-radius:15px 18px 14px 20px;background:var(--color-primary-soft);color:var(--color-primary-strong);font-family:var(--font-display);font-size:1.02rem;line-height:1}.skill-card h4{margin:0;font-size:1.02rem}.skill-card p{margin:6px 0 0;color:var(--color-muted);font-size:.92rem;line-height:1.55}.article-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-magazine{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:16px;align-items:stretch}.article-feature{position:relative;display:grid;min-height:460px;align-content:end;padding:clamp(24px,4vw,38px);border:2px solid var(--color-border-strong);border-radius:28px 20px 32px 22px;background:linear-gradient(180deg,transparent 0 44%,color-mix(in srgb,var(--color-bg) 52%,transparent)),radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--color-accent) 24%,transparent),transparent 34%),var(--color-surface);box-shadow:var(--shadow-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.article-feature:before{position:absolute;top:34px;right:34px;width:120px;height:120px;border:18px solid color-mix(in srgb,var(--color-primary) 8%,transparent);border-radius:50%;content:""}.article-feature:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-5px) rotate(-.45deg)}.article-feature h3{max-width:620px;margin:14px 0 0;color:var(--color-text);font-size:clamp(2rem,4vw,3.1rem);line-height:1.05}.article-feature p:not(.handwritten-label){max-width:620px;margin:14px 0 20px;color:var(--color-muted);font-size:1.05rem}.article-feature .article-card__meta{margin-bottom:14px}.article-preview-list{display:grid;gap:14px}.article-card h3,.contact-card h3{margin:14px 0 0;color:var(--color-text);font-size:1.25rem;line-height:1.25}.article-card p,.contact-card p{margin:12px 0 18px;color:var(--color-muted)}.article-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.article-card{display:grid;min-height:286px;padding:22px;border-radius:24px 18px 26px 20px;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.article-preview-list .article-card{min-height:0;padding:18px;border-radius:20px 26px 18px 24px}.article-preview-list .article-card h3{margin-top:12px;font-size:1.08rem}.article-preview-list .article-card p{margin-bottom:14px;font-size:.92rem}.article-card--featured{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-soft) 56%,transparent),transparent 62%),var(--color-surface)}.article-card__meta,.article-detail__meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--color-subtle);font-size:.84rem;font-weight:800}.article-card__meta span,.article-detail__meta span{display:inline-flex;align-items:center;gap:6px}.article-card__footer{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:auto}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{background:color-mix(in srgb,var(--color-bg-soft) 82%,transparent);box-shadow:0 3px color-mix(in srgb,var(--color-primary) 9%,transparent);transform:rotate(-.7deg)}.tag:nth-child(2n){transform:rotate(.7deg)}.tag--link:hover{border-color:var(--color-primary);color:var(--color-primary-strong)}.section-action{display:flex;justify-content:center;margin-top:30px}.contact-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(18px,4vw,42px);align-items:start}.contact-intro{position:sticky;top:120px;overflow:hidden;min-height:360px;padding:20px 22px;border:2px solid var(--color-border-strong);border-radius:var(--radius-note);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 15%,transparent),transparent 62%),color-mix(in srgb,var(--color-bg-soft) 60%,transparent);box-shadow:var(--shadow-md)}.contact-intro h3{margin:18px 0 0;color:var(--color-text);font-size:1.72rem;line-height:1.15}.contact-intro>p:not(.handwritten-label){margin:10px 0 0;color:var(--color-muted)}.contact-intro .button{margin-top:24px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-height:116px;padding:18px;border-radius:22px 18px 24px 20px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.contact-card:nth-child(1){grid-column:1 / -1}.contact-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px) rotate(.35deg)}.contact-card__icon{display:grid;width:46px;height:46px;place-items:center;border:2px solid var(--color-border);border-radius:16px 19px 14px 20px;background:var(--color-primary-soft);color:var(--color-primary-strong)}.contact-card__icon img{width:34px;height:34px;object-fit:contain}.contact-card h3{margin:0}.contact-card p{overflow-wrap:anywhere;margin:4px 0 0}.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;width:min(100% - 32px,var(--container));margin:52px auto 20px;padding:22px 0 4px;border-top:2px dashed var(--color-border);color:var(--color-muted)}.site-footer__logo{width:74px;height:42px;object-fit:contain}.site-footer p{margin:4px 0 0}.site-footer__links{display:flex;gap:10px}.site-footer__links a{display:grid;width:40px;height:40px;place-items:center;border:2px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-muted);transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.site-footer__links a:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-strong);transform:translateY(-2px)}.site-footer__links img{width:28px;height:28px;object-fit:contain}.page-hero{padding:74px 0 30px}.page-hero--compact h1{max-width:800px;font-size:3.35rem}.article-browser{padding:20px 0 70px}.article-toolbar{display:grid;grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:14px;align-items:start;padding:16px;border-radius:22px 18px 24px 20px}.search-field{display:flex;min-height:46px;align-items:center;gap:10px;padding:0 14px;border:2px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-soft);color:var(--color-muted)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--color-text)}.search-field input::placeholder{color:var(--color-subtle)}.tag-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tag-filter__label{display:inline-flex;align-items:center;gap:6px;margin-right:2px;color:var(--color-muted);font-size:.88rem;font-weight:900}.tag-filter__button.is-active,.tag-filter__button:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-strong)}.empty-state,.not-found{padding:70px 0;color:var(--color-muted);text-align:center}.article-detail{padding:54px 0 78px}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:30px;color:var(--color-muted);font-weight:900}.back-link:hover{color:var(--color-primary-strong)}.article-detail__header{max-width:860px;margin-bottom:36px}.article-detail__header h1{margin-top:14px;font-size:3.6rem}.article-detail__header .tag-row{margin-top:22px}.article-detail__layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:44px;align-items:start}.toc{position:sticky;top:110px;display:grid;gap:8px;padding:16px;border-radius:20px 16px 22px 18px}.toc p{margin:0 0 4px;color:var(--color-text);font-family:var(--font-display);font-size:1.16rem;line-height:1}.toc__link{color:var(--color-muted);font-size:.9rem;line-height:1.35}.toc__link:hover{color:var(--color-primary-strong)}.toc__link--level-3{padding-left:12px;font-size:.85rem}.article-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1000px;margin-top:46px}.pagination-card{display:flex;min-height:96px;align-items:center;gap:14px;padding:18px;border-radius:22px 18px 24px 20px;color:var(--color-text);font-weight:900;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.pagination-card:hover{border-color:var(--color-primary);color:var(--color-primary-strong);transform:translateY(-2px)}.pagination-card small{display:block;color:var(--color-muted);font-size:.76rem;text-transform:uppercase}.pagination-card--next{justify-content:flex-end;text-align:right}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:10px}.toast{display:inline-flex;min-height:46px;align-items:center;gap:10px;padding:0 14px;border-radius:var(--radius-control);color:var(--color-text)}.toast[data-type=success] svg{color:var(--color-success)}.toast-enter-active,.toast-leave-active{transition:opacity var(--transition-med),transform var(--transition-med)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}@keyframes avatarFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes underlineDraw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media(max-width:980px){.hero-section{grid-template-columns:1fr}.hero-gallery,.profile-card{max-width:560px}.hero-gallery{margin-inline:auto}.about-card,.skills-bento,.article-magazine,.contact-layout,.article-detail__layout,.article-toolbar{grid-template-columns:1fr}.skill-category--main,.skill-category--support-3{grid-column:auto;grid-row:auto}.contact-intro{position:relative;top:auto;min-height:0}.toc{position:static}.article-list-grid{grid-template-columns:1fr}.article-feature{min-height:380px}}@media(max-width:760px){:root{--header-height: auto}.site-header{grid-template-columns:1fr auto;width:min(100% - 20px,var(--container));gap:10px;border-radius:28px}.brand-logo{width:62px;height:36px}.brand-copy span,.site-nav--desktop{display:none}.menu-toggle{display:inline-grid}.site-nav--mobile{grid-column:1 / -1;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:8px}.site-header.is-menu-open .site-nav--mobile{display:grid}.site-nav--mobile a{justify-content:center;background:color-mix(in srgb,var(--color-bg-soft) 72%,transparent)}.hero-section,.section-shell,.page-hero,.article-browser,.article-detail,.not-found,.site-footer{width:min(100% - 24px,var(--container))}.hero-section{gap:30px;padding-top:46px}.hero-gallery{grid-template-columns:1fr}.profile-card,.profile-card__body,.hero-gallery__note,.hero-gallery__note--wide,.hero-gallery__note--small{grid-column:1 / -1}.hero-section h1,.page-hero h1,.article-detail__header h1,.not-found h1{font-size:2.68rem}.page-hero--compact h1{font-size:2.45rem}.section-shell{padding:56px 0}.section-shell__header h2{font-size:2.08rem}.hero-actions,.contact-grid,.article-pagination,.site-footer,.about-stats,.skill-grid{grid-template-columns:1fr}.hero-actions .button{width:100%}.profile-card{min-height:auto;border-radius:28px 22px 30px 24px}.profile-card__avatar-wrap{min-height:320px;padding-top:62px}.profile-card__avatar{width:min(96%,360px)}.about-card{padding:20px}.about-profile-card,.about-note{transform:none}.article-feature{min-height:340px;padding:24px}.contact-card{grid-template-columns:auto minmax(0,1fr) auto}.site-footer{justify-items:start}.site-footer__copyright{order:3}.hero-section__sparkle,.hero-section__arrow{display:none}}@media(max-width:520px){.brand-copy{display:none}.site-nav--mobile{grid-template-columns:1fr}.hero-section h1,.page-hero h1,.article-detail__header h1,.not-found h1{font-size:2.28rem}.hero-role{font-size:1.1rem}.contact-card{grid-template-columns:auto minmax(0,1fr)}.contact-card .icon-button{grid-column:1 / -1;width:100%}}.markdown-body{color:var(--color-muted)}.markdown-chunk>*:first-child{margin-top:0}.markdown-chunk>*:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--color-text);line-height:1.2;scroll-margin-top:112px}.markdown-body h1{font-size:2.45rem}.markdown-body h2{margin:36px 0 12px;font-size:1.72rem}.markdown-body h3{margin:28px 0 10px;font-size:1.3rem}.markdown-body p{margin:0 0 18px}.markdown-body a{color:var(--color-primary-strong);font-weight:850;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--color-accent);text-underline-offset:5px}.markdown-body ul,.markdown-body ol{margin:0 0 18px;padding-left:22px}.markdown-body li+li{margin-top:6px}.markdown-body blockquote{margin:24px 0;padding:16px 18px;border:2px dashed var(--color-border-strong);border-radius:var(--radius-note);background:color-mix(in srgb,var(--color-bg-soft) 72%,transparent);color:var(--color-text)}.markdown-body :not(pre)>code{padding:.18rem .42rem;border:1px solid var(--color-code-border);border-radius:8px;background:color-mix(in srgb,var(--color-code-bg) 88%,transparent);color:var(--color-code-text);font-family:var(--font-mono);font-size:.9em}.code-block{overflow:hidden;margin:26px 0;border:2px solid var(--color-code-border);border-radius:22px 18px 24px 20px;background:var(--color-code-bg);box-shadow:var(--shadow-md)}.code-block__bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:48px;padding:8px 10px 8px 14px;border-bottom:2px solid var(--color-code-border);background:var(--color-code-bar)}.code-block__label,.code-block__language{overflow:hidden;color:var(--color-code-text);font-family:var(--font-mono);font-size:.82rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.code-block__language{padding:6px 9px;border:1px solid var(--color-code-border);border-radius:var(--radius-control);color:var(--color-subtle);font-size:.72rem;text-transform:uppercase}.code-block__copy{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--color-code-border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-surface) 94%,transparent);color:var(--color-muted);transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.code-block__copy:hover{border-color:var(--color-primary);color:var(--color-primary-strong);transform:scale(1.04)}.code-block pre{overflow-x:auto;margin:0;padding:18px;background:transparent}.code-block code{display:block;min-width:max-content;color:var(--color-code-text);font-family:var(--font-mono);font-size:.92rem;line-height:1.72;-moz-tab-size:2;tab-size:2}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:var(--syntax-keyword)}.hljs-string,.hljs-regexp,.hljs-attribute{color:var(--syntax-string)}.hljs-title,.hljs-title.function_,.hljs-title.class_,.hljs-built_in{color:var(--syntax-title)}.hljs-number,.hljs-symbol,.hljs-variable,.hljs-template-variable{color:var(--syntax-number)}.hljs-comment,.hljs-quote{color:var(--syntax-comment);font-style:italic}.hljs-meta,.hljs-tag,.hljs-name{color:var(--syntax-meta)}@media(max-width:760px){.code-block__bar{grid-template-columns:minmax(0,1fr) auto}.code-block__language{display:none}.code-block pre{padding:15px}}