@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-base:#090e1a;--bg-surface:#111827;--bg-surface-elevated:#192134;--bg-glass:#121826bf;--accent-primary:#3c83f6;--accent-primary-hover:#639cf8;--accent-gradient:linear-gradient(135deg, #3c83f6 0%, #a65af2 100%);--accent-success:#1cca5b;--accent-warning:#f59f0a;--accent-danger:#f2406a;--accent-orange:#f97015;--text-primary:#f8fafc;--text-secondary:#a3b0c2;--text-muted:#6b7c94;--border-subtle:#ffffff14;--border-focus:#3c83f6;--shadow-glow:0 0 25px #3b82f640;--shadow-card:0 10px 30px -10px #00000080;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", "Inter", system-ui, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--min-touch-target:48px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light]{--bg-base:#f2f5f8;--bg-surface:#fff;--bg-surface-elevated:#e2e7ee;--bg-glass:#ffffffd1;--accent-primary:#156bf4;--accent-primary-hover:#0a5adb;--accent-gradient:linear-gradient(135deg, #156bf4 0%, #8c36e2 100%);--accent-success:#1a9e4a;--accent-warning:#d78c09;--accent-danger:#eb1446;--accent-orange:#ef6306;--text-primary:#0f1729;--text-secondary:#435670;--text-muted:#6b7c94;--border-subtle:#0000001a;--border-focus:#156bf4;--shadow-glow:0 4px 20px #3b82f62e;--shadow-card:0 8px 30px #00000012}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;overflow-x:hidden}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s}.card-glass:hover{border-color:#ffffff2e;transform:translateY(-2px)}.btn-primary{min-height:var(--min-touch-target);min-width:var(--min-touch-target);background:var(--accent-gradient);color:#fff;font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-glow);border:none;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:active{transform:scale(.96)}.btn-secondary{min-height:var(--min-touch-target);min-width:var(--min-touch-target);background:var(--bg-surface-elevated);color:var(--text-primary);font-family:var(--font-sans);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.95rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.btn-secondary:hover{background:#212c45;border-color:#fff3}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.status-pill{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.status-pill.success{color:var(--accent-success);background:#22c55e26;border:1px solid #22c55e4d}.status-pill.warning{color:var(--accent-warning);background:#f59e0b26;border:1px solid #f59e0b4d}.status-pill.danger{color:var(--accent-danger);background:#ef444426;border:1px solid #ef44444d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:4px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=date],input[type=time],input[type=datetime-local],input[type=month],select,textarea,.touch-input{appearance:none;width:100%;min-height:var(--min-touch-target);background:var(--bg-surface-elevated);color:var(--text-primary);font-family:var(--font-sans);border:1px solid var(--border-subtle);border-radius:var(--radius-md);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:0 16px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0003}[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=number],[data-theme=light] input[type=search],[data-theme=light] input[type=url],[data-theme=light] input[type=tel],[data-theme=light] input[type=date],[data-theme=light] input[type=time],[data-theme=light] input[type=datetime-local],[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] .touch-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg-surface);color:var(--text-primary);border:1px solid #00000026;box-shadow:0 2px 6px #0000000d}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=search]:hover,input[type=url]:hover,input[type=tel]:hover,input[type=date]:hover,input[type=time]:hover,input[type=datetime-local]:hover,select:hover,textarea:hover,.touch-input:hover{background:#1e273e;border-color:#ffffff40}[data-theme=light] input[type=text]:hover,[data-theme=light] input[type=email]:hover,[data-theme=light] input[type=password]:hover,[data-theme=light] input[type=number]:hover,[data-theme=light] input[type=search]:hover,[data-theme=light] input[type=url]:hover,[data-theme=light] input[type=tel]:hover,[data-theme=light] input[type=date]:hover,[data-theme=light] input[type=time]:hover,[data-theme=light] input[type=datetime-local]:hover,[data-theme=light] select:hover,[data-theme=light] textarea:hover,[data-theme=light] .touch-input:hover{background:#f8fafb;border-color:#00000040}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,select:focus,textarea:focus,.touch-input:focus{border-color:var(--accent-primary);background:#1f2a41;box-shadow:0 0 0 3px #3b82f640,0 0 16px #3b82f633}[data-theme=light] input[type=text]:focus,[data-theme=light] input[type=email]:focus,[data-theme=light] input[type=password]:focus,[data-theme=light] input[type=number]:focus,[data-theme=light] input[type=search]:focus,[data-theme=light] input[type=url]:focus,[data-theme=light] input[type=tel]:focus,[data-theme=light] input[type=date]:focus,[data-theme=light] input[type=time]:focus,[data-theme=light] input[type=datetime-local]:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus,[data-theme=light] .touch-input:focus{border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 3px #3b82f633,0 0 12px #3b82f626}::placeholder{color:var(--text-muted);opacity:.8}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;padding-right:42px}select option{background:var(--bg-surface-elevated);color:var(--text-primary);padding:12px;font-size:.95rem}[data-theme=light] select option{background:var(--bg-surface);color:var(--text-primary)}textarea,.touch-input.textarea{resize:vertical;min-height:100px;padding:14px 16px;line-height:1.5}::-webkit-calendar-picker-indicator{filter:invert(.85);cursor:pointer;border-radius:6px;padding:4px;transition:filter .2s,background .2s}::-webkit-calendar-picker-indicator:hover{filter:invert();background:#ffffff1f}[data-theme=light] ::-webkit-calendar-picker-indicator{filter:invert(.2)}[data-theme=light] ::-webkit-calendar-picker-indicator:hover{filter:invert(0);background:#00000014}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-secondary);letter-spacing:.01em;font-size:.82rem;font-weight:600}.form-row,.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.checkbox-card,.radio-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.checkbox-card:hover,.radio-card:hover{background:#1e273e;border-color:#fff3}.checkbox-card.selected,.radio-card.selected{border-color:var(--accent-primary);background:#3b82f61f}input[type=checkbox],input[type=radio]{accent-color:var(--accent-primary);cursor:pointer;width:18px;height:18px}@media print{.app-header,.bottom-nav,.install-banner,.header-actions,.tab-selector,.btn-primary,.btn-secondary,.icon-btn,.no-print{display:none!important}body,.app-layout,.app-content{color:#000!important;max-width:100%!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.card-glass,.modal-card,.editor-card,.print-card{color:#000!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.print-page-break{page-break-before:always}}.app-layout.svelte-12qhfyh{background:var(--bg-base);min-height:100vh;padding-top:calc(60px + var(--safe-top));padding-bottom:calc(70px + var(--safe-bottom));flex-direction:column;display:flex}.app-header.svelte-12qhfyh{height:calc(60px + var(--safe-top));padding-top:var(--safe-top);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:100;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;display:flex;position:fixed;top:0;left:0;right:0}.header-left.svelte-12qhfyh{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-badge.svelte-12qhfyh{background:var(--accent-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-title.svelte-12qhfyh{font-family:var(--font-display);letter-spacing:-.03em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.header-right.svelte-12qhfyh{align-items:center;gap:12px;display:flex}.network-badge.offline.svelte-12qhfyh{color:var(--accent-warning);border-radius:var(--radius-full);background:#f59e0b26;border:1px solid #f59e0b4d;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.header-icon-btn.svelte-12qhfyh{border-radius:var(--radius-full);background:var(--bg-surface-elevated);width:40px;height:40px;color:var(--text-primary);border:1px solid var(--border-subtle);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.badge-dot.svelte-12qhfyh{background:var(--accent-orange);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.install-banner.svelte-12qhfyh{background:var(--accent-gradient);color:#fff;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.85rem;font-weight:600;display:flex}.btn-sm.svelte-12qhfyh{min-height:36px;color:var(--bg-base);background:#fff;padding:0 14px;font-size:.85rem}.app-content.svelte-12qhfyh{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:20px}.bottom-nav.svelte-12qhfyh{height:calc(65px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item.svelte-12qhfyh{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-item.active.svelte-12qhfyh{color:var(--accent-primary);font-weight:700}.cookie-banner-overlay.svelte-12qhfyh{z-index:999;justify-content:center;display:flex;position:fixed;bottom:75px;left:16px;right:16px}.cookie-banner-card.svelte-12qhfyh{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:900px;padding:16px 20px;display:flex;box-shadow:0 12px 32px #0006}.cookie-content.svelte-12qhfyh{flex:1;align-items:center;gap:14px;min-width:280px;display:flex}.cookie-icon-box.svelte-12qhfyh{border-radius:var(--radius-md);width:42px;height:42px;color:var(--accent-warning);background:#f59e0b26;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cookie-content.svelte-12qhfyh h3:where(.svelte-12qhfyh){margin-bottom:2px;font-size:.95rem;font-weight:700}.cookie-content.svelte-12qhfyh p:where(.svelte-12qhfyh){color:var(--text-secondary);font-size:.78rem;line-height:1.3}.cookie-link.svelte-12qhfyh{color:var(--accent-primary);font-weight:600;text-decoration:underline}.cookie-actions.svelte-12qhfyh{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-btn.svelte-12qhfyh{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.test-env-badge.svelte-12qhfyh{border-radius:var(--radius-full);color:#fbbf24;letter-spacing:.04em;background:#f59e0b26;border:1px dashed #f59e0b99;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.pulse-dot.svelte-12qhfyh{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.5s infinite svelte-12qhfyh-pulse-orange}@keyframes svelte-12qhfyh-pulse-orange{0%{transform:scale(.95);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1);box-shadow:0 0 0 6px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}
