:root{--color-bg: #ffffff;--color-bg-subtle: #f8f9fa;--color-border: #e9ecef;--color-border-strong: #dee2e6;--color-text: #1a1a1a;--color-text-muted: #555;--color-text-subtle: #666;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-link: #2563eb;--color-link-hover: #1d4ed8;--color-button-bg: #1a1a1a;--color-button-text: #fff;--color-error: #c00;--color-success: #0a0;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--page-max-width: 640px;--page-max-width-wide: 720px;--content-padding: 20px;--content-padding-sm: 16px;--touch-min: 44px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px}[data-theme=diskcleanero]{--color-bg: #030712;--color-bg-subtle: #111827;--color-border: #1f2937;--color-border-strong: #374151;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-text-subtle: #6b7280;--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-link: #60a5fa;--color-link-hover: #93c5fd;--color-button-bg: linear-gradient(to right, #2563eb, #4f46e5);--color-button-bg-hover: linear-gradient(to right, #3b82f6, #6366f1);--color-button-text: #fff;--color-error: #f87171;--color-success: #4ade80;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35)}[data-theme=diskcleanero] body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}[data-theme=diskcleanero] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=diskcleanero] ::-webkit-scrollbar-track{background:transparent}[data-theme=diskcleanero] ::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}[data-theme=diskcleanero] ::-webkit-scrollbar-thumb:hover{background:#4b5563}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.page-container{width:100%;max-width:var(--page-max-width);margin:0 auto;padding-left:var(--content-padding);padding-right:var(--content-padding);box-sizing:border-box}.page-container--wide{max-width:var(--page-max-width-wide)}.card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5);margin-bottom:var(--space-5)}.card__title{margin:0 0 var(--space-3);font-size:1.125rem;font-weight:600;color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:0 var(--space-4);font-family:inherit;font-size:1rem;font-weight:500;line-height:1.25;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;box-sizing:border-box}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--color-button-bg);color:var(--color-button-text);border-color:transparent}.btn--primary:not(:disabled):hover{filter:brightness(1.05)}.btn--primary:not(:disabled):active{filter:brightness(.98)}.btn--secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:not(:disabled):hover{background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.input{min-height:var(--touch-min);padding:0 var(--space-3);font-family:inherit;font-size:1rem;line-height:1.5;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-sizing:border-box;width:100%}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb26}.input::placeholder{color:var(--color-text-subtle)}.label{display:block;margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;color:var(--color-text)}.heading-hero{margin:0 0 var(--space-2);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;line-height:1.2;color:var(--color-text);text-align:center}.heading-sub{margin:0 0 var(--space-1);font-size:1rem;font-weight:400;color:var(--color-text-muted);text-align:center}.nav-pill{display:inline-flex;align-items:center;min-height:var(--touch-min);padding:0 var(--space-4);font-size:.9375rem;font-weight:500;color:var(--color-text);text-decoration:none;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-subtle);transition:background .15s,border-color .15s}.nav-pill:hover{background:var(--color-border);border-color:var(--color-border-strong)}.text-center{text-align:center}.loading-bar{height:4px;background:var(--color-bg-subtle);border-radius:2px;overflow:hidden}.loading-bar__fill{height:100%;width:30%;background:var(--color-border-strong);border-radius:2px;animation:loading-bar 1.2s ease-in-out infinite}@keyframes loading-bar{0%{transform:translate(-100%)}50%{transform:translate(233%)}to{transform:translate(-100%)}}.icon-btn{padding:var(--space-1) var(--space-2);border:none;background:transparent;cursor:pointer;border-radius:var(--radius);font-size:1rem;line-height:1;color:var(--color-text-muted);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--color-text);background:var(--color-bg-subtle)}.icon-btn-group{display:flex;align-items:center;gap:0;margin-left:auto;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.icon-btn-group .icon-btn{border-radius:0;border-right:1px solid var(--color-border)}.icon-btn-group .icon-btn:last-child{border-right:none}.add-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);text-decoration:none;font-size:1.25rem;line-height:1;transition:color .15s,border-color .15s,background .15s}.add-menu-btn:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-bg-subtle)}.msg-error{margin-top:var(--space-2);font-size:.875rem;color:var(--color-error)}@media (min-width: 480px){.page-container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 768px){.page-container{padding-left:var(--space-8);padding-right:var(--space-8)}}