html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}:root{color:#1c2a3a;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f6f1e8;--bg-soft:#fffaf4c7;--panel:#fffcf7d6;--panel-border:#748aa529;--panel-hover:#fff8effa;--text:#1c2a3a;--muted:#617489;--soft:#41556b;--cyan:#4bbecf;--blue:#4f83d1;--accent-gradient:linear-gradient(135deg, #d66d4b 0%, #f0a35a 45%, #f6c66a 100%);--shadow:0 18px 55px #6c54381f;background-color:#f6f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#f0ac5f3d,#0000 28%),radial-gradient(circle at 85% 18%,#76bcd42e,#0000 24%),linear-gradient(#fbf7f1 0%,#f6efe3 46%,#f3eadc 100%);margin:0}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{position:relative}.bg-grid{pointer-events:none;opacity:.35;background-image:linear-gradient(#41556b0d 1px,#0000 1px),linear-gradient(90deg,#41556b0d 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 92%);mask-image:radial-gradient(circle,#000 35%,#0000 92%)}.bg-orb{z-index:0;filter:blur(86px);pointer-events:none;opacity:.28;border-radius:999px;position:fixed}.bg-orb-1{background:#f1ab5957;width:320px;height:320px;top:80px;left:-70px}.bg-orb-2{background:#66b8d038;width:280px;height:280px;bottom:100px;right:-40px}.header,.section,.hero,.app{z-index:1;position:relative}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fbf7f1eb 0%,#fbf7f1b8 100%);border-bottom:1px solid #41556b14;justify-content:space-between;align-items:center;gap:24px;padding:14px 48px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;text-transform:lowercase;color:#243446;font-size:1.06rem;font-weight:800}.nav{flex-wrap:wrap;gap:18px;display:flex;position:relative}.header-right{align-items:center;gap:14px;display:flex}.nav a{color:var(--muted);font-size:.95rem;transition:color .2s,transform .2s}.nav a.active{color:var(--text)}.nav a:hover{color:var(--text);transform:translateY(-1px)}.nav-indicator{background:var(--accent-gradient);pointer-events:none;border-radius:999px;height:2px;transition:transform .22s,width .22s,opacity .22s;position:absolute;bottom:-8px;left:0;box-shadow:0 10px 30px #d66d4b29}.lang-toggle{color:var(--soft);letter-spacing:.02em;background:#ffffff8f;border:1px solid #4f83d129;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:600;transition:transform .2s,border-color .2s,background .2s,color .2s}.lang-toggle:hover{color:var(--text);background:#f0a35a1a;border-color:#d66d4b47;transform:translateY(-1px)}.app{width:100%;max-width:1720px;margin:0 auto;padding:20px 48px 100px;position:relative}.section{padding-top:76px}.hero{grid-template-columns:1.35fr .65fr;align-items:center;gap:48px;min-height:calc(100vh - 92px);padding-top:18px;display:grid}.eyebrow,.section-kicker,.project-badge,.contact-label,.info-label{letter-spacing:.1em;text-transform:uppercase;color:#b8673d;font-size:.78rem}.hero h1{letter-spacing:-.055em;margin:14px 0 0;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.96}.hero-accent{letter-spacing:-.02em;color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;margin-top:14px;font-size:clamp(1.08rem,2vw,1.65rem);line-height:1.24;display:block}.hero-description{max-width:840px;color:var(--muted);margin:24px 0 0;font-size:1.12rem}.hero-meta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-meta span{color:#3d5065;background:#ffffff80;border:1px solid #4f83d11f;border-radius:999px;padding:10px 14px;font-size:.92rem}.hero-actions,.heading-actions,.editor-actions,.post-view-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:32px}.btn,.mini-btn{border:0;border-radius:16px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover,.mini-btn:hover{transform:translateY(-2px)}.btn{min-width:148px;padding:14px 20px;font-weight:700}.btn.compact{min-width:0;padding:12px 16px}.btn-primary{background:var(--accent-gradient);color:#2f1a11;box-shadow:0 12px 30px #d66d4b2e}.btn-secondary,.mini-btn{color:var(--text);background:#ffffff94;border:1px solid #4f83d124}.btn-ghost{color:var(--soft);background:0 0;border:1px dashed #4f83d12e}.mini-btn{border-radius:12px;padding:10px 14px}.mini-btn.danger{color:#ffd2d2;border-color:#ff757538}.card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:26px}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.subtle-card{background:#ffffff7a;padding:18px 20px}.hero-panel,.about-card,.quote-card,.project-card,.blog-list,.blog-view,.editor-panel,.focus-card,.skill-card,.contact-card{padding:30px}.status-line{color:#3d5065;align-items:center;gap:10px;margin-bottom:22px;display:flex}.status-dot{background:#f0a35a;border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px #f0a35a73}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.info-item,.project-block{background:#ffffff94;border:1px solid #4f83d11a;border-radius:18px;padding:18px}.info-item h3,.project-block h4,.contact-card h3,.post-view-top h3,.focus-card h3,.skill-card h3{color:#223144;margin:10px 0 0}.project-block h4{letter-spacing:.08em;text-transform:uppercase;color:#b8673d;margin-top:0;font-size:.92rem}.section-heading{max-width:860px;margin-bottom:24px}.section-heading-row{justify-content:space-between;align-items:end;gap:18px;max-width:none;display:flex}.section-heading h2{letter-spacing:-.03em;margin:10px 0 0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08}.about-card p,.focus-card p,.project-summary,.project-block p,.roadmap-card p,.quote-card p,.blog-note,.post-item p,.post-content,.post-excerpt,.contact-card span{color:var(--muted)}.section-description{max-width:760px;color:var(--muted);margin:14px 0 0;font-size:1.02rem;line-height:1.75}.about-card p+p,.quote-card p{margin-top:16px}.focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.chip-wrap,.post-tags{flex-wrap:wrap;gap:10px;display:flex}.chip,.post-tags span{color:#2c4056;background:#ffffff8c;border:1px solid #4f83d11f;border-radius:999px;padding:9px 13px;font-size:.9rem}.project-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.inline-link{color:#3f74c4}.project-summary{margin:18px 0 0;font-size:1.08rem;line-height:1.7}.project-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.roadmap-card{padding:28px}.roadmap-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.roadmap-stage{color:#b8673d;letter-spacing:.08em;background:#ffffff9e;border:1px solid #4f83d11f;border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:8px 12px;font-weight:700;display:inline-flex}.roadmap-status{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.roadmap-status-completed{color:#3f7e39;background:#78b96e24}.roadmap-status-in-progress{color:#a45b27;background:#f0a35a29}.roadmap-status-planned{color:#3f74c4;background:#4f83d11f}.roadmap-card h3{color:#223144;margin:18px 0 0;font-size:1.24rem;line-height:1.35}.roadmap-card p{margin:14px 0 0;line-height:1.72}.blog-layout{grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:18px;display:grid}.blog-list-head,.post-view-top,.editor-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.blog-list-head h3,.editor-head h3,.post-view-top h3{margin:0}.post-list-items{gap:12px;margin-top:18px;display:grid}.post-item{text-align:left;width:100%;color:var(--text);background:#ffffff80;border:1px solid #4f83d11a;border-radius:18px;padding:16px}.post-item:hover,.post-item.active{background:#f0a35a1f;border-color:#d66d4b33}.post-item-top{justify-content:space-between;gap:12px;display:flex}.post-item strong{font-size:1rem}.post-item p{margin:10px 0 0;line-height:1.55}.post-item small,.post-meta-line{color:#72849a}.post-meta-line{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.post-tags.large{gap:8px}.post-excerpt{margin:18px 0 0;font-size:1.02rem}.post-content{white-space:pre-wrap;margin-top:18px;line-height:1.82}.editor-panel{margin-top:18px}.editor-form{gap:14px;margin-top:18px;display:grid}.editor-form label{color:var(--soft);gap:8px;display:grid}.editor-form input,.editor-form textarea{width:100%;color:var(--text);background:#fff9;border:1px solid #4f83d129;border-radius:14px;outline:none;padding:14px 16px}.editor-form input:focus,.editor-form textarea:focus{border-color:#d66d4b73;box-shadow:0 0 0 3px #f0a35a24}.quote-card blockquote{letter-spacing:-.03em;color:#223144;margin:0;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.15}.guestbook-card{z-index:1;padding:24px;position:relative}.guestbook-note{color:var(--muted);margin:0 0 18px;line-height:1.7}.utterances-frame{z-index:2;isolation:isolate;width:100%;min-height:220px;position:relative}.utterances-frame iframe{pointer-events:auto;z-index:3;border:0;width:100%;max-width:100%;display:block;position:relative}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.contact-card{transition:transform .2s,border-color .2s,background .2s}.contact-card:hover{background:var(--panel-hover);border-color:#d66d4b3d;transform:translateY(-4px)}.contact-placeholder{cursor:default}@media (width<=1280px){.app{max-width:100%;padding:18px 28px 88px}.header{padding:14px 28px 18px}.hero,.blog-layout,.project-detail-grid,.roadmap-grid,.focus-grid,.contact-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.app{padding:14px 16px 56px}.header{flex-direction:column;align-items:flex-start;gap:14px;padding:10px 16px 14px;position:static}.header-right{justify-content:space-between;gap:12px;width:100%}.nav{gap:10px 14px}.nav a{font-size:.88rem}.nav-indicator{display:none}.lang-toggle{padding:8px 12px;font-size:.86rem}.section{padding-top:46px}.hero{grid-template-columns:1fr;gap:20px;min-height:auto;padding-top:8px}.hero h1{font-size:clamp(2.4rem,12vw,3.8rem);line-height:1.01}.hero-accent{margin-top:10px;font-size:1rem;line-height:1.35}.hero-description{margin-top:16px;font-size:.98rem;line-height:1.65}.hero-meta{gap:8px;margin-top:16px}.hero-meta span,.chip,.post-tags span{padding:8px 12px;font-size:.82rem}.hero-actions,.heading-actions,.post-view-actions,.editor-actions{gap:10px}.btn,.btn.compact,.mini-btn{width:100%;min-width:0}.hero-panel,.about-card,.quote-card,.project-card,.blog-list,.blog-view,.editor-panel,.focus-card,.skill-card,.contact-card{border-radius:20px;padding:20px}.section-heading,.section-heading-row{gap:14px;margin-bottom:18px;display:grid}.section-heading h2{font-size:1.7rem;line-height:1.15}.info-grid,.skills-grid,.focus-grid,.contact-grid,.project-detail-grid,.roadmap-grid,.blog-layout{grid-template-columns:1fr;gap:14px}.post-item-top,.post-meta-line,.blog-list-head,.post-view-top,.editor-head{flex-direction:column;align-items:flex-start}}