@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;scroll-padding-top:100px;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;isolation:isolate;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>:not(.site-header__doodle){position:relative;z-index:1}.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}.site-header__doodle{position:absolute;pointer-events:none}.site-header__doodle--spark{top:-9px;left:112px;width:18px;height:18px;color:var(--color-accent);animation:sparkleTwinkle 3.8s ease-in-out infinite}.site-header__doodle--spark:before,.site-header__doodle--spark:after{position:absolute;inset:8px 0 auto;height:3px;border-radius:var(--radius-control);background:currentColor;content:""}.site-header__doodle--spark:after{transform:rotate(90deg)}.site-header__doodle--orbit{--orbit-rotate: -9deg;right:150px;bottom:-8px;width:30px;height:14px;border:2px solid color-mix(in srgb,var(--color-green) 34%,transparent);border-radius:50%;opacity:.72;transform:rotate(-9deg);animation:orbitBreath 5s ease-in-out infinite}.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{display:inline-flex;align-items:center;gap:7px;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 svg{flex:0 0 auto;stroke-width:2.4;transition: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-nav a:hover svg,.site-nav a.router-link-active svg{transform:rotate(-7deg) scale(1.08)}.site-header__actions{display:inline-flex;align-items:center;gap:8px}.icon-button{position:relative;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:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px dashed color-mix(in srgb,var(--color-accent) 35%,transparent);border-radius:inherit;content:"";opacity:0;pointer-events:none;transform:scale(.82) rotate(-10deg);transition:opacity var(--transition-fast),transform 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)}.icon-button:hover:before{opacity:.72;transform:scale(1) rotate(0)}.theme-toggle__icon{width:24px;height:24px;transition:transform var(--transition-med)}.icon-button:hover .theme-toggle__icon{transform:rotate(-12deg) scale(1.08)}.lang-toggle__label{position:absolute;right:5px;bottom:4px;padding:1px 3px;border-radius:5px;background:var(--color-surface);color:var(--color-primary-strong);font-size:.55rem;font-weight:950;letter-spacing:0;line-height:1}.menu-toggle{display:none}.button{position:relative;isolation:isolate;overflow:hidden;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:before{position:absolute;inset:0 auto 0 -42%;z-index:-1;width:34%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface) 28%,transparent),transparent);content:"";opacity:0;pointer-events:none;transform:skew(-16deg);transition:opacity var(--transition-fast),transform .52s ease}.button:hover{transform:translateY(-2px) scale(1.02)}.button:hover:before{opacity:1;transform:translate(420%) skew(-16deg)}.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:before{position:absolute;inset:26px auto auto -34px;width:130px;height:76px;border:2px dashed color-mix(in srgb,var(--color-green) 22%,transparent);border-radius:80px 20px;content:"";opacity:.62;pointer-events:none;transform:rotate(-12deg)}.hero-section:after{position:absolute;inset:auto -26px 36px auto;width:96px;height:96px;border:2px solid color-mix(in srgb,var(--color-accent) 18%,transparent);border-radius:34% 66% 42% 58%/55% 38% 62% 45%;content:"";opacity:.68;pointer-events:none;animation:blobMorph 9s ease-in-out infinite}.hero-section__content{position:relative;z-index:1}.hero-section__floating-icon{position:absolute;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid var(--color-border);border-radius:16px 20px 14px 22px;background:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-primary-strong);box-shadow:var(--shadow-sm);pointer-events:none}.hero-section__floating-icon--terminal{--float-rotate: -6deg;left:42%;top:128px;transform:rotate(-6deg);animation:floatSoft 6.4s ease-in-out infinite}.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;z-index:1;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}.profile-card{position:relative;z-index:1;grid-column:1 / 3;min-height:500px;overflow:visible;isolation:isolate;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:before{--orbit-rotate: 8deg;position:absolute;inset:18px 22px auto auto;z-index:0;width:72px;height:72px;border:2px dashed color-mix(in srgb,var(--color-green) 22%,transparent);border-radius:50%;content:"";pointer-events:none;animation:orbitBreath 5.8s ease-in-out infinite}.profile-card:after{position:absolute;inset:auto 28px 34px 28px;z-index:0;height:14px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 68%);content:"";pointer-events:none;transform:scaleX(.86);animation:shadowPulse 7s ease-in-out infinite}.profile-card:hover{box-shadow:var(--shadow-md);transform:rotate(-1deg) translateY(-4px)}.profile-card__blob{position:absolute;inset:64px 42px auto auto;z-index:0;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);animation:blobFloat 8s ease-in-out infinite;pointer-events:none}.profile-card__snippet{position:absolute;top:-14px;right:28px;z-index:7;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--color-border-strong);border-radius:14px 18px 12px 20px;background:var(--color-surface);color:var(--color-primary-strong);box-shadow:var(--shadow-sm);transform:rotate(4deg);animation:snippetFloat 6s ease-in-out infinite}.profile-card__rocket{position:absolute;left:-14px;bottom:92px;z-index:8;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid var(--color-border-strong);border-radius:18px 14px 20px 16px;background:var(--color-surface);color:var(--color-green);box-shadow:var(--shadow-sm);pointer-events:none;transform:rotate(-12deg);animation:rocketCruise 6.8s ease-in-out infinite}.profile-card__orbit{--float-rotate: 8deg;position:absolute;right:24px;bottom:28px;z-index:7;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid var(--color-border-strong);border-radius:16px 20px 18px 14px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);color:var(--color-green);box-shadow:var(--shadow-sm);pointer-events:none;transform:rotate(8deg);animation:floatSoft 7.2s ease-in-out .8s infinite reverse}.profile-card__sticker{position:absolute;top:22px;left:22px;z-index:7;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);animation:blobFloat 7s ease-in-out infinite}.profile-card__avatar-wrap{position:relative;z-index:2;display:grid;min-height:354px;place-items:end center;padding:76px 20px 0}.profile-card__avatar{position:relative;z-index:2;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)}.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}.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)}.paperclip{position:absolute;top:-16px;right:28px;z-index:4;width:26px;height:52px;border:4px solid var(--color-primary);border-left-width:3px;border-radius:18px;opacity:.75;pointer-events:none;transform:rotate(11deg);animation:clipSway 7s ease-in-out infinite}.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:112px;height:52px;border-bottom:4px solid var(--color-primary);border-left:4px solid var(--color-primary);border-radius:0 0 0 52px;z-index:2;opacity:.24}.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-left{right:44%;bottom:120px;transform:rotate(-16deg)}.hero-section__arrow-right{right:8%;bottom:42px;transform:rotate(8deg)}.section-shell{position:relative;padding:78px 0}.section-shell>:not(.section-shell__ornaments){position:relative;z-index:1}.section-shell__ornaments{position:absolute;inset:34px 0 auto;z-index:0;height:110px;pointer-events:none}.section-shell__orbit{--orbit-rotate: -14deg;position:absolute;right:clamp(4px,6vw,82px);top:10px;width:84px;height:42px;border:2px solid color-mix(in srgb,var(--color-green) 22%,transparent);border-radius:50%;transform:rotate(-14deg);animation:orbitBreath 6.4s ease-in-out infinite}.section-shell__spark{position:absolute;width:22px;height:22px;color:var(--color-accent);animation:sparkleTwinkle 4.4s ease-in-out infinite}.section-shell__spark:before,.section-shell__spark:after{position:absolute;inset:9px 0 auto;height:4px;border-radius:var(--radius-control);background:currentColor;content:""}.section-shell__spark:after{transform:rotate(90deg)}.section-shell__spark--one{right:clamp(98px,18vw,238px);top:0}.section-shell__spark--two{right:clamp(20px,10vw,150px);top:74px;width:14px;height:14px;color:var(--color-green);animation-delay:.9s}.section-shell--compact{padding:46px 0}.section-shell__header{position:relative;max-width:760px;margin-bottom:30px}.section-shell__header:before{position:absolute;left:-18px;top:46px;width:8px;height:52px;border-radius:var(--radius-control);background:linear-gradient(var(--color-accent),var(--color-green));content:"";opacity:.42;transform:rotate(4deg)}.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;isolation:isolate;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>:not(.about-card__star,.about-card__corner-icon){position:relative;z-index:1}.about-card:before{position:absolute;inset:22px auto auto 22px;z-index:0;width:108px;height:108px;border:2px dotted color-mix(in srgb,var(--color-green) 20%,transparent);border-radius:50%;content:"";opacity:.74;pointer-events:none;animation:orbitBreath 7s ease-in-out infinite}.about-card:after{position:absolute;inset:auto 0 -2px;height:6px;border-radius:0 0 30px 24px;background:linear-gradient(90deg,transparent 6%,var(--color-accent) 6%,var(--color-accent) 22%,var(--color-primary) 22%,var(--color-primary) 38%,transparent 38%,transparent 54%,var(--color-accent) 54%,var(--color-accent) 74%,var(--color-primary) 74%,var(--color-primary) 94%,transparent 94%);content:"";opacity:.55}.about-card__star{top:-18px;right:64px}.about-card__corner-icon{position:absolute;top:-15px;right:112px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--color-border-strong);border-radius:16px 20px 14px 18px;background:var(--color-surface);color:var(--color-green);box-shadow:var(--shadow-sm);transform:rotate(-5deg);animation:snippetFloat 6.6s ease-in-out infinite}.about-profile-card{position:relative;isolation:isolate;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:before{position:absolute;inset:12px 12px auto auto;z-index:0;width:54px;height:18px;border-top:2px dashed color-mix(in srgb,var(--color-accent) 38%,transparent);border-bottom:2px dashed color-mix(in srgb,var(--color-green) 25%,transparent);content:"";opacity:.8;pointer-events:none;transform:rotate(8deg)}.about-profile-card__image{position:relative;z-index:1;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{position:relative;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-note__fold{position:absolute;top:0;right:0;width:32px;height:32px;border-bottom-left-radius:12px;background:linear-gradient(135deg,transparent 50%,var(--color-bg) 50%);opacity:.6}.about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.about-stats:after{display:block;width:100%;height:4px;margin-top:4px;border-radius:2px;background:linear-gradient(90deg,transparent 10%,var(--color-accent) 10%,var(--color-accent) 30%,transparent 30%,transparent 55%,var(--color-primary) 55%,var(--color-primary) 80%,transparent 80%);content:"";opacity:.32;grid-column:1 / -1}.about-stat{position:relative;isolation:isolate;overflow:hidden;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);transition:transform var(--transition-med),box-shadow var(--transition-med)}.about-stat:before{position:absolute;inset:auto -20px -32px auto;z-index:-1;width:86px;height:86px;border-radius:50%;background:color-mix(in srgb,var(--color-green) 8%,transparent);content:"";pointer-events:none;transition:transform var(--transition-med)}.about-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.about-stat:hover:before{transform:scale(1.18)}.about-stat__icon{position:absolute;right:10px;bottom:10px;display:inline-flex;color:color-mix(in srgb,var(--color-green) 68%,var(--color-primary));opacity:.74;pointer-events:none;transform:rotate(-8deg)}.about-stat__dot{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;background:var(--color-accent);opacity:.7;animation:dotPulse 3s ease-in-out infinite}.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;isolation:isolate;overflow:visible;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>:not(.skill-category__icon){position:relative;z-index:1}.skill-category:not(.skill-category--support-5):after{position:absolute;inset:12px auto auto 14px;z-index:0;width:44px;height:18px;border-top:2px dashed color-mix(in srgb,var(--color-green) 20%,transparent);border-bottom:2px dashed color-mix(in srgb,var(--color-accent) 22%,transparent);content:"";opacity:0;pointer-events:none;transform:rotate(-8deg) translateY(6px);transition:opacity var(--transition-med),transform var(--transition-med)}.skill-category:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px) rotate(-.35deg)}.skill-category:not(.skill-category--support-5):hover:after{opacity:1;transform:rotate(-8deg) translateY(0)}.skill-category--main{grid-row:span 2;min-height:500px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 62%),var(--color-surface)}.skill-category--main:before{position:absolute;inset:auto 18px -18px auto;z-index:0;width:120px;height:90px;border:3px dashed color-mix(in srgb,var(--color-accent) 18%,transparent);border-radius:4px;content:"";pointer-events:none;transform:rotate(-8deg)}.skill-category--support-2{min-height:270px;background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 48%),var(--color-surface)}.skill-category--support-4{min-height:210px;background:linear-gradient(140deg,color-mix(in srgb,var(--color-bg-soft) 40%,transparent),transparent 44%),var(--color-surface)}.skill-category--support-5{min-height:190px;background:linear-gradient(170deg,color-mix(in srgb,var(--color-accent) 7%,transparent),transparent 55%),var(--color-surface)}.skill-category--support-6{min-height:190px;transform:rotate(.35deg);background:linear-gradient(190deg,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 58%),var(--color-surface)}.skill-category--support-1:before{position:absolute;inset:auto 24px 20px auto;z-index:0;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 12%,transparent) 2px,transparent 3px),radial-gradient(circle at 18px 8px,color-mix(in srgb,var(--color-accent) 10%,transparent) 2px,transparent 3px),radial-gradient(circle at 8px 20px,color-mix(in srgb,var(--color-primary) 8%,transparent) 2px,transparent 3px);content:"";pointer-events:none}.skill-category--support-2:before{position:absolute;inset:auto auto 12px 16px;z-index:0;width:60px;height:60px;border:2px solid color-mix(in srgb,var(--color-accent) 12%,transparent);border-radius:50%;content:"";pointer-events:none}.skill-category--support-4:before{position:absolute;inset:auto auto 14px 20px;z-index:0;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:34px solid color-mix(in srgb,var(--color-accent) 8%,transparent);content:"";pointer-events:none;transform:rotate(-15deg)}.skill-category--support-5:before{position:absolute;inset:14px 22px auto auto;z-index:0;width:52px;height:40px;border-right:2px solid color-mix(in srgb,var(--color-primary) 10%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:0 0 8px;content:"";pointer-events:none}.skill-category--support-5:after{position:absolute;inset:34px 46px auto auto;z-index:0;width:14px;height:14px;border:2px solid color-mix(in srgb,var(--color-accent) 12%,transparent);border-radius:50%;content:"";pointer-events:none}.skill-category--support-6:before{position:absolute;inset:auto 16px 14px auto;z-index:0;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:28px solid color-mix(in srgb,var(--color-primary) 8%,transparent);content:"";pointer-events:none}.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-category__icon{position:absolute;top:-12px;right:18px;z-index:8;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--color-border-strong);border-radius:14px 18px 12px 16px;background:var(--color-surface);color:var(--color-primary-strong);box-shadow:var(--shadow-sm);transform:rotate(4deg);transition:transform var(--transition-med)}.skill-category__icon:before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px dashed color-mix(in srgb,var(--color-accent) 32%,transparent);border-radius:inherit;content:"";opacity:0;pointer-events:none;transform:rotate(12deg) scale(.86);transition:opacity var(--transition-med),transform var(--transition-med)}.skill-category:hover .skill-category__icon{transform:rotate(-2deg) translateY(-2px)}.skill-category:hover .skill-category__icon:before{opacity:1;transform:rotate(-4deg) scale(1)}.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{position:relative;overflow:hidden;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;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.skill-pill-list--dense .skill-pill{padding:7px 9px;font-size:.82rem}.skill-pill strong{position:relative;z-index:1;color:var(--color-primary-strong);font-family:var(--font-display);font-size:1rem;font-weight:400;line-height:1}.skill-pill__glint{width:6px;height:6px;border-radius:50%;background:var(--color-green);opacity:.55;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-green) 12%,transparent);pointer-events:none}.skill-pill:hover{border-color:color-mix(in srgb,var(--color-primary) 46%,var(--color-green));background:color-mix(in srgb,var(--color-bg-soft) 65%,var(--color-green) 10%);color:var(--color-text);transform:translateY(-2px) rotate(-.7deg)}.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;isolation:isolate;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>:not(.article-feature__badge,.article-feature__spark,.paper-tape){position:relative;z-index:1}.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:"";pointer-events:none;animation:orbitBreath 6.2s ease-in-out infinite}.article-feature:after{position:absolute;inset:auto auto -10px 38px;z-index:0;width:48px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--color-accent) 28%,transparent);content:"";pointer-events:none}.article-feature__badge,.article-feature__spark{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-sm);pointer-events:none}.article-feature__badge{--float-rotate: -6deg;top:28px;left:30px;width:52px;height:52px;border-radius:18px 22px 16px 20px;color:var(--color-primary-strong);transform:rotate(-6deg);animation:floatSoft 6.8s ease-in-out infinite}.article-feature__spark{--spark-rotate: 9deg;right:122px;top:86px;width:38px;height:38px;border-radius:15px 12px 16px 14px;color:var(--color-green);transform:rotate(9deg);animation:sparkleTwinkle 4.8s ease-in-out infinite}.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{position:relative;isolation:isolate;overflow:hidden;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-card>:not(.article-card__pin,.article-card__spark){position:relative;z-index:1}.article-card:before{position:absolute;inset:-54px -44px auto auto;z-index:0;width:138px;height:138px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-green) 10%,transparent),transparent 60%),color-mix(in srgb,var(--color-accent) 8%,transparent);content:"";pointer-events:none;transform:scale(.82);transition:opacity var(--transition-med),transform var(--transition-med);opacity:.72}.article-card:after{position:absolute;inset:auto 10px 10px auto;z-index:0;width:12px;height:12px;border-right:2px solid color-mix(in srgb,var(--color-accent) 16%,transparent);border-bottom:2px solid color-mix(in srgb,var(--color-accent) 16%,transparent);content:"";pointer-events:none;transition:opacity var(--transition-fast);opacity:.5}.article-card:hover:before{opacity:1;transform:scale(1)}.article-card:hover:after{opacity:1}.article-card__pin,.article-card__spark{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.article-card__pin{top:14px;right:14px;width:36px;height:36px;border:2px solid var(--color-border);border-radius:14px 18px 13px 16px;background:var(--color-surface);color:var(--color-primary-strong);box-shadow:0 5px color-mix(in srgb,var(--color-primary) 8%,transparent);transform:rotate(5deg);transition:transform var(--transition-med)}.article-card__spark{right:58px;bottom:20px;color:var(--color-green);opacity:.68;transform:rotate(-8deg);transition:opacity var(--transition-med),transform var(--transition-med)}.article-card:hover .article-card__pin{transform:rotate(-4deg) translateY(-3px)}.article-card:hover .article-card__spark{opacity:1;transform:rotate(10deg) scale(1.1)}.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 svg,.article-detail__meta svg{color:color-mix(in srgb,var(--color-green) 74%,var(--color-primary))}.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}.article-card__footer>svg{flex:0 0 auto;color:var(--color-primary-strong);transition:transform var(--transition-fast)}.article-card:hover .article-card__footer>svg{transform:translate(3px,-3px) rotate(6deg)}.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);transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.tag:nth-child(2n){transform:rotate(.7deg)}.tag--link:hover{border-color:var(--color-primary);color:var(--color-primary-strong);transform:translateY(-2px) rotate(0)}.section-action{display:flex;justify-content:center;margin-top:30px}.contact-layout{position:relative;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(18px,4vw,42px);align-items:start}.contact-layout:before{position:absolute;inset:auto auto -30px -20px;z-index:0;width:160px;height:80px;border:2px dashed color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:0 60px 0 0;content:"";pointer-events:none}.contact-intro{position:sticky;top:120px;isolation:isolate;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>:not(.coffee-stain,.contact-intro__spark){position:relative;z-index:1}.contact-intro:before{position:absolute;inset:28px 22px auto auto;z-index:0;width:76px;height:76px;border:2px dashed color-mix(in srgb,var(--color-green) 24%,transparent);border-radius:48% 52% 42% 58%;content:"";opacity:.72;pointer-events:none;animation:blobMorph 8s ease-in-out infinite}.contact-intro:after{position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 20%,transparent 20%,transparent 48%,var(--color-primary) 48%,var(--color-primary) 76%,transparent 76%);content:"";opacity:.45}.contact-intro__spark{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.contact-intro__spark{--spark-rotate: -8deg;right:82px;top:78px;color:var(--color-accent);transform:rotate(-8deg);animation:sparkleTwinkle 4.5s ease-in-out infinite}.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{position:relative;isolation:isolate;overflow:hidden;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>*{position:relative;z-index:1}.contact-card:before{position:absolute;inset:10px 10px auto auto;z-index:0;width:8px;height:8px;border-radius:50%;background:var(--color-accent);content:"";opacity:.3;pointer-events:none}.contact-card:after{position:absolute;inset:auto -28px -38px auto;z-index:0;width:96px;height:96px;border-radius:50%;background:color-mix(in srgb,var(--color-green) 7%,transparent);content:"";pointer-events:none;transition:transform var(--transition-med)}.contact-card:nth-child(2):before{background:var(--color-primary)}.contact-card:nth-child(3):before{background:var(--color-accent);opacity:.2}.contact-card:nth-child(4):before{background:var(--color-accent)}.contact-card:nth-child(1),.contact-card:nth-child(4){grid-column:1 / -1}.contact-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px) rotate(.35deg)}.contact-card:hover:after{transform:scale(1.18)}.contact-card__icon{position:relative;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:after{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px dashed color-mix(in srgb,var(--color-accent) 32%,transparent);border-radius:inherit;content:"";opacity:0;pointer-events:none;transform:rotate(-10deg) scale(.86);transition:opacity var(--transition-fast),transform var(--transition-fast)}.contact-card:hover .contact-card__icon:after{opacity:1;transform:rotate(5deg) scale(1)}.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{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;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:before{position:absolute;inset:-14px auto auto 0;z-index:0;width:60px;height:4px;border-radius:2px;background:var(--color-accent);content:"";opacity:.5;pointer-events:none}.site-footer:after{position:absolute;inset:-14px 0 auto auto;z-index:0;width:22px;height:22px;border:2px solid color-mix(in srgb,var(--color-primary) 24%,transparent);border-radius:50%;content:"";opacity:.4;pointer-events:none}.site-footer p{margin:0}.site-footer__links{display:flex;justify-content:flex-end;gap:10px}.site-footer__links a{position:relative;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;transition:transform var(--transition-fast)}.site-footer__links a:hover img{transform:rotate(-8deg) scale(1.08)}.page-hero{position:relative;padding:74px 0 30px}.page-hero:after{position:absolute;right:clamp(0px,8vw,92px);bottom:18px;width:82px;height:34px;border:2px dashed color-mix(in srgb,var(--color-green) 22%,transparent);border-radius:50%;content:"";pointer-events:none;transform:rotate(-10deg)}.page-hero__spark{--spark-rotate: 10deg;position:absolute;right:clamp(16px,12vw,148px);top:84px;display:inline-flex;color:var(--color-green);pointer-events:none;transform:rotate(10deg);animation:sparkleTwinkle 4s ease-in-out infinite}.page-hero--compact h1{max-width:800px;font-size:3.35rem}.article-browser{position:relative;padding:20px 0 70px}.article-browser:before{position:absolute;inset:10px -5% auto auto;z-index:0;width:220px;height:140px;border:2px dashed color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:0 0 0 90px;content:"";pointer-events:none}.article-toolbar{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:14px;align-items:start;padding:16px;border-radius:22px 18px 24px 20px}.article-toolbar:before{position:absolute;inset:-36px auto auto -28px;z-index:0;width:116px;height:116px;border-radius:50%;background:color-mix(in srgb,var(--color-green) 7%,transparent);content:"";pointer-events:none}.article-toolbar>*{position:relative;z-index:1}.article-toolbar:after{display:block;width:100%;height:3px;margin-top:2px;border-radius:2px;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 28%,var(--color-primary) 28%,var(--color-primary) 56%,transparent 56%);content:"";opacity:.22;grid-column:1 / -1}.search-field{position:relative;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:focus-within{border-color:var(--color-primary);box-shadow:0 7px color-mix(in srgb,var(--color-primary) 10%,transparent)}.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);transform:translateY(-2px) rotate(-.5deg)}.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{position:relative;max-width:860px;margin-bottom:36px}.article-detail__header:before{position:absolute;right:10px;top:4px;width:92px;height:42px;border:2px dashed color-mix(in srgb,var(--color-green) 22%,transparent);border-radius:50%;content:"";pointer-events:none;transform:rotate(-14deg)}.article-detail__spark{--spark-rotate: 8deg;position:absolute;right:118px;top:10px;display:inline-flex;color:var(--color-accent);pointer-events:none;transform:rotate(8deg);animation:sparkleTwinkle 4.2s ease-in-out infinite}.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;min-width:0}.toc{position:sticky;top:110px;isolation:isolate;overflow:hidden;display:grid;gap:8px;min-width:0;max-width:100%;padding:16px;border-radius:20px 16px 22px 18px}.toc:before{position:absolute;inset:auto -24px -28px auto;z-index:0;width:82px;height:82px;border-radius:50%;background:color-mix(in srgb,var(--color-green) 8%,transparent);content:"";pointer-events:none}.toc>*{position:relative;z-index:1}.toc__summary{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px;color:var(--color-text);cursor:pointer;font-family:var(--font-display);font-size:1.16rem;line-height:1;list-style:none}.toc__summary svg{flex:0 0 auto;color:var(--color-green)}.toc__summary::-webkit-details-marker{display:none}.toc__summary:after{flex:0 0 auto;color:var(--color-muted);content:"+";font-family:var(--font-body);font-size:1rem;font-weight:900}.toc[open] .toc__summary:after{content:"-"}.toc__nav{display:grid;min-width:0;gap:8px}.toc__link{display:block;min-width:0;max-width:100%;overflow:hidden;border-left:3px solid transparent;padding-left:5px;color:var(--color-muted);font-size:.9rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast)}.toc__link:hover{color:var(--color-primary-strong)}.toc__link--level-3{padding-left:12px;font-size:.85rem}.toc__link--active{color:var(--color-primary-strong);border-left-color:var(--color-primary)}.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 blobFloat{0%,to{transform:rotate(-6deg) translateY(0) scale(1)}50%{transform:rotate(-3deg) translateY(-8px) scale(1.04)}}@keyframes snippetFloat{0%,to{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}@keyframes dotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}@keyframes clipSway{0%,to{transform:rotate(11deg) translate(0)}50%{transform:rotate(7deg) translate(4px)}}@keyframes floatSoft{0%,to{transform:translateY(0) rotate(var(--float-rotate, 0deg))}50%{transform:translateY(-7px) rotate(calc(var(--float-rotate, 0deg) + 5deg))}}@keyframes sparkleTwinkle{0%,to{opacity:.58;transform:rotate(var(--spark-rotate, 0deg)) scale(.94)}45%{opacity:1;transform:rotate(calc(var(--spark-rotate, 0deg) + 18deg)) scale(1.12)}}@keyframes orbitBreath{0%,to{opacity:.48;transform:rotate(var(--orbit-rotate, -10deg)) scale(.96)}50%{opacity:.82;transform:rotate(calc(var(--orbit-rotate, -10deg) + 6deg)) scale(1.04)}}@keyframes blobMorph{0%,to{border-radius:34% 66% 42% 58%/55% 38% 62% 45%;transform:rotate(-8deg) translateY(0)}50%{border-radius:58% 42% 62% 38%/42% 60% 40% 58%;transform:rotate(4deg) translateY(-6px)}}@keyframes shadowPulse{0%,to{opacity:.7;transform:scaleX(.86)}50%{opacity:.48;transform:scaleX(.72)}}@keyframes rocketCruise{0%,to{transform:translate(0) rotate(-12deg)}50%{transform:translate(5px,-9px) rotate(-3deg)}}@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:minmax(0,1fr);gap:28px}.skill-category--main{grid-column:auto;grid-row:auto}.contact-intro{position:relative;top:auto;min-height:0}.toc{position:static;width:100%;padding:14px}.toc__nav{max-height:240px;overflow-y:auto;padding-right:4px}.toc__link{white-space:normal;text-overflow:unset;overflow-wrap:break-word}.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{gap:12px;justify-items:start}.site-footer__links{justify-content:flex-start}.hero-section__sparkle{display:none}.hero-section__arrow-left,.hero-section__arrow-right{display:block;z-index:0;width:82px;height:38px;border-bottom-width:3px;border-left-width:3px;opacity:.18}.hero-section__arrow-left:after,.hero-section__arrow-right:after{width:13px;height:13px;border-top-width:4px;border-right-width:4px}.hero-section__arrow-left{right:auto;left:4px;bottom:49%;transform:rotate(-14deg)}.hero-section__arrow-right{right:-4px;bottom:22px;transform:rotate(10deg)}}@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{position:relative;color:var(--color-text);line-height:1.2;scroll-margin-top:112px}.markdown-body h2:before,.markdown-body h3:before{display:inline-block;width:.52em;height:.52em;margin-right:.44em;border:2px solid color-mix(in srgb,var(--color-green) 54%,var(--color-primary));border-radius:50%;content:"";transform:rotate(-8deg);vertical-align:.03em}.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{position:relative;overflow:hidden;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 blockquote:after{position:absolute;right:-18px;bottom:-28px;width:92px;height:92px;border-radius:50%;background:color-mix(in srgb,var(--color-green) 8%,transparent);content:"";pointer-events:none}.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{position:relative;isolation:isolate;overflow:hidden;margin:26px 0;border:2px solid var(--color-code-border);border-radius:22px 18px 24px 20px;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--syntax-string) 12%,transparent),transparent 30%),radial-gradient(circle at 96% 18%,color-mix(in srgb,var(--syntax-keyword) 10%,transparent),transparent 28%),var(--color-code-bg);box-shadow:var(--shadow-md);transform:translateZ(0);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.code-block:hover{border-color:color-mix(in srgb,var(--color-accent) 42%,var(--color-code-border));box-shadow:var(--shadow-md),0 0 0 4px color-mix(in srgb,var(--color-accent) 7%,transparent);transform:translateY(-2px)}.code-block:before{position:absolute;inset:50px 0 auto;z-index:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--syntax-string) 24%,transparent),transparent);content:"";pointer-events:none}.code-block:after{position:absolute;inset:auto -24px -42px auto;z-index:0;width:116px;height:116px;border-radius:50%;background:color-mix(in srgb,var(--syntax-string) 8%,transparent);content:"";pointer-events:none}.code-block__halo{position:absolute;z-index:0;display:inline-flex;color:color-mix(in srgb,var(--color-code-text) 18%,transparent);pointer-events:none}.code-block__halo--left{--code-rotate: -12deg;left:18px;bottom:16px;transform:rotate(-12deg);animation:codeFloat 6.8s ease-in-out infinite}.code-block__halo--right{--code-rotate: 10deg;right:18px;top:64px;transform:rotate(10deg);animation:codeFloat 7.6s ease-in-out .9s infinite reverse}.code-block__bar{position:relative;z-index:1;display:grid;grid-template-columns:auto 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__window{display:inline-flex;gap:5px;align-items:center;padding-right:2px}.code-block__window span{width:9px;height:9px;border-radius:50%;background:var(--syntax-number);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-code-text) 9%,transparent)}.code-block__window span:nth-child(2){background:var(--syntax-keyword)}.code-block__window span:nth-child(3){background:var(--syntax-string)}.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__label{display:inline-flex;min-width:0;align-items:center;gap:8px}.code-block__label svg{flex:0 0 auto;color:var(--syntax-keyword)}.code-block__label span{overflow:hidden;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{position:relative;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:after{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px dashed color-mix(in srgb,var(--syntax-string) 28%,transparent);border-radius:inherit;content:"";opacity:0;pointer-events:none;transform:rotate(-8deg) scale(.85);transition:opacity 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__copy:hover:after{opacity:1;transform:rotate(5deg) scale(1)}.code-block pre{position:relative;z-index:1;overflow-x:auto;margin:0;padding:18px 18px 18px 22px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-code-text) 5%,transparent) 0 3px,transparent 3px 100%),repeating-linear-gradient(to bottom,transparent 0,transparent 1.7rem,color-mix(in srgb,var(--color-code-text) 4%,transparent) 1.7rem,color-mix(in srgb,var(--color-code-text) 4%,transparent) calc(1.7rem + 1px));scrollbar-color:color-mix(in srgb,var(--syntax-keyword) 48%,transparent) transparent;scrollbar-width:thin}.code-block pre::-webkit-scrollbar{height:10px}.code-block pre::-webkit-scrollbar-track{background:transparent}.code-block pre::-webkit-scrollbar-thumb{border:3px solid var(--color-code-bg);border-radius:var(--radius-control);background:color-mix(in srgb,var(--syntax-keyword) 54%,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)}@keyframes codeFloat{0%,to{opacity:.44;transform:translateY(0) rotate(var(--code-rotate, -12deg))}50%{opacity:.78;transform:translateY(-6px) rotate(calc(var(--code-rotate, -12deg) + 6deg))}}@media(max-width:760px){.code-block__bar{grid-template-columns:auto minmax(0,1fr) auto}.code-block__language{display:none}.code-block__window span{width:7px;height:7px}.code-block pre{padding:15px}.markdown-body h2:before,.markdown-body h3:before{width:.42em;height:.42em;margin-right:.32em}}