@font-face{font-family:JC-LD-Round;src:url(/JC-LD-Round.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--c-dawn:#4a7bf7;--c-peach:#ff6b81;--c-warm:#ffecd2;--c-mint:#00c9a7;--c-lavender:#845ec2;--c-sunset:#ff6f3c;--c-dusk:#2b4570;--c-night:#141e30;--aw-ink:#0d1b2a;--aw-paper:#f0f4ff;--text-dark:#0d1b2a;--text-light:#f0f4ff;--aw-line:#0d1b2a24;--aw-line-light:#f0f4ff2e;--shadow:0 18px 44px #0d1b2a24;--shadow-lg:0 28px 70px #0d1b2a38;--content-width:1180px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-width:none;overflow-x:clip}html::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar{width:0;height:0}body{color:var(--aw-ink);-webkit-font-smoothing:antialiased;cursor:default;background:#4a7bf7;margin:0;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;overflow-x:clip}body::selection{color:#fff;background:var(--aw-ink)}#root{min-height:100dvh}.intro-overlay{z-index:1100;pointer-events:auto;caret-color:#0000;-webkit-user-select:none;user-select:none;background:#4a7bf7;place-items:center;animation:.6s 2.6s forwards intro-exit;display:grid;position:fixed;inset:0}.intro-overlay.hidden{display:none}.intro-inner{text-align:center}.intro-brand{letter-spacing:-.02em;text-transform:uppercase;color:#0d1b2a;font-size:clamp(62px,12vw,148px);font-weight:900;line-height:.86;overflow:hidden}.intro-brand span{animation:1.7s cubic-bezier(.16,1,.3,1) .1s both intro-clip-in;display:inline-block}.intro-tagline{color:#0d1b2aa6;letter-spacing:.06em;text-align:center;margin-top:20px;font-size:clamp(16px,2.5vw,22px);font-weight:600;animation:1.4s .6s both intro-fade-in}@keyframes intro-clip-in{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@keyframes intro-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;pointer-events:none;transform:translateY(-100%)}}a{color:inherit;text-decoration:none}button{font:inherit}@keyframes wobble{0%{transform:scale(1.08)rotate(0)}20%{transform:scale(1.08)rotate(-2.5deg)}40%{transform:scale(1.08)rotate(2deg)}60%{transform:scale(1.08)rotate(-1.5deg)}80%{transform:scale(1.08)rotate(1deg)}to{transform:scale(1.08)rotate(0)}}.button:hover,.nav-links a:hover,.card-tags span:hover,.tool-card:hover,.note-tab:hover,.article-card:hover,.share-buttons .button:hover{animation:.5s wobble;transform:scale(1.08)}.kicker:hover,.section-index:hover{transition:transform .2s;display:inline-block;transform:scale(1.06)}.brand:hover{opacity:.8;transition:opacity .2s}.card-spec{background:var(--aw-ink);color:var(--aw-paper);border:1px solid #0d1b2a1a;border-radius:12px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .22s;box-shadow:0 22px 56px #0d1b2a29,0 8px 18px #0d1b2a1a}.btn-round{border-radius:999px}.btn-rect{border-radius:8px}.tabular-nums{font-variant-numeric:tabular-nums}.diagonal-scroll-ribbon,.strip{display:none!important}.site-header{z-index:999;color:#000;width:100%;min-height:72px;box-shadow:none;background-color:#0000;border:0;border-bottom:1px solid #0d1b2a1a;border-radius:0;justify-content:space-between;align-items:center;margin:0;padding:16px 20px;transition:border-color .2s;display:flex;position:fixed;top:0;left:0}.site-header.on-dark{color:#000;border-color:#0000001a}.brand{align-items:center;gap:10px;margin-left:auto;font-size:20px;font-weight:700;display:flex}.brand span{letter-spacing:0;font-size:20px;font-weight:700}.brand small{color:#000;opacity:1;font-size:20px;font-weight:700}.nav-links{gap:16px;display:flex}.nav-links a{color:currentColor;border-radius:999px;padding:8px 14px;font-size:20px;font-weight:700;line-height:1;transition:color .22s,background .22s,transform .22s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--aw-ink);background:var(--aw-paper);transform:translateY(-1px)}.page{width:100%;height:100vh;padding:clamp(80px, 9vw, 108px) max(28px, calc((100vw - var(--content-width)) / 2)) clamp(32px, 4vw, 48px);box-shadow:none;transform-origin:0 100%;will-change:transform, opacity;visibility:hidden;backface-visibility:hidden;contain:layout style;border:0;top:0;left:0;overflow:hidden;background:var(--page-bg,#4a7bf7)!important;border-radius:0!important;margin:0!important;position:fixed!important}.page-inner{will-change:transform}.page-hero{visibility:visible;border-radius:0;overflow:visible}.scroll-spacer{pointer-events:none;width:100%;position:relative}footer,.page:after{display:none!important}.page:before{content:var(--page-word,"");top:clamp(78px,9vw,108px);left:max(18px, calc((100vw - var(--content-width)) / 2));z-index:0;width:max-content;max-width:none;height:auto;color:var(--page-word-color,#06060624);letter-spacing:0;text-transform:uppercase;white-space:nowrap;opacity:1;transform-origin:0 0;pointer-events:none;border:0;font-size:clamp(90px,19vw,286px);font-weight:900;line-height:.74;position:absolute;transform:scaleX(.82);background:0 0!important}.page>*{z-index:1;position:relative}.page-hero{--page-bg:#4a7bf7;--page-word:"";--page-word-color:transparent;color:#0d1b2a}.page-about{--page-bg:#fff8f0;--page-word:"ABOUT ME";--page-word-color:#0d1b2a0a;color:#0d1b2a}.page-about:before{left:auto;right:max(18px, calc((100vw - var(--content-width)) / 2));transform-origin:100% 0}.page-bloggers{--page-bg:#ff6f3c;--page-word:"BLOGGERS";--page-word-color:#f0f4ff14;color:#f0f4ff}.page-tools{--page-bg:#845ec2;--page-word:"TINY TOOLS";--page-word-color:#f0f4ff14;color:#f0f4ff;font-family:JC-LD-Round,Outfit,system-ui,sans-serif}.page-tools:before{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}.page-ai-tools{--page-bg:#ffecd2;--page-word:"AI TOOLS";--page-word-color:#0d1b2a12;color:#0d1b2a}.page-workflow{--page-bg:#2b4570;--page-word:"WORKFLOW";--page-word-color:#f0f4ff14;color:#f0f4ff}.page-workflow:before{left:calc(max(18px, calc((100vw - var(--content-width)) / 2)) - 10vw)}.page-notes{--page-bg:#00c9a7;--page-word:"AI NOTES";--page-word-color:#0d1b2a12;color:#0d1b2a}.page-contact{--page-bg:#141e30;--page-word:"CONTACT";--page-word-color:#f0f4ff14;color:#f0f4ff;font-family:JC-LD-Round,Outfit,system-ui,sans-serif}.page-contact:before{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}.page-contact p,.page-contact .kicker{color:#f0f4ffbf}.page-workflow p,.page-workflow .kicker,.page-hero p,.page-tools p,.page-bloggers p{color:#f0f4ffb8}.page-about p,.page-ai-tools p,.page-notes p{color:#0d1b2ab8}.page-hero .kicker,.page-tools .kicker,.page-bloggers .kicker{color:#f0f4ff8c}.page-about .kicker,.page-ai-tools .kicker,.page-notes .kicker{color:#0d1b2a8c;font-size:16px}.page-notes .section-heading h2{font-family:JC-LD-Round,Outfit,system-ui,sans-serif}.page-hero .kicker{color:#0d1b2a80}.page-hero p,.page-hero .welcome-subtitle{color:#0d1b2ab8}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.02em;text-transform:uppercase;margin-bottom:0;font-size:clamp(62px,10vw,148px);line-height:.9}h1 span{white-space:nowrap;display:block}h2{letter-spacing:0;margin-bottom:18px;font-size:clamp(44px,6vw,86px);line-height:.95}h3{margin-bottom:10px;font-size:24px;line-height:1.1}p{color:inherit;max-width:640px;line-height:1.65}.kicker{letter-spacing:.08em;text-transform:uppercase;color:currentColor;margin:0 0 16px;font-size:13px;font-weight:900}.section-index{text-transform:uppercase;color:var(--aw-paper);font-weight:900;font-size:16px!important}.section-label,.section-heading h2,.split-content h2{color:currentColor;text-transform:uppercase;font-weight:900}.section-heading{z-index:2;max-width:920px;margin-bottom:34px;position:relative}.section-heading,.split-content{z-index:2;position:relative}.hero,.about-me,.tools-studio,.notes-articles,.bloggers-section,.ai-tools-section,.workflow-section,.contact-section,footer{width:min(var(--content-width), calc(100% - 32px));margin:0 auto}.about-me,.tools-studio,.notes-articles,.bloggers-section,.ai-tools-section,.workflow-section,.contact-section{border:0;width:100%}.hero{align-items:center;display:flex;position:relative}.hero-welcome{flex-shrink:0;max-width:540px;margin-left:-10%}.welcome-title{color:#0d1b2a;letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(62px,8.4vw,115px);font-weight:900;line-height:1.05}.welcome-title span{display:block}.welcome-title-inner b{font-weight:900;display:block}.welcome-subtitle{color:#0d1b2ab8;max-width:580px;margin-top:24px;font-size:clamp(19px,2.4vw,24px);font-weight:500;line-height:1.7}.subtitle-line{white-space:nowrap;display:inline-block}.hero-title h1{color:#f0f4ff}.hero-subtitle{color:#f0f4ff80;letter-spacing:.04em;margin-top:12px;font-size:clamp(16px,2.5vw,22px);font-weight:600}.hero-card-stack{min-height:420px;max-height:60vh;transform-style:preserve-3d;position:relative}.page-hero>.scroll-hint{opacity:.8;z-index:10;color:#0d1b2acc;letter-spacing:.04em;pointer-events:none;font-size:18px;font-weight:700;transition:opacity .4s;animation:2s ease-in-out infinite float-hint;position:absolute;bottom:20px;left:auto;right:20%}.page-hero.has-scrolled>.scroll-hint{opacity:0}@keyframes float-hint{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.interactive-avatar{perspective:800px;z-index:2;place-items:center;max-height:min(693px,80vh);display:grid;position:absolute;top:50%;right:max(-260px,-16vw);transform:translateY(-50%)}.avatar-body{cursor:pointer;z-index:2;transition:transform .15s ease-out}.avatar-canvas,.avatar-video{filter:drop-shadow(0 20px 40px #0d1b2a2e);pointer-events:none;width:auto;max-height:min(693px,80vh)}.avatar-video-hidden{opacity:0;pointer-events:none;position:absolute}.avatar-canvas-overlay{display:block;position:relative}@keyframes avatar-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-tip{color:#f0f4ff;white-space:nowrap;z-index:5;background:#0d1b2ad9;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;position:absolute;bottom:5%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}@media (width<=920px){.hero{flex-direction:column;justify-content:center;gap:24px}.hero-welcome{text-align:center;max-width:100%}.interactive-avatar{max-height:50vh;position:relative;top:auto;right:auto;transform:none}.avatar-canvas,.avatar-video{max-height:40vh}}.identity-card,.mini-card,.blogger-card{background:var(--aw-ink);color:var(--aw-paper);box-shadow:var(--shadow-lg);border:1px solid #f0f4ff29;transition:transform .22s,box-shadow .22s,border-color .22s}.identity-card p,.mini-card span,.blogger-card p{color:#f0f4ffb8}.main-card{width:min(400px,92%);min-height:340px;padding:24px;position:absolute;inset:20px 0 auto auto;transform:rotate(-7deg)}.main-card h2{color:var(--aw-paper);margin-top:48px;font-size:clamp(32px,3.5vw,48px)}.card-head,.hero-bottom,footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.avatar{width:46px;height:46px;color:var(--aw-ink);background:var(--aw-paper);border-radius:50%;place-items:center;font-weight:900;display:grid}.avatar.large{width:72px;height:72px;font-size:30px}.status,.card-tags span,.node,.button{border:1px solid #f0f4ff47;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.status{padding:8px 10px;font-size:12px}.card-tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.card-tags span{color:var(--aw-ink);background:var(--aw-paper);padding:8px 10px;font-size:12px}.mini-card{gap:6px;min-width:164px;padding:18px;display:grid;position:absolute}.mini-card strong{color:var(--aw-paper);font-size:44px;line-height:1}.mini-card-a{top:30px;left:26px;transform:rotate(6deg)}.mini-card-b{bottom:82px;right:-4px;transform:rotate(-6deg)}.mini-card-c{bottom:36px;left:62px;transform:rotate(3deg)}.button{cursor:pointer;border:1px solid #f0f4ff47;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.dark{color:var(--aw-paper);background:var(--aw-ink)}.button.light{color:var(--aw-ink);background:var(--aw-paper)}.about-me{direction:rtl;grid-template-columns:minmax(0,.25fr) minmax(0,.75fr);align-items:center;gap:clamp(24px,4vw,60px);display:grid;overflow:hidden}.about-me>*{direction:ltr}.about-text{align-self:center;max-width:380px;margin-right:10%}.about-text h2{color:#0d1b2a;white-space:nowrap;margin-bottom:28px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:clamp(30px,3.5vw,50px);line-height:1.15}.about-body{gap:4px;display:grid}.about-body p{white-space:nowrap;color:#0d1b2ab8;margin:0;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:clamp(15px,1.6vw,18px);line-height:1.6}.about-body-wrap{white-space:normal}.about-emphasis{color:#ffffffb3;border-left:3px solid #fff6;margin-top:28px;padding-left:16px;font-size:clamp(14px,1.4vw,16px);font-weight:700}@media (width<=920px){.about-me{grid-template-columns:1fr}.skill-tags-grid{grid-template-columns:repeat(2,1fr);gap:18px}.about-text h2{font-size:clamp(32px,7vw,44px)}}@media (width<=560px){.skill-tags-grid{grid-template-columns:1fr}.skill-tag-card{transform:none!important}.skill-tag-card:nth-child(3n+2),.skill-tag-card:nth-child(3n){margin-top:0}}.skill-area-label{letter-spacing:.05em;margin:0 0 12px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:31px;font-weight:900;transform:translateY(-30px);color:#000!important;opacity:1!important}.skill-tags-area{margin-left:-15%}.skill-tags-grid{grid-template-columns:repeat(3,1fr);align-content:center;align-items:start;gap:22px 20px;display:grid}.skill-tag-card{background:var(--block-bg,#e8edfb);border:none;border-radius:18px;flex-direction:column;padding:24px 14px 14px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative;box-shadow:0 1px 2px #0d1b2a0f,0 4px 8px #0d1b2a0f,0 12px 28px #0d1b2a14,inset 0 -2px 4px #0d1b2a08}.skill-tag-card:nth-child(3n+2){margin-top:26px}.skill-tag-card:nth-child(3n){margin-top:-10px}.skill-tag-card:hover{z-index:10;box-shadow:0 8px 16px #0d1b2a1a,0 20px 40px #0d1b2a1f,0 40px 80px #0d1b2a24;transform:scale(1.55)rotate(0)!important}.skill-tag-card .pin{background:var(--pin-color,#7c9ff5);z-index:2;border-radius:50%;width:24px;height:24px;transition:transform .25s ease-out,box-shadow .25s ease-out;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000002e,inset 0 -2px 3px #00000026,inset 0 2px 3px #ffffff80}.skill-tag-card .pin:after{content:"";background:#ffffff8c;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:5px}.skill-tag-card:hover .pin{box-shadow:0 2px 8px #00000038, 0 0 14px var(--pin-color,#7c9ff5), inset 0 -2px 3px #00000026, inset 0 2px 3px #ffffff80;transform:translate(-50%)scale(1.15)}.skill-tag-inner{border-radius:12px;padding:4px}.skill-tag-card h3{color:#0d1b2a;white-space:nowrap;margin-bottom:4px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:clamp(16px,1.6vw,22px);font-weight:700}.skill-tag-card p{color:#0d1b2aa6;margin:0;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:clamp(13px,1.2vw,15px);line-height:1.45}.identity-card:hover,.mini-card:hover{background:var(--aw-ink)}.bloggers-section .section-heading{margin-top:clamp(40px,7vw,86px)}.page-bloggers:before{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}.bloggers-section,.page-bloggers{font-family:JC-LD-Round,Outfit,system-ui,sans-serif}.blogger-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px;display:grid}.blogger-card{text-align:center;color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:12px;grid-template-columns:1fr;align-content:space-between;min-height:200px;padding:24px;text-decoration:none;transition:transform .22s,background .22s;display:grid}.blogger-card:hover{background:#ffffff40;transform:translateY(-4px)}.blogger-avatar{color:#fff;background:#f0f4ff26;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:28px;font-weight:900;display:grid;overflow:hidden}.blogger-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.blogger-card h3{color:#fff;margin-bottom:8px;font-size:clamp(19px,1.7vw,24px)}.blogger-card p{color:#fffc;margin-bottom:12px;font-size:15px;line-height:1.5}.blogger-link{color:#fff9;letter-spacing:.02em;font-size:14px;font-weight:800}.ai-tools-section .section-heading{margin-top:clamp(40px,7vw,86px)}.ai-tools-section .section-heading h2{font-family:JC-LD-Round,Outfit,system-ui,sans-serif}.ai-tools-layout{align-items:flex-start;gap:24px;display:flex}.ai-tools-tabs{flex-direction:column;flex-shrink:0;gap:4px;min-width:160px;display:flex;position:sticky;top:20px}.ai-tools-tab{color:#0d1b2a80;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:18px;font-weight:600;transition:all .2s;display:block}.ai-tools-tab:hover{color:#0d1b2a;background:#0d1b2a0f}.ai-tools-tab.active{color:#fff;background:#0d1b2a}.ai-tools-grid{flex:1;grid-template-columns:repeat(6,1fr);gap:40px;margin-left:5%;display:grid}.ai-tool-icon-card{color:#0d1b2a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 8px;text-decoration:none;transition:all .2s;display:flex}.ai-tool-icon-card:hover{transform:translateY(-2px)}.ai-tool-logo{background:#fffc;border-radius:30px;flex-shrink:0;place-items:center;width:91px;height:91px;display:grid;overflow:hidden}.ai-tool-logo img{object-fit:cover;width:100%;height:100%}.ai-tool-letter{color:#0d1b2a66;font-size:22px;font-weight:800}.ai-tool-name{color:#0d1b2ab3;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:17px;font-weight:600;line-height:1.3;overflow:hidden}.ai-tool-icon-card:hover .ai-tool-name{color:#0d1b2a}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.tools-grid article:nth-child(n+4){transform:translateY(36px)}.tool-card{grid-template-columns:1fr;align-content:space-between;min-height:230px;padding:26px;display:grid}.tool-card-top{justify-content:space-between;align-items:center;display:flex}.tool-num{color:var(--aw-paper);font-size:28px;font-weight:900}.tool-status{border:1px solid #f0f4ff4d;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.status-idea{border-color:#f0f4ff4d}.status-planning{background:#2ed57333;border-color:#2ed57380}.status-coming-soon{background:#4a7bf733;border-color:#4a7bf780}.tool-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tool-meta span{color:#f0f4ff99;background:#f0f4ff14;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.tools-footer{text-align:center;opacity:.5;letter-spacing:.02em;margin-top:28px;font-size:14px;font-weight:600}.workflow-section .section-heading{margin-top:clamp(20px,3vw,40px)}.workflow-section,.page-workflow{font-family:JC-LD-Round,Outfit,system-ui,sans-serif}.page-workflow:before{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif}.workflow-section .section-heading p{font-size:19px}.page-workflow>.road-wrap{z-index:2;pointer-events:none;width:100%;bottom:15%;left:0;position:absolute!important}.road-svg{pointer-events:auto;width:100%;height:auto;display:block;overflow:visible}.road-pin{cursor:pointer;pointer-events:auto;animation:3s ease-in-out infinite float-pin;animation-delay:var(--float-delay,0s);transition:filter .3s}@keyframes float-pin{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.road-pin:hover,.road-pin.active{filter:drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 4px var(--accent))}.debug-card{background:#f0f4ff0a;border:1px solid #f0f4ff24;border-radius:10px;padding:20px}.debug-card:first-child{background:#ff475714;border-color:#ff475733}.debug-card:last-child{background:#2ed57314;border-color:#2ed57333}.debug-label{text-transform:uppercase;letter-spacing:.5px;color:#ff4757cc;margin-bottom:8px;font-weight:900;display:block;font-size:14px!important}.debug-card:last-child .debug-label{color:#2ed573cc}.debug-card p{color:#f0f4ffcc;line-height:1.65;font-size:17px!important}.wf-modal-backdrop{z-index:1050;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#0d1b2aa6;place-items:center;display:grid;position:fixed;inset:0}.wf-modal-card{cursor:default;background:var(--aw-ink);border-color:#f0f4ff2e;width:min(880px,100vw - 80px);max-height:calc(100vh - 80px);padding:48px 56px 40px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;position:relative;overflow-y:auto}.wf-modal-card h3{color:var(--aw-paper);margin-bottom:16px;padding-right:52px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:36px!important}.wf-modal-desc{color:#f0f4ffc7;margin-bottom:28px;line-height:1.7;font-size:18px!important}.wf-modal-debug{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.wf-modal-close{color:#f0f4ff99;cursor:pointer;background:0 0;border:1px solid #f0f4ff24;border-radius:8px;place-items:center;width:36px;height:36px;font-size:22px;line-height:1;transition:background .2s,color .2s,border-color .2s;display:grid;position:absolute;top:16px;right:20px}.wf-modal-close:hover{color:#f0f4ffe6;background:#f0f4ff14;border-color:#f0f4ff4d}.wf-modal-keywords{flex-wrap:wrap;gap:8px;display:flex;position:relative}.wf-keyword-tag{color:#f0f4ffcc;letter-spacing:.01em;cursor:default;background:#f0f4ff14;border:1px solid #f0f4ff24;border-radius:999px;padding:7px 18px;font-weight:700;position:relative;font-size:15px!important}.wf-keyword-tag:after{content:attr(data-tooltip);color:#f0f4ffe0;letter-spacing:0;text-transform:none;white-space:normal;pointer-events:none;opacity:0;z-index:10;background:#1a2744;border:1px solid #f0f4ff29;border-radius:10px;min-width:260px;max-width:360px;padding:12px 16px;font-size:14px;font-weight:400;line-height:1.6;transition:opacity .22s,transform .22s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)scale(.92);box-shadow:0 12px 36px #00000059}.wf-keyword-tag:hover:after{opacity:1;transform:translate(-50%)scale(1)}.workflow-summary{color:#f0f4ff8c;text-align:center;z-index:3;max-width:640px;font-size:20px;line-height:1.65;bottom:clamp(20px,3vh,48px);left:50%;transform:translate(-50%);position:absolute!important}.notes-tabs{gap:12px;margin-bottom:24px;display:flex}.notes-tab{color:#0d1b2a99;cursor:pointer;background:0 0;border:1px solid #0d1b2a29;border-radius:999px;padding:10px 24px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:15px;font-weight:700;transition:background .22s,color .22s,border-color .22s}.notes-tab:hover{background:#0d1b2a0a;border-color:#0d1b2a4d}.notes-tab.active{color:#f0f4ff;background:#0d1b2a;border-color:#0d1b2a}.articles-list{gap:18px;display:grid}.article-card{color:var(--aw-ink);background:#fff9;padding:24px;text-decoration:none;transition:transform .22s,background .22s;display:block}.article-card:hover{background:var(--aw-ink)}.article-card:hover h3,.article-card:hover p,.article-card:hover .article-link{color:var(--aw-paper)}.article-card:hover .article-date,.article-card:hover .article-category,.article-card:hover .article-num{color:#f0f4ff80}.article-card-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.article-num{color:var(--aw-ink);font-size:28px;font-weight:900;line-height:1}.article-date{color:#0d1b2a73;font-size:12px;font-weight:700}.article-category{color:#0d1b2a80;background:#0d1b2a14;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.article-card h3{color:var(--aw-ink);margin-bottom:8px;font-size:clamp(20px,1.8vw,24px)}.article-card p{color:#0d1b2aa6;margin-bottom:12px;line-height:1.6}.article-link{color:#0d1b2a80;font-size:13px;font-weight:800}.notes-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.note-card{text-align:left;cursor:pointer;background:#fff9;border:1px solid #0d1b2a1f;border-radius:12px;flex-direction:column;padding:20px;transition:background .22s,border-color .22s,transform .2s,box-shadow .22s;display:flex}.note-card:hover{background:#ffffffd9;border-color:#0d1b2a4d;transform:translateY(-3px);box-shadow:0 8px 24px #0d1b2a1a}.note-card-num{opacity:.4;margin-bottom:8px;font-size:12px;font-weight:900}.note-card h3{color:#0d1b2a;margin:0 0 8px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:17px;font-weight:700;line-height:1.3}.note-card p{color:#0d1b2aa6;flex:1;margin:0 0 12px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:14px;line-height:1.6}.note-card .note-tags{margin-top:auto}.note-card .note-tags span{color:#0d1b2a99;background:#0d1b2a0f;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:14px}.note-tags{flex-wrap:wrap;gap:8px;display:flex}.note-tags span{color:#f0f4ff99;background:#f0f4ff14;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.note-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0a0e1ab3;place-items:center;display:grid;position:fixed;inset:0}.note-modal{background:#1a2236;border:1px solid #f0f4ff1f;border-radius:16px;flex-direction:column;width:min(720px,92vw);max-height:82vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.note-modal-header{border-bottom:1px solid #f0f4ff14;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.note-modal-header h2{color:#fff;margin:0;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:20px;font-weight:700}.note-modal-close{color:#f0f4ff99;cursor:pointer;background:#f0f4ff0f;border:none;border-radius:8px;place-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:grid}.note-modal-close:hover{color:#fff;background:#f0f4ff24}.note-modal-body{-webkit-overflow-scrolling:touch;color:#f0f4ffd1;overscroll-behavior:contain;flex:1;padding:28px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:17px;line-height:1.75;overflow-y:auto}.note-modal-body h1{color:#fff;margin:0 0 16px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:24px;font-weight:800}.note-modal-body h2{color:#fff;border-bottom:1px solid #f0f4ff14;margin:28px 0 12px;padding-bottom:8px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:20px;font-weight:700}.note-modal-body h3{color:#f0f4ffe6;margin:20px 0 8px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:18px;font-weight:700}.note-modal-body p{margin:0 0 14px}.note-modal-body ul,.note-modal-body ol{margin:0 0 14px;padding-left:22px}.note-modal-body li{margin-bottom:6px}.note-modal-body strong{color:#fff;font-weight:700}.note-modal-body em{color:#f0f4ffa6}.note-modal-body code{color:#c4b5fd;background:#f0f4ff14;border-radius:4px;padding:2px 6px;font-size:14px}.note-modal-body pre{background:#0000004d;border-radius:8px;margin:0 0 14px;padding:16px;overflow-x:auto}.note-modal-body pre code{background:0 0;padding:0}.note-modal-body blockquote{background:#845ec214;border-left:3px solid #845ec299;border-radius:0 8px 8px 0;margin:0 0 14px;padding:12px 18px}.note-modal-loading{color:#f0f4ff80;place-items:center;min-height:200px;font-size:16px;display:grid}.contact-section{width:100%;position:relative;overflow:hidden}.contact-section .section-heading{margin-top:clamp(20px,3vw,40px)}.contact-section .section-heading h2{font-size:clamp(36px,4vw,56px)}.contact-section .section-heading p{margin-top:10px;font-size:18px}.contact-section .kicker{font-size:15px}.contact-layout{z-index:2;gap:48px;max-width:900px;margin-top:20px;display:flex;position:relative}.contact-info{flex-direction:column;flex:1;gap:24px;display:flex}.contact-block h3{color:#f0f4ffeb;margin-bottom:8px;font-size:22px;font-weight:800}.contact-block p{color:#f0f4ffa6;font-size:17px;line-height:1.65}.contact-email{align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex;color:#6c9bf2!important}.contact-email:hover{color:#8db6ff!important}.contact-actions{flex-direction:column;gap:14px;min-width:220px;display:flex}.contact-btn{cursor:pointer;color:#f0f4ffd9;background:#f0f4ff14;border:1px solid #f0f4ff33;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-family:JC-LD-Round,Outfit,system-ui,sans-serif;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.contact-btn:hover{color:#fff;background:#f0f4ff26;transform:translateY(-1px)}.copy-status{color:#2ed573e6;text-align:center;min-height:24px;margin-top:4px;font-size:14px;font-weight:700;display:block}footer{width:100%;padding:28px max(24px, calc((100vw - var(--content-width)) / 2));background:var(--aw-ink);color:#ffffffb3;z-index:200;border:0;margin:0;position:relative}[data-stagger]{--stagger-delay:0s;opacity:0;transition:opacity .7s cubic-bezier(.16, 1, .3, 1) var(--stagger-delay), transform .7s cubic-bezier(.16, 1, .3, 1) var(--stagger-delay);transform:translateY(20px)}[data-stagger].stagger-visible{opacity:1;transform:translateY(0)}.is-hovering:not(.skill-tag-card){box-shadow:0 34px 84px #06060657;transform:translate3d(var(--hover-x,0), var(--hover-y,0), 0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))!important}.button.is-hovering,.node.is-hovering,.note-tab.is-hovering,.skill-tag-card.is-hovering{box-shadow:none;transform:scale(1.06)rotate(0)!important}@media (width<=920px){.site-header{align-items:flex-start;min-height:auto;padding:14px 16px}.nav-links{flex-wrap:wrap;gap:4px}.hero{flex-direction:column;min-height:auto}.about-me,.tools-grid,.notes-layout,.articles-list,.blogger-grid{grid-template-columns:1fr}.ai-tools-layout{flex-direction:column}.ai-tools-tabs{flex-direction:row;gap:4px;min-width:0;overflow-x:auto}.ai-tools-tab{white-space:nowrap;padding:8px 14px;font-size:13px}.ai-tools-grid{grid-template-columns:repeat(4,1fr)}.page:before{font-size:clamp(72px,24vw,148px);top:74px;left:12px}.hero-title{padding-bottom:18px}.hero-card-stack{min-height:540px}.blogger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid article:nth-child(n+4){transform:none}.blogger-card{text-align:left}.article-card-head{flex-wrap:wrap}}@media (width<=620px){.nav-links{display:none}.brand{gap:2px;display:grid}.hero-title h1{font-size:clamp(46px,15vw,72px)}.hero-card-stack{gap:12px;min-height:auto;max-height:none;display:grid}.main-card,.mini-card{width:100%;min-height:auto;margin:0;position:relative;inset:auto;transform:none}.contact-layout{flex-direction:column;gap:28px}.contact-actions{flex-flow:wrap}.share-buttons .button{justify-content:center;width:100%}.tools-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.is-hovering{transition:none!important;transform:none!important}[data-stagger]{opacity:1;transition:none;transform:none}.diagonal-scroll-ribbon{display:none}.scroll-hint{animation:none}}.animated-gradient-text{justify-content:center;align-items:center;display:inline-flex;position:relative}.animated-gradient-text .gradient-overlay{border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0}.animated-gradient-text .text-content{z-index:2;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.char-encrypted{opacity:.5;filter:blur(.5px)}