:root{color-scheme:dark;--bg:#020617;--bg-elevated:#020617;--border-subtle:#1f2937;--border-strong:#4b5563;--text:#e5e7eb;--text-muted:#9ca3af;--accent:#60a5fa;--accent-soft:rgba(96,165,250,.15);--danger:#f97373;--radius-lg:16px;--radius-md:10px;--radius-pill:999px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#020617 0,#020617 40%,#020617 100%);color:var(--text)}body{min-height:100vh}main{padding:2rem 1.25rem}.popup-overlay,main{display:flex;justify-content:center}.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);align-items:center;z-index:999}.popup-box{background:#1b1b1b;padding:1.5rem;border-radius:10px;width:90%;max-width:320px;text-align:center;border:1px solid var(--border-subtle);box-shadow:0 0 20px rgba(0,0,0,.4)}.popup-box p{margin-bottom:1rem;color:var(--text-muted);font-size:.95rem}.popup-close{padding:.5rem 1rem;background:var(--button-bg);color:var(--button-text);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;font-size:.85rem}.popup-close:hover{opacity:.9}.app-shell{margin:2rem auto;width:100%;max-width:520px;background:radial-gradient(circle at top left,#020617 0,#020617 40%,#020617 100%);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:0 24px 60px rgba(0,0,0,.6);padding:1.75rem 1.5rem 1.5rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.site-footer{width:100%;text-align:center;padding:1rem 0;margin-top:2rem;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);opacity:.8}.app-title{font-size:1.4rem;font-weight:600;letter-spacing:.01em}.app-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}input[type=checkbox]{margin:0}.badge{font-size:.7rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-muted)}.field{margin-bottom:1rem}.label{display:block;font-size:.8rem;margin-bottom:.25rem;color:var(--text-muted)}.input,.select{width:100%;padding:.55rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:#020617;color:var(--text);font-size:.9rem}.input::placeholder{color:#6b7280}.helper{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.toggle-row{display:flex;align-items:center;gap:.5rem;margin:.1rem 0 1.5rem}.toggle-label{font-size:.8rem;color:var(--text-muted)}.toggle-input{accent-color:var(--accent)}.advanced-panel{margin-top:.5rem;padding:.75rem .75rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#020617}.advanced-title{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.inline-note{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.button-primary{width:100%;padding:.7rem .75rem;border-radius:var(--radius-pill);border:none;background:linear-gradient(135deg,#3b82f6,#ec4899);color:#f9fafb;font-weight:600;font-size:.95rem;cursor:pointer;margin-top:.75rem}.button-primary:active{transform:translateY(1px)}.result-card{margin-top:.75rem;padding:.8rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#020617;font-size:.9rem}.result-error{color:var(--danger)}.footer-note{margin-top:1.1rem;font-size:.75rem;color:var(--text-muted);line-height:1.4}code{font-family:SF Mono,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.share-button{max-width:200px;margin:0 auto}.text-center{text-align:center}