:root{--bg-primary:#FAF9F6;--bg-secondary:#FFFFFF;--text-main:#2D2D2D;--text-muted:#555555;--border-color:#E5E3DB;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}*{box-sizing:border-box;}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);font-size:115%;line-height:1.6;margin:0;padding:6vw 2rem;display:flex;justify-content:center;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}.project-container{max-width:1000px;width:100%;}h1,h2,h3{font-family:var(--font-serif);font-weight:400;color:#1A1A1A;margin-top:3rem;margin-bottom:1rem;}h1{font-size:4rem;margin-top:0;margin-bottom:0.5rem;letter-spacing:-0.02em;}h2{font-size:2.2rem;border-bottom:1px solid var(--border-color);padding-bottom:0.5rem;margin-top:3.5rem;}h3{font-size:1.8rem;margin-top:2.5rem;font-family:var(--font-sans);font-weight:600;}p{margin-bottom:1.4rem;font-size:1.15rem;}.project-meta{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:3rem;font-size:1.15rem;color:var(--text-muted);}.tags{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.5rem;}.tag{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:0.3rem 0.6rem;border-radius:4px;font-size:0.95rem;}a{color:var(--text-main);text-decoration:none;border-bottom:1px solid var(--border-color);transition:border-color 0.2s ease;}a:hover{border-bottom-color:var(--text-main);}ul,ol{padding-left:1.5rem;color:var(--text-main);margin-bottom:1.5rem;font-size:1.15rem;}li{margin-bottom:0.8rem;}pre{background-color:#F0EFEA;padding:1rem;border-radius:6px;overflow-x:auto;margin-top:0.5rem;margin-bottom:1.5rem;}pre code{background-color:transparent;padding:0;font-size:0.95em;}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background-color:#F0EFEA;padding:0.2rem 0.4rem;border-radius:4px;font-size:0.95em;}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.05);margin-bottom:2.5rem;margin-top:1.5rem;}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}.usage-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;margin-top:4rem;}.usage-box h3{margin-top:0;font-size:1.6rem;font-family:var(--font-serif);font-weight:400;}.usage-box p:last-child{margin-bottom:0;}.nav-back{display:inline-block;margin-bottom:2rem;font-size:1.15rem;color:var(--text-muted);border-bottom:none;}.nav-back:hover{color:var(--text-main);border-bottom:none;}@media (max-width:600px){body{font-size:90%;padding:6vw 1.2rem;}h1{font-size:2.8rem;}h2{font-size:1.8rem;margin-top:2.5rem;}h3{font-size:1.4rem;margin-top:2rem;}p,ul,ol,.project-meta{font-size:1.05rem;}.usage-box{padding:1.5rem;margin-top:2.5rem;}.usage-box h3{font-size:1.3rem;}.nav-back{font-size:1rem;margin-bottom:1.5rem;}}

.video-fallback{height:auto;padding:1.25rem 1.4rem;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:0.8rem;align-items:flex-start;box-shadow:none;}.video-fallback p{margin:0;font-size:1.05rem;color:var(--text-muted);}.video-link{display:inline-flex;align-items:center;justify-content:center;padding:0.55rem 0.95rem;border:1px solid var(--border-color);border-radius:6px;background:#F0EFEA;text-decoration:none;font-size:1rem;font-weight:600;}