body.theme-brutal{--color-primary: #000000;--color-background: #ffffff;--color-text-primary: #000000}.back-button.svelte-1m7l375{position:fixed;top:var(--spacing-lg, 16px);left:var(--spacing-lg, 16px);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);background:var(--color-glass, rgba(255, 255, 255, .05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--border-radius, 8px);color:var(--color-text-secondary, #888888);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px;z-index:1000}.back-button.svelte-1m7l375:hover{background:#ffffff1a;color:var(--color-text-primary, #ffffff);border-color:var(--color-border-hover, rgba(255, 255, 255, .2))}.theme-toggle.svelte-1m7l375{position:fixed;top:16px;right:16px;display:flex;gap:0;background:var(--color-glass, rgba(255, 255, 255, .05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:8px;z-index:1000;overflow:hidden}.theme-toggle.svelte-1m7l375 button:where(.svelte-1m7l375){padding:8px 16px;background:transparent;color:var(--color-text-secondary, #888888);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.theme-toggle.svelte-1m7l375 button.active:where(.svelte-1m7l375){background:var(--color-primary, #00d4ff);color:var(--color-background, #000000)}.hero.svelte-1m7l375{text-align:center;padding:96px 0 64px}.hero.svelte-1m7l375 h1:where(.svelte-1m7l375){font-size:clamp(48px,8vw,96px);font-weight:900;line-height:1;margin-bottom:24px;background:linear-gradient(135deg,var(--color-text-primary, #ffffff) 0%,var(--color-primary, #00d4ff) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px}.hero-subtitle.svelte-1m7l375{font-size:24px;color:var(--color-text-secondary, #888888);margin-bottom:32px}.hero-dramatic.svelte-1m7l375{font-size:20px;color:var(--color-primary, #00d4ff);font-weight:600;margin-bottom:48px;line-height:1.6}.level-card.svelte-1m7l375{background:var(--color-glass, rgba(255, 255, 255, .05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:24px;padding:48px;margin-bottom:48px;position:relative;overflow:hidden}.level-card.svelte-1m7l375:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--level-color) 0%,transparent 100%)}.level-header.svelte-1m7l375{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.level-info.svelte-1m7l375{display:flex;align-items:center;gap:24px}.level-number.svelte-1m7l375{width:80px;height:80px;background:linear-gradient(135deg,var(--level-color) 0%,var(--level-color-dark) 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;color:#fff;box-shadow:0 0 40px rgba(var(--level-color-rgb),.3)}.level-name.svelte-1m7l375{font-size:32px;font-weight:700;margin-bottom:4px}.level-tagline.svelte-1m7l375{font-size:18px;color:var(--level-color);font-weight:600}.level-description.svelte-1m7l375{font-size:18px;line-height:1.6;color:var(--color-text-secondary, #888888);margin-bottom:32px}.privacy-grid.svelte-1m7l375{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.privacy-item.svelte-1m7l375{padding:16px;background:var(--color-glass, rgba(255, 255, 255, .05));border-left:4px solid;border-radius:8px}.privacy-item.can-control.svelte-1m7l375{border-color:var(--color-success, #22c55e)}.privacy-item.cannot-see.svelte-1m7l375{border-color:var(--color-info, #3b82f6)}.privacy-item.server-sees.svelte-1m7l375{border-color:var(--color-warning, #ffa500)}.privacy-item.never-keep.svelte-1m7l375{border-color:var(--color-error, #ef4444)}.privacy-item.offline.svelte-1m7l375{border-color:var(--color-purple, #9333ea)}.privacy-item-header.svelte-1m7l375{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;font-size:16px}.privacy-item-desc.svelte-1m7l375{color:var(--color-text-secondary, #888888);font-size:14px;line-height:1.5}.examples-section.svelte-1m7l375{background:rgba(var(--level-color-rgb),.05);border:1px solid rgba(var(--level-color-rgb),.2);border-radius:8px;padding:24px;margin-top:24px}.examples-title.svelte-1m7l375{font-size:18px;font-weight:600;color:var(--level-color);margin-bottom:12px}.example-apps.svelte-1m7l375{display:flex;flex-wrap:wrap;gap:8px}.example-app.svelte-1m7l375{padding:4px 12px;background:var(--color-glass, rgba(255, 255, 255, .05));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:8px;font-size:14px;font-weight:500}.level-subzero.svelte-1m7l375{background:linear-gradient(135deg,#000,#1a1a1a,#000);border-color:#333;animation:svelte-1m7l375-flicker 8s infinite}@keyframes svelte-1m7l375-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}95%{opacity:.9}96%{opacity:1}}.subzero-logo.svelte-1m7l375{background:#000;border:3px solid #ffffff;box-shadow:0 0 30px #ffffff4d;animation:svelte-1m7l375-pulse-border 2s infinite}@keyframes svelte-1m7l375-pulse-border{0%,to{box-shadow:0 0 30px #ffffff4d}50%{box-shadow:0 0 50px #fff9}}.vu-text.svelte-1m7l375{color:#fff;font-weight:900;font-size:36px;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.5)}.level-subzero.svelte-1m7l375 .level-name:where(.svelte-1m7l375){color:#fff;text-transform:uppercase;letter-spacing:3px}.blurred-text.svelte-1m7l375{color:#999;filter:blur(.5px);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:0 0 3px rgba(255,255,255,.1)}.glitch-text.svelte-1m7l375{color:#ccc;font-family:var(--font-mono, monospace);font-weight:600;text-transform:uppercase;letter-spacing:1px}.invitation-section.svelte-1m7l375{margin-top:48px;text-align:center;opacity:.6;transition:opacity .3s ease}.invitation-section.svelte-1m7l375:hover{opacity:1}.invitation-text.svelte-1m7l375{font-size:14px;color:gray;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-weight:600}.invitation-input.svelte-1m7l375{background:#00000080;border:1px solid #333333;color:#666;padding:12px 24px;font-size:14px;font-family:var(--font-mono, monospace);border-radius:0;width:300px;max-width:90%;text-align:center;cursor:not-allowed}.static-overlay.svelte-1m7l375{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none;opacity:.3}.cta-section.svelte-1m7l375{text-align:center;padding:64px 0;background:linear-gradient(135deg,rgba(0,212,255,.05) 0%,transparent 100%);border-radius:24px;margin:64px 0}.cta-title.svelte-1m7l375{font-size:36px;font-weight:700;margin-bottom:16px}.cta-subtitle.svelte-1m7l375{font-size:20px;margin-bottom:32px;color:var(--color-text-secondary, #888888)}.cta-button.svelte-1m7l375{display:inline-block;padding:16px 32px;background:var(--color-primary, #00d4ff);color:var(--color-background, #000000);font-size:18px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .2s ease}.cta-button.svelte-1m7l375:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff4d}@media(max-width:768px){.hero.svelte-1m7l375 h1:where(.svelte-1m7l375){font-size:48px}.level-header.svelte-1m7l375{flex-direction:column;gap:24px}.privacy-grid.svelte-1m7l375{grid-template-columns:1fr}}.glitching{animation:svelte-1m7l375-intense-glitch .2s infinite!important}@keyframes svelte-1m7l375-intense-glitch{0%,to{transform:translate(0) skew(0)}20%{transform:translate(-2px) skew(2deg)}40%{transform:translate(2px) skew(-2deg)}60%{transform:translate(-1px) skew(1deg)}80%{transform:translate(1px) skew(-1deg)}}.level-5-conventional.svelte-1m7l375{position:relative;border:2px dashed var(--level-color)!important;background:linear-gradient(135deg,rgba(var(--level-color-rgb),.05),rgba(var(--level-color-rgb),.02));opacity:.85}.level-5-conventional.svelte-1m7l375:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(var(--level-color-rgb),.1) 10px,rgba(var(--level-color-rgb),.1) 20px);pointer-events:none;z-index:1}.level-5-conventional.svelte-1m7l375>:where(.svelte-1m7l375){position:relative;z-index:2}.level-5-number.svelte-1m7l375{background:var(--level-color)!important;color:#fff!important;position:relative}.level-5-number.svelte-1m7l375:after{content:"✗";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;font-weight:900;text-shadow:0 0 4px rgba(0,0,0,.5)}.level-disclaimer.svelte-1m7l375{display:flex;align-items:center;margin-left:auto}.disclaimer-badge.svelte-1m7l375{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ef444433;border:1px solid #ef4444;border-radius:20px;color:#ef4444;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.conventional-examples.svelte-1m7l375{background:rgba(var(--level-color-rgb),.1)!important;border:1px dashed var(--level-color)!important}.privacy-item.conventional.svelte-1m7l375{opacity:.8;border-style:dashed!important}.privacy-item.conventional.svelte-1m7l375 .privacy-item-header:where(.svelte-1m7l375) span:where(.svelte-1m7l375){position:relative}.privacy-item.conventional.svelte-1m7l375 .privacy-item-header:where(.svelte-1m7l375) span:where(.svelte-1m7l375):before{content:'"';opacity:.6}.privacy-item.conventional.svelte-1m7l375 .privacy-item-header:where(.svelte-1m7l375) span:where(.svelte-1m7l375):after{content:'"';opacity:.6}.level-5-warning.svelte-1m7l375{margin-top:24px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.warning-content.svelte-1m7l375{display:flex;gap:12px;align-items:flex-start}.warning-content.svelte-1m7l375 strong:where(.svelte-1m7l375){color:#ef4444;display:block;margin-bottom:8px}.warning-content.svelte-1m7l375 p:where(.svelte-1m7l375){color:#888;font-size:14px;line-height:1.5;margin:0}.level-5-conventional.svelte-1m7l375:hover{opacity:1;border-color:#ef4444!important}.level-5-conventional.svelte-1m7l375:hover:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(239,68,68,.15) 10px,rgba(239,68,68,.15) 20px)}@media(max-width:768px){.level-disclaimer.svelte-1m7l375{margin-left:0;margin-top:12px}.level-header.svelte-1m7l375{flex-direction:column;align-items:flex-start}.disclaimer-badge.svelte-1m7l375{font-size:10px;padding:4px 8px}.warning-content.svelte-1m7l375{flex-direction:column;gap:8px}}
