[data-theme=day]{--page-bg:#f5f5f7;--text:#1a1a1a;--text-muted:#6e6e73;--card-bg:#fff;--card-border:#e5e5e7;--input-bg:#fff;--input-border:#d1d1d6;--pre-bg:#f5f5f7;--tab-inactive-bg:#e5e5e7;--tab-inactive-color:#6e6e73;--primary:#3758f9;--cta-accent:#059669;--cta-glow:#05966973;--overlay:#0006;--shadow:0 10px 30px #00000014;--drawer-shadow:4px 0 24px #00000026}[data-theme=night]{--page-bg:#0b0d12;--text:#e9ecf1;--text-muted:#b9c0cc;--card-bg:#0f131b;--card-border:#20283a;--input-bg:#0b0d12;--input-border:#2a3140;--pre-bg:#07090d;--tab-inactive-bg:#161a23;--tab-inactive-color:#9aa3b4;--primary:#3758f9;--cta-accent:#10b981;--cta-glow:#10b98166;--overlay:#0006;--shadow:0 10px 30px #00000014;--drawer-shadow:4px 0 24px #00000026}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;--font-11:11px;--font-12:12px;--font-13:13px;--font-14:14px;--font-15:15px;--font-18:18px;--font-20:20px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--touch-min:44px}.app-page{font-family:var(--font-family);padding:var(--space-4);background:var(--page-bg);color:var(--text);box-sizing:border-box;min-height:100vh}.app-header{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.app-header-left{flex:200px;min-width:0}.app-brand-row{align-items:center;gap:10px;display:flex}.app-brand-logo{object-fit:contain;flex-shrink:0;width:36px;height:36px}.app-header-controls{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.app-h1{font-size:var(--font-20);letter-spacing:.2px;margin:0;line-height:1.3}.app-sub{color:var(--text-muted);max-width:480px;line-height:1.4;font-size:var(--font-14);margin:4px 0 0}.tab-row{border-radius:var(--radius-lg);border:1px solid var(--card-border);gap:0;display:flex;overflow:hidden}.tab{font-size:var(--font-14);background:var(--tab-inactive-bg);color:var(--tab-inactive-color);cursor:pointer;min-height:var(--touch-min);border:none;padding:10px 14px;font-weight:500}.tab:hover{color:var(--text)}.tab[aria-selected=true],.tab-active{background:var(--primary);color:#fff;font-weight:600}.tab:focus-visible,.tab-active:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{font-size:var(--font-14);background:var(--primary);border:1px solid var(--primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;min-height:var(--touch-min);white-space:nowrap;padding:10px 14px;font-weight:600}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-cta-context{box-shadow:0 0 0 0 var(--cta-glow);background:var(--cta-accent)!important;border-color:var(--cta-accent)!important}.btn-cta-context:hover{filter:brightness(1.08)}.btn-cta-context:focus-visible{outline:2px solid var(--cta-accent);outline-offset:2px}@keyframes cta-pulse{0%,to{box-shadow:0 0 0 0 var(--cta-glow)}50%{box-shadow:0 0 0 8px var(--cta-glow)}}@media (prefers-reduced-motion:no-preference){.btn-cta-context{animation:2.2s ease-in-out infinite cta-pulse}}.btn-secondary{font-size:var(--font-14);background:var(--tab-inactive-bg);border:1px solid var(--card-border);color:var(--text);border-radius:var(--radius-md);cursor:pointer;padding:8px 14px;font-weight:600}.btn-secondary:hover{background:var(--input-border)}.btn-secondary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-icon{font-size:var(--font-14);background:var(--tab-inactive-bg);border:1px solid var(--card-border);color:var(--tab-inactive-color);border-radius:var(--radius-lg);cursor:pointer;min-height:var(--touch-min);min-width:var(--touch-min);justify-content:center;align-items:center;padding:10px 14px;font-weight:500;display:inline-flex}.btn-icon:hover{color:var(--text)}.btn-icon:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-icon-theme{padding:10px;font-size:1.25rem;line-height:1}.app-main{max-width:100%;overflow-x:hidden}.app-footer{color:var(--text-muted);font-size:var(--font-13);margin-top:14px}.app-footer a{color:var(--text-muted);text-underline-offset:2px;text-decoration:underline}.app-footer a:hover{color:var(--text)}.app-footer-link{font:inherit;font-size:inherit;color:var(--text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.app-footer-link:hover{color:var(--text)}.app-footer-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.drawer-overlay{background:var(--overlay);z-index:1000;cursor:pointer;position:fixed;inset:0}.drawer{background:var(--card-bg);border-right:1px solid var(--card-border);z-index:1001;width:min(400px,100vw);max-width:100%;height:100%;box-shadow:var(--drawer-shadow);position:fixed;top:0;left:0;overflow-y:auto}.drawer-header{padding:var(--space-4);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;display:flex}.drawer-title{font-size:var(--font-18);margin:0}.drawer-body{padding:var(--space-4)}.drawer-intro{margin:0 0 var(--space-3);font-size:var(--font-13);color:var(--text-muted);line-height:1.4}.tips-section{margin-bottom:var(--space-4)}.tips-section:last-child{margin-bottom:0}.tips-section-title{margin:0 0 var(--space-2);font-size:var(--font-14);color:var(--text);font-weight:600}.tips-section-body{font-size:var(--font-13);color:var(--text-muted);margin:0;line-height:1.45}.tips-section-body code{font-size:var(--font-12);border-radius:var(--radius-sm);background:var(--tab-inactive-bg);border:1px solid var(--card-border);padding:1px 4px}.tips-list{font-size:var(--font-13);color:var(--text-muted);margin:0;padding-left:1.25rem;line-height:1.45}.tips-list li{margin-bottom:var(--space-2)}.tips-list li:last-child{margin-bottom:0}.form-grid{margin-top:var(--space-3);gap:10px;display:grid}.form-label{font-size:var(--font-12);color:var(--text-muted);gap:6px;display:grid}.form-input,.form-textarea,.form-select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-14);outline:none;padding:10px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary)}.form-textarea{resize:vertical}.form-select{cursor:pointer}.preview-box{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px dashed var(--input-border);background:var(--input-bg)}.preview-title{margin:0 0 var(--space-2);font-size:var(--font-14);color:var(--text)}.preview-line{color:var(--text-muted);margin:6px 0;line-height:1.35}.form-reset-btn{margin-top:var(--space-3)}.prompt-list-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow);min-width:0;overflow:hidden}.app-instructions{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--tab-inactive-bg);border:1px solid var(--card-border);font-size:var(--font-13);color:var(--text-muted);line-height:1.45}.app-instructions strong{color:var(--text)}.library-header{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;min-width:0;display:flex}.library-title{font-size:var(--font-18);min-width:0;margin:0}.category-label{font-size:var(--font-12);color:var(--text-muted);gap:6px;width:100%;min-width:0;max-width:100%;display:grid}.category-select{box-sizing:border-box;width:100%;min-width:0;max-width:260px}.prompt-list{gap:var(--space-3);margin-top:var(--space-3);display:grid}.prompt-card{background:var(--input-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:0;overflow:hidden}.prompt-card-header{gap:var(--space-3);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;min-height:var(--touch-min);background:0 0;border:none;justify-content:space-between;align-items:flex-start;padding:14px;display:flex}.prompt-card-header:hover{background:var(--tab-inactive-bg)}.prompt-card-header:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.prompt-card-header-content{flex:1}.prompt-category-pill{font-size:var(--font-11);border-radius:var(--radius-pill);background:var(--tab-inactive-bg);border:1px solid var(--card-border);color:var(--text-muted);margin-bottom:6px;padding:4px 8px;display:inline-block}.prompt-title{font-size:var(--font-15);margin:0}.prompt-desc{color:var(--text-muted);line-height:1.35;font-size:var(--font-13);margin:6px 0 0}.prompt-chevron{font-size:var(--font-18);color:var(--text-muted);flex-shrink:0;font-weight:600}.prompt-card-body{border-top:1px solid var(--card-border);padding:0 14px 14px}.prompt-pre{margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--pre-bg);color:var(--text);white-space:pre-wrap;font-size:12.5px;line-height:1.4;overflow-x:auto}.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:767px){.app-page{padding:var(--space-3)}.app-header{gap:var(--space-2);margin-bottom:var(--space-3)}.app-header-controls{width:100%}.tab-row,.tab{flex:1;min-width:0}.drawer{width:100%;max-width:100%}.prompt-list-section{padding:var(--space-3)}.library-header{flex-direction:column;align-items:stretch}.category-select{max-width:none}}@media (min-width:768px) and (max-width:1023px){.app-page{padding:var(--space-4)}}.onboarding-overlay{background:var(--overlay);z-index:2000;position:fixed;inset:0}.onboarding-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);width:min(480px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow);z-index:2001;padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.onboarding-step-indicator{gap:var(--space-2);justify-content:center;display:flex}.onboarding-dot{background:var(--input-border);border-radius:50%;width:8px;height:8px}.onboarding-dot-active{background:var(--primary)}.onboarding-content{gap:var(--space-3);flex-direction:column;display:flex}.onboarding-headline{font-size:var(--font-18);margin:0;line-height:1.35}.onboarding-body{font-size:var(--font-14);color:var(--text-muted);margin:0;line-height:1.5}.onboarding-icons{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;display:flex}.onboarding-icon-step{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.onboarding-icon{font-size:28px;line-height:1}.onboarding-icon-label{font-size:var(--font-11);color:var(--text-muted)}.onboarding-arrow{font-size:var(--font-18);color:var(--text-muted)}.onboarding-demo-label{font-size:var(--font-13);color:var(--text-muted);gap:6px;font-weight:500;display:grid}.onboarding-demo-input{font-size:var(--font-14)}.onboarding-demo-hint{font-size:var(--font-12);color:var(--text-muted);margin:0;font-style:italic}.onboarding-demo-preview{max-height:140px;font-size:12px;overflow-y:auto}.onboarding-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.onboarding-chip{font-size:var(--font-12);border-radius:var(--radius-pill);background:var(--tab-inactive-bg);border:1px solid var(--card-border);color:var(--text-muted);padding:4px 10px;display:inline-block}.onboarding-actions{gap:var(--space-2);align-items:center;display:flex}.onboarding-actions-final{flex-direction:column;align-items:stretch}.onboarding-btn-next{white-space:nowrap}.onboarding-skip{font:inherit;font-size:var(--font-13);color:var(--text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;align-self:center;padding:0;text-decoration:underline}.onboarding-skip:hover{color:var(--text)}.onboarding-skip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:480px){.onboarding-modal{width:100vw;height:100vh;max-height:100vh;padding:var(--space-4);border:none;border-radius:0;justify-content:center;top:0;left:0;transform:none}}.prompt-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.prompt-actions .btn-primary,.prompt-actions .btn-secondary{flex:0 auto}.prompt-launch-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.prompt-launch-dot{background:#10a37f;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.prompt-toast{margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--tab-inactive-bg);border:1px solid var(--card-border);font-size:var(--font-13);color:var(--text);align-items:flex-start;gap:var(--space-2);line-height:1.4;display:flex}.prompt-toast-check{color:var(--cta-accent);font-size:var(--font-15);flex-shrink:0;line-height:1}.prompt-toast-text strong{margin-bottom:2px;display:block}.prompt-toast-text span{color:var(--text-muted);font-size:var(--font-12)}@media (max-width:480px){.prompt-actions{flex-direction:column}.prompt-actions .btn-primary,.prompt-actions .btn-secondary{width:100%}}*,:before,:after{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}