:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .8);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent: #f59e0b;--accent-secondary: #fbbf24;--success: #22c55e;--error: #ef4444;--border: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh;padding:1rem;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.container{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}h1{font-size:2rem;font-weight:700;text-align:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{text-align:center;color:var(--text-secondary);font-size:.9rem}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:1.5rem}label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}select,input[type=text],input[type=number]{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .2s}select:focus,input:focus{border-color:var(--accent)}input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.description{font-size:.85rem;color:var(--text-secondary);margin-top:.75rem;line-height:1.5}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.checkbox-group{display:flex;align-items:center;gap:.75rem}.checkbox-group label{margin-bottom:0;text-transform:none;font-weight:400;color:var(--text-primary)}button{width:100%;padding:1rem;font-size:1rem;font-weight:600;color:var(--bg-primary);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s,transform .1s}button:hover:not(:disabled){opacity:.9}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.stop-btn{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%)}.output-card h3{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}pre{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.85rem;color:var(--text-primary);background:var(--bg-primary);border-radius:8px;padding:1rem;overflow-x:auto;max-height:280px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.live-card{text-align:center}.live-card h3{margin-bottom:1rem}.lux-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1rem}#luxValue{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lux-unit{font-size:1.5rem;color:var(--text-secondary)}.lux-bar{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;margin-bottom:1rem}.lux-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:4px;transition:width .2s ease-out;width:0%}