:root{--font-main: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--bg-canvas: #f8fafc;--dot-color: rgba(15, 23, 42, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-subtle: #e2e8f0;--border-hover: #cbd5e1;--card-bg: #ffffff;--card-border: #e2e8f0;--card-border-hover: #cbd5e1;--accent-forslow: #059669;--accent-feedbackfly: #4f46e5;--accent-picpony: #0284c7;--avatar-bg: #0f172a;--avatar-border: #e2e8f0;--avatar-text: #ffffff;--btn-social-bg: #ffffff;--btn-social-border: #e2e8f0;--btn-social-text: #334155;--btn-social-hover-bg: #f1f5f9;--btn-social-hover-text: #0f172a;--pill-bg: #f1f5f9;--pill-text: #475569;--pill-border: #e2e8f0;--pill-free-bg: #ecfdf5;--pill-free-text: #059669;--pill-free-border: #a7f3d0;--tag-bg: #f8fafc;--tag-border: #e2e8f0;--tag-text: #475569;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-card: 0 4px 16px -2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .03);--shadow-card-hover: 0 12px 28px -6px rgba(15, 23, 42, .09), 0 2px 8px -2px rgba(15, 23, 42, .04)}[data-theme=dark]{--bg-canvas: #090c13;--dot-color: rgba(255, 255, 255, .075);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #8492a6;--border-subtle: #1e2534;--border-hover: #2e394e;--card-bg: #111622;--card-border: #1c2436;--card-border-hover: #2b3852;--accent-forslow: #10b981;--accent-feedbackfly: #6366f1;--accent-picpony: #38bdf8;--avatar-bg: #161e2e;--avatar-border: #26334a;--avatar-text: #f8fafc;--btn-social-bg: #111622;--btn-social-border: #1c2436;--btn-social-text: #e2e8f0;--btn-social-hover-bg: #182030;--btn-social-hover-text: #ffffff;--pill-bg: #161c2a;--pill-text: #cbd5e1;--pill-border: #242e42;--pill-free-bg: rgba(16, 185, 129, .12);--pill-free-text: #34d399;--pill-free-border: rgba(52, 211, 153, .28);--tag-bg: #161c2a;--tag-border: #20283b;--tag-text: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .45);--shadow-card-hover: 0 12px 30px -4px rgba(0, 0, 0, .65)}*,*:before,*:after{-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}body.indie-portfolio-page{background-color:var(--bg-canvas);background-image:radial-gradient(var(--dot-color) 1.2px,transparent 1.2px);background-size:24px 24px;background-position:0 0;color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh;display:flex;flex-direction:column;transition:background-color .25s ease,color .2s ease;overflow-x:hidden;margin:0}.page-wrap{width:100%;max-width:1240px;margin:0 auto;padding:2.25rem 1.25rem 2.5rem;flex:1;display:flex;flex-direction:column}@media(min-width:768px){.page-wrap{padding:3.5rem 1.75rem 3rem}}@media(min-width:1024px){.page-wrap{padding:4rem 2rem 3.5rem}}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;flex:1}@media(min-width:1024px){.portfolio-grid{grid-template-columns:320px 1fr;gap:4rem;align-items:start}}.profile-sidebar{display:flex;flex-direction:column;gap:1.4rem}@media(min-width:1024px){.profile-sidebar{position:sticky;top:4rem}}.avatar-wrapper{position:relative;display:inline-block;width:fit-content}.avatar-circle{width:104px;height:104px;border-radius:50%;object-fit:cover;border:2px solid var(--avatar-border);box-shadow:var(--shadow-sm);display:block}.avatar-status-dot{position:absolute;bottom:5px;right:5px;width:14px;height:14px;background-color:#22c55e;border:2.5px solid var(--bg-canvas);border-radius:50%;transition:border-color .25s ease}@media(min-width:768px){.avatar-circle{width:116px;height:116px}.avatar-status-dot{bottom:6px;right:6px;width:15px;height:15px}}.profile-info h1{font-size:1.85rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.15;margin:0 0 .3rem}.profile-badge-role{display:inline-flex;align-items:center;gap:.45rem;font-size:.98rem;font-weight:600;line-height:1.2;color:var(--text-secondary);margin-bottom:.45rem}.profile-badge-role span{display:inline-block;line-height:1.2}.role-icon{width:15px;height:15px;color:var(--text-muted);flex-shrink:0;position:relative;top:1.5px;transition:color .2s ease}.profile-badge-role:hover .role-icon{color:var(--accent-forslow)}.profile-location{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;color:var(--text-muted)}.profile-bio-text{font-size:.94rem;color:var(--text-secondary);line-height:1.62}.profile-bio-text p{margin:0}.profile-bio-text p+p{margin-top:.75rem}.actions-stack{display:flex;flex-direction:column;gap:.65rem;margin-top:.35rem}.btn-contact-email{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--text-primary);color:var(--bg-canvas)!important;font-size:.92rem;font-weight:700;padding:.72rem 1.15rem;border-radius:9px;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 3px #00000014;width:100%}.btn-contact-email:hover{opacity:.92;transform:translateY(-1px);text-decoration:none}.socials-inline{display:flex;gap:.55rem}.btn-social-link{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:42px;border-radius:9px;background:var(--btn-social-bg);border:1px solid var(--btn-social-border);color:var(--btn-social-text)!important;text-decoration:none;font-size:.86rem;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-social-link:hover{background:var(--btn-social-hover-bg);color:var(--btn-social-hover-text)!important;border-color:var(--border-hover);transform:translateY(-1px);text-decoration:none}.btn-social-link svg{width:16px;height:16px;fill:currentColor}.btn-social-linkedin:hover{border-color:#0a66c2;color:#0a66c2!important}[data-theme=dark] .btn-social-linkedin:hover{border-color:#38bdf8;color:#38bdf8!important}.linkedin-scribble{margin-top:.65rem;display:flex;align-items:center;justify-content:flex-end;gap:.4rem;text-decoration:none!important;color:#b45309;cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .2s ease;padding-right:1.8rem;user-select:none}[data-theme=dark] .linkedin-scribble{color:#fbbf24}.linkedin-scribble:hover{transform:translateY(-2px);opacity:.95}.scribble-text{font-family:Caveat,cursive,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.1;transform:rotate(-2.5deg);white-space:nowrap;letter-spacing:-.01em}[data-theme=dark] .scribble-text{text-shadow:0 0 12px rgba(251,191,36,.3)}.scribble-arrow{width:36px;height:32px;flex-shrink:0;color:currentColor;transform:translateY(-4px);filter:drop-shadow(0 2px 4px rgba(180,83,9,.15));transition:transform .22s ease}[data-theme=dark] .scribble-arrow{filter:drop-shadow(0 0 8px rgba(251,191,36,.35))}.linkedin-scribble:hover .scribble-arrow{transform:translateY(-6px) scale(1.06)}@media(max-width:480px){.linkedin-scribble{margin-top:.55rem;padding-right:2.2rem}.scribble-text{font-size:1.05rem}.scribble-arrow{width:32px;height:28px}}.products-stage{display:flex;flex-direction:column;gap:3.25rem}.stage-section{display:flex;flex-direction:column;gap:1.4rem}.stage-intro{display:flex;flex-direction:column;gap:.18rem;margin:0}.stage-intro h2{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.18;margin:0}.stage-intro p{font-size:.92rem;color:var(--text-secondary);line-height:1.4;margin:0}.cards-flow{display:flex;flex-direction:column;gap:1.25rem}.app-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.6rem;text-decoration:none!important;color:inherit;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-card);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,border-color .22s ease;position:relative}.app-card:hover{transform:translateY(-2px);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover);text-decoration:none!important}.card-header-row{display:flex;align-items:flex-start;gap:1.1rem}.app-icon-img{width:50px;height:50px;object-fit:contain;flex-shrink:0;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1));transition:transform .22s ease}.app-icon-img.rounded-icon{border-radius:12px}.app-card:hover .app-icon-img{transform:scale(1.06)}.card-heading-group{flex:1;min-width:0}.card-title-line{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-title-line h3{font-size:1.28rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin:0}.arrow-icon{color:var(--text-muted);transition:transform .2s ease,color .2s ease;flex-shrink:0;display:flex;align-items:center}.app-card:hover .arrow-icon{color:var(--text-primary);transform:translate(2px,-2px)}.badges-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.35rem}.status-pill{font-size:.72rem;font-weight:600;padding:.18rem .55rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.3rem;line-height:1.3}.pill-free{background:var(--pill-free-bg);color:var(--pill-free-text);border:1px solid var(--pill-free-border)}.pill-live{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.28)}[data-theme=dark] .pill-live{color:#34d399;border-color:#34d39952}.pill-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;display:inline-block;flex-shrink:0}.pill-neutral{background:var(--pill-bg);color:var(--pill-text);border:1px solid var(--pill-border)}.product-card-wrap{position:relative;display:flex;flex-direction:column;width:100%}.product-card-wrap.has-behind-tab{margin-top:.85rem}.product-card-wrap .app-card{position:relative;z-index:2}.card-behind-tab{position:absolute;top:-22px;right:28px;height:26px;z-index:1;display:inline-flex;align-items:center;gap:.32rem;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:0 .72rem 3px;border-radius:8px 8px 0 0;line-height:1;user-select:none;text-decoration:none!important;cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,background-color .2s ease,border-color .2s ease;background:#0f172a;color:#fff!important;border:1px solid rgba(249,115,22,.35);border-bottom:none;box-shadow:0 -2px 6px #0f172a1f,0 -1px 5px #f973161f}.behind-tab-fire{display:inline-flex;align-items:center;justify-content:center;font-size:.86rem;line-height:1;transform-origin:50% 88%;animation:flameBurn 1.8s ease-in-out infinite;will-change:transform,filter;filter:drop-shadow(0 0 2px rgba(249,115,22,.65)) drop-shadow(0 -1px 4px rgba(239,68,68,.45))}.behind-tab-text{display:inline-block;line-height:1}@keyframes flameBurn{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 2px rgba(249,115,22,.65)) drop-shadow(0 -1px 4px rgba(239,68,68,.45))}16%{transform:scale(1.08,1.15) rotate(-3.5deg);filter:drop-shadow(0 0 4px rgba(251,146,60,.85)) drop-shadow(0 -2px 6px rgba(239,68,68,.6))}32%{transform:scale(.95,1.02) rotate(2.5deg);filter:drop-shadow(0 0 2px rgba(249,115,22,.55)) drop-shadow(0 -1px 3px rgba(234,88,12,.4))}48%{transform:scale(1.12,1.19) rotate(-2deg);filter:drop-shadow(0 0 5px rgba(251,191,36,.95)) drop-shadow(0 -2px 8px rgba(239,68,68,.7))}66%{transform:scale(.97,1.05) rotate(3deg);filter:drop-shadow(0 0 3px rgba(249,115,22,.65)) drop-shadow(0 -1px 5px rgba(220,38,38,.45))}83%{transform:scale(1.06,1.12) rotate(-1.5deg);filter:drop-shadow(0 0 4px rgba(251,146,60,.8)) drop-shadow(0 -2px 6px rgba(239,68,68,.55))}}.product-card-wrap:hover .card-behind-tab{transform:translateY(-3px);border-color:#f9731699;box-shadow:0 -4px 12px #0f172a33,0 -2px 8px #f9731647}.product-card-wrap:hover .behind-tab-fire{animation-duration:1.1s}.product-card-wrap:hover .app-card{transform:translateY(-2px);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover)}[data-theme=dark] .card-behind-tab{background:#f8fafc;color:#0f172a!important;border:1px solid rgba(249,115,22,.4);border-bottom:none;box-shadow:0 -2px 8px #0006,0 -1px 6px #f9731633}[data-theme=dark] .product-card-wrap:hover .card-behind-tab{background:#fff;border-color:#f97316a6;box-shadow:0 -4px 14px #00000080,0 -2px 10px #f9731659}@media(prefers-reduced-motion:reduce){.behind-tab-fire{animation:none}}@media(max-width:480px){.product-card-wrap.has-behind-tab{margin-top:.75rem}.card-behind-tab{right:20px;height:24px;top:-20px;font-size:.7rem;padding:0 .62rem 2px}.behind-tab-fire{font-size:.78rem}}.card-summary{font-size:.94rem;color:var(--text-secondary);line-height:1.62;margin:0}.feature-tags-list{display:flex;flex-wrap:wrap;gap:.45rem}.feature-tag{font-size:.76rem;font-weight:500;color:var(--tag-text);background:var(--tag-bg);border:1px solid var(--tag-border);padding:.22rem .55rem;border-radius:6px;display:inline-flex;align-items:center;gap:.25rem}.card-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.9rem;border-top:1px solid var(--border-subtle);font-size:.85rem}.card-domain-label{color:var(--text-muted);font-weight:500;font-size:.82rem}.card-visit-btn{font-weight:700;display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;transition:gap .2s ease}.card-forslow .card-visit-btn{color:var(--accent-forslow)}.card-feedbackfly .card-visit-btn{color:var(--accent-feedbackfly)}.card-picpony .card-visit-btn{color:var(--accent-picpony)}.app-card:hover .card-visit-btn{gap:.45rem}.posts-grid{display:grid;grid-template-columns:1fr;gap:1.4rem}@media(min-width:680px){.posts-grid{grid-template-columns:repeat(2,1fr);gap:1.4rem}}.post-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;overflow:hidden;text-decoration:none!important;color:inherit;box-shadow:var(--shadow-card);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,border-color .22s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-2px);border-color:var(--card-border-hover);box-shadow:var(--shadow-card-hover);text-decoration:none!important}.post-card-thumb{width:100%;height:290px;background:radial-gradient(circle at 50% 25%,#1e293b,#0f172a 65%,#080c14);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;position:relative}@media(min-width:680px){.post-card-thumb{height:330px;padding:16px}}.post-thumb-ambient{position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(56,189,248,.18) 0%,rgba(99,102,241,.12) 50%,transparent 70%);filter:blur(28px);pointer-events:none}.post-card-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:9px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px -4px #00000073;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;display:block;position:relative;z-index:1}.post-card:hover .post-card-img{transform:scale(1.02);box-shadow:0 14px 32px -4px #00000094,0 0 20px #38bdf826}.post-card-body{padding:1.35rem 1.4rem;display:flex;flex-direction:column;gap:.85rem;flex:1;justify-content:space-between}.post-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.post-tag{background:var(--pill-bg);color:var(--pill-text);border:1px solid var(--border-subtle);padding:.2rem .55rem;border-radius:6px;font-size:.78rem;font-weight:700;letter-spacing:.02em}.post-network-badge{display:inline-flex;align-items:center;gap:.35rem;color:#0a66c2;font-size:.8rem;font-weight:600;background:#0a66c214;padding:.18rem .5rem;border-radius:6px}[data-theme=dark] .post-network-badge{color:#38bdf8;background:#38bdf81a}.post-network-badge svg{fill:currentColor;flex-shrink:0}.post-heading-group{display:flex;flex-direction:column;gap:.4rem}.post-card-title{font-size:1.15rem;font-weight:800;letter-spacing:-.018em;line-height:1.35;color:var(--text-primary);margin:0}.post-card-excerpt{font-size:.91rem;color:var(--text-secondary);line-height:1.62;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.post-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.65rem;border-top:1px dashed var(--border-subtle);margin-top:.25rem}.post-time{color:var(--text-muted);font-size:.82rem;font-weight:500}.post-read-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.86rem;font-weight:700;color:var(--accent-forslow);transition:gap .2s ease}.post-card:hover .post-read-link{gap:.5rem}.post-read-link svg{width:14px;height:14px;transition:transform .2s ease}.post-card:hover .post-read-link svg{transform:translate(1px,-1px)}.indie-footer{margin-top:4rem;padding-top:1.75rem;border-top:1px solid var(--border-subtle);width:100%}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.86rem;color:var(--text-muted);width:100%}.footer-copy{font-weight:500;color:var(--text-muted);margin:0}.theme-toggle-button{display:inline-flex;align-items:center;gap:.4rem;background:var(--btn-social-bg);border:1px solid var(--btn-social-border);color:var(--btn-social-text);padding:.38rem .75rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;font-family:inherit;transition:all .2s ease;box-shadow:var(--shadow-sm);flex-shrink:0}.theme-toggle-button:hover{background:var(--btn-social-hover-bg);color:var(--btn-social-hover-text);border-color:var(--border-hover);transform:translateY(-1px)}