.blog{max-width:1280px;margin:0 auto;padding:48px 24px 64px}@media (width<=640px){.blog{padding:32px 0 48px}}.blog-card{border:1px solid var(--color-border-primary);background:var(--color-bg-primary);width:100%;max-width:380px;box-shadow:0 10px 30px var(--color-shadow);border-radius:18px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.blog-card:hover{border-color:var(--color-border-primary);box-shadow:0 18px 45px var(--color-shadow-strong);transform:translateY(-4px)}.blog-card__image-link{text-decoration:none;display:block}.blog-card__image{object-fit:cover;background:color-mix(in srgb, var(--color-text-primary) 6%, transparent);width:100%;height:220px;display:block}.blog-card__content{padding:22px}.blog-card__category{border:1px solid var(--color-text-secondary);background:color-mix(in srgb, var(--color-text-primary) 6%, transparent);color:var(--color-text-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:9px;margin-bottom:12px;padding:6px 10px;display:inline-flex}.blog-card__title{font-size:var(--font-size-subheading);line-height:1.3;font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:0}.blog-card__excerpt{color:var(--color-text-primary);font-size:var(--font-size-body-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 0;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card__footer{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}@media (width<=480px){.blog-card{border-radius:14px;max-width:100%}.blog-card__image{height:190px}.blog-card__content{padding:18px}.blog-card__title{font-size:var(--font-size-body-lg)}}.home{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:64px;max-width:1280px;margin:0 auto;padding:80px 24px 96px;display:grid;position:relative}.home-content{flex-direction:column;gap:24px;display:flex}.home-greeting{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.home-eyebrow{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;margin:0}.home-title{font-size:var(--font-size-display-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.05}.home-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);max-width:35rem;margin:0;line-height:1.4}.home-bio{font-size:var(--font-size-md);color:var(--color-text-primary);max-width:38rem;margin:0;line-height:1.75}.home-actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.home-action{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:transform .2s,color .2s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.home-action:hover{transform:translateY(-2px)}.home-action-primary{background-color:var(--color-text-secondary);color:var(--color-bg-primary);border:1px solid var(--color-text-secondary)}.home-action-primary:hover{color:var(--color-bg-primary);background-color:var(--color-link-hover);border-color:var(--color-link-hover);box-shadow:0 8px 24px color-mix(in srgb, var(--color-text-secondary) 28%, transparent)}.home-action-arrow{transition:transform .2s}.home-action-primary:hover .home-action-arrow{transform:translate(3px)}.home-action-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-primary);background-color:#0000}.home-action-secondary:hover{color:var(--color-link-hover);border-color:var(--color-text-secondary)}.home-aside{flex-direction:column;align-items:stretch;display:flex}.home-card{border:1px solid var(--color-border-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--color-text-primary) 5%, transparent), color-mix(in srgb, var(--color-text-primary) 2%, transparent));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:18px;flex-direction:column;align-items:center;gap:24px;padding:28px;display:flex}.home-portrait-frame{aspect-ratio:1;background:linear-gradient(145deg, var(--color-text-secondary), var(--color-border-primary) 60%);border-radius:20px;width:min(100%,200px);padding:4px;position:relative}.home-socials{justify-content:center;align-items:center;gap:12px;display:flex}.home-social-link{border:1px solid var(--color-border-primary);width:fit-content;color:var(--color-text-primary);background-color:#0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;transition:transform .2s,color .2s,border-color .2s,background-color .2s;display:inline-flex}.home-social-link:hover{color:var(--color-bg-primary);background-color:var(--color-text-secondary);border-color:var(--color-text-secondary);transform:translateY(-2px)}.home-social-icon{width:18px;height:18px;color:var(--color-text-secondary)}.home-social-link:hover .home-social-icon{color:var(--color-bg-primary)}.home-portrait-image{object-fit:cover;border:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);border-radius:17px;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.home-action:hover,.home-social-link:hover{transform:none}}@media (width<=900px){.home{grid-template-columns:1fr;gap:48px;min-height:auto;padding-top:48px}.home-aside{order:-1}.home-portrait-frame{width:min(100%,180px)}}.header{z-index:100;border-bottom:1px solid var(--color-border-primary);background-color:color-mix(in srgb, var(--color-bg-primary) 88%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:16px 24px;display:flex}.header-brand{text-decoration:none;transition:filter .2s}.header-brand:hover{filter:brightness(1.12)}.header-prompt{font-family:MesloLGS NF,MesloLGS Nerd Font,Menlo,Monaco,SF Mono,Courier New,monospace;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);letter-spacing:0;-webkit-font-smoothing:auto;font-smooth:never;color:var(--color-text-secondary);margin:0;padding:0;line-height:1.4;display:inline-block}.header-prompt-path{color:var(--color-text-secondary)}.header-prompt-path-accent{color:var(--color-text-primary)}.header-nav{align-items:center;gap:4px;display:flex}.header-nav-link{color:color-mix(in srgb, var(--color-text-primary) 70%, transparent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid #0000;border-radius:6px;padding:8px 14px;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;position:relative}.header-nav-link:hover{color:var(--color-text-primary);background-color:color-mix(in srgb, var(--color-text-primary) 5%, transparent)}.header-nav-link.active{color:var(--color-text-secondary);background-color:color-mix(in srgb, var(--color-text-secondary) 10%, transparent);border-color:color-mix(in srgb, var(--color-text-secondary) 28%, transparent)}@media (width<=640px){.header-container{padding:14px 16px}.header-prompt{font-size:var(--font-size-2xs)}.header-nav-link{font-size:var(--font-size-body-sm);padding:6px 10px}}.usage{max-width:1280px;margin:0 auto;padding:64px 24px 96px}.usage-hero{max-width:760px;margin-bottom:56px}.usage-section__kicker,.usage-card__label{color:var(--color-text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase;margin:0}.usage-title{color:var(--color-text-primary);font-size:var(--font-size-display-lg);line-height:1.04;font-weight:var(--font-weight-bold);margin:12px 0 0}.usage-intro{max-width:42rem;color:color-mix(in srgb, var(--color-text-primary) 78%, transparent);font-size:var(--font-size-md);margin:20px 0 0;line-height:1.75}.usage-section{border-top:1px solid var(--color-border-primary);grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:32px;padding:40px 0;display:grid}.usage-section__header{align-self:start;position:sticky;top:96px}.usage-section__title{color:var(--color-text-primary);font-size:var(--font-size-subheading);margin:10px 0 0;line-height:1.25}.usage-grid,.usage-tools{gap:14px;display:grid}.usage-grid--workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-card{border:1px solid var(--color-border-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--color-text-primary) 5%, transparent), color-mix(in srgb, var(--color-text-primary) 2%, transparent)), var(--color-bg-primary);border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:16px;min-height:100px;padding:20px;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.usage-card:hover{border-color:color-mix(in srgb, var(--color-text-secondary) 42%, var(--color-border-primary));transform:translateY(-3px)}.usage-card__icon{border:1px solid color-mix(in srgb, var(--color-text-secondary) 28%, transparent);width:44px;height:44px;color:var(--color-text-secondary);background-color:color-mix(in srgb, var(--color-text-secondary) 10%, transparent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.usage-card__content{min-width:0}.usage-card__title{color:var(--color-text-primary);font-size:var(--font-size-body-lg);margin:8px 0 0;line-height:1.3}.usage-card__detail{color:color-mix(in srgb, var(--color-text-primary) 70%, transparent);font-size:var(--font-size-body-sm);margin:10px 0 0;line-height:1.65}@media (prefers-reduced-motion:reduce){.usage-card:hover{transform:none}}@media (width<=960px){.usage{padding-top:48px}.usage-section{grid-template-columns:1fr;gap:20px}.usage-section__header{position:static}.usage-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.usage{padding:40px 16px 64px}.usage-hero{margin-bottom:36px}.usage-title{font-size:var(--font-size-display-mobile)}.usage-intro{font-size:var(--font-size-sm)}.usage-grid--workspace,.usage-tools{grid-template-columns:1fr}.usage-card{min-height:0;padding:18px}}@media (width<=420px){.usage-card{grid-template-columns:1fr}}:root{background-color:var(--color-bg-primary);color:var(--color-text-primary)}html,body,#root{font-family:var(--font-family-base);margin:0 auto;padding:0}:root{--color-bg-primary:#0c1117;--color-text-primary:#e6edf3;--color-text-secondary:#badfdb;--color-link-hover:#f6f4e8;--color-border-primary:#21262d;--color-shadow:#0f172a0f;--color-shadow-strong:#0f172a1f;--font-family-base:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-2xs:12px;--font-size-xs:13px;--font-size-body-sm:15px;--font-size-sm:16px;--font-size-body-lg:18px;--font-size-md:20px;--font-size-subheading:22px;--font-size-lg:24px;--font-size-heading:clamp(24px, 3vw, 30px);--font-size-display-sm:clamp(32px, 5.5vw, 40px);--font-size-display:clamp(32px, 5vw, 44px);--font-size-display-lg:clamp(32px, 5vw, 61px);--font-size-display-mobile:34px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800}