:root{--color-primary: #9c61fe;--color-primary-hover: #6840a9;--color-secondary: #000;--color-secondary-hover: #fff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-muted: #888888;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--border-radius: 6px;--border-radius-medium: 15px;--border-radius-large: 35px;--border-radius-extra-large: 50px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--color-text-primary)}body{background-color:var(--color-bg-secondary);font-size:16px;min-height:100vh;transition:all .4s}body:has(.kai button:hover){background-color:var(--color-secondary)}body:has(.kai button:hover) .shot-media{filter:grayscale(1)}body:has(.kai button:hover) .shot-media-frame__blur{opacity:0;transition:opacity .4s}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:1rem 0}.header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.logo{font-size:1.5rem;font-weight:700}.logo-link{color:var(--color-text-primary);text-decoration:none}.logo-link:hover{color:var(--color-primary)}.nav{display:flex;gap:2rem}.nav-link{font-weight:500;padding:.5rem 0;position:relative}.nav-link:hover{color:var(--color-primary)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-primary)}.env-indicator{margin-left:auto}.env-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--border-radius);text-transform:uppercase}.env-badge--dev{background-color:#fef3c7;color:#92400e}.env-badge--prod{background-color:#dcfce7;color:#166534}.main{padding:2rem 0}.footer{background-color:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:1rem 0;margin-top:auto}.footer-text{font-size:.875rem;color:var(--color-text-muted);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:var(--border-radius-medium);cursor:pointer;transition:all .2s;text-decoration:none;background:none;box-shadow:var(--shadow-md)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-secondary);color:#fff;transition:all .4s}.btn-primary:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.card-header{padding:1.5rem;border-bottom:1px solid var(--color-border)}.card-title{font-size:1.25rem;font-weight:600;margin:0}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.form-group{margin-bottom:1rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s,box-shadow .2s;background-color:var(--color-bg-primary)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:100px}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.header .container{flex-direction:column;align-items:stretch}.nav{justify-content:center}.env-indicator{margin-left:0;text-align:center}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}span.chapter{background-color:var(--color-bg-secondary);padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.main.svelte-1863ce5{flex:1;padding:2rem 0}