:root{--bg: #0a0a0a;--bg-elevated: #141414;--bg-secondary: #1a1a1a;--border: #2a2a2a;--text: #a0a0a0;--text-h: #f5f5f5;--brand-primary: #667eea;--brand-muted: #764ba2;--brand-pink: #f093fb;--brand-sky: #4facfe;--brand-cyan: #00f2fe;--accent: #667eea;--accent-hover: #7c8ef5;--accent-light: rgba(102, 126, 234, .15);--brand-gradient: linear-gradient( 135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100% );--brand-gradient-subtle: linear-gradient( 135deg, rgba(102, 126, 234, .12) 0%, rgba(118, 75, 162, .08) 25%, rgba(240, 147, 251, .08) 50%, rgba(79, 172, 254, .1) 75%, rgba(0, 242, 254, .12) 100% );--error-bg: rgba(220, 53, 69, .12);--error-text: #f87171;--error-border: rgba(220, 53, 69, .3);--sans: system-ui, "Segoe UI", Roboto, sans-serif;--page-padding: max(1rem, env(safe-area-inset-left));--page-padding-right: max(1rem, env(safe-area-inset-right));--page-padding-bottom: max(1rem, env(safe-area-inset-bottom));--touch-min: 44px;--content-max: 100%;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 640px){:root{--page-padding: 1.5rem;--page-padding-right: 1.5rem;--page-padding-bottom: 1.5rem;--content-max: 640px;font-size:17px}}@media (min-width: 1024px){:root{--page-padding: 2rem;--page-padding-right: 2rem;--page-padding-bottom: 2rem;--content-max: 800px;font-size:18px}}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;overflow-x:hidden}#root{min-height:100svh;min-height:100dvh;display:flex;flex-direction:column}.page-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--page-padding) var(--page-padding-right) var(--page-padding-bottom);overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 639px){.page-main--triage{justify-content:flex-start;min-height:100dvh;min-height:100svh;padding-bottom:0;overflow:hidden}.page-main--triage .triage-scroll{flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--page-padding) var(--page-padding-right) 1rem var(--page-padding)}.page-main--triage .triage-controls-bar{flex-shrink:0;width:100%;padding:.75rem var(--page-padding-right) max(.75rem,env(safe-area-inset-bottom)) var(--page-padding);background:var(--bg);border-top:1px solid var(--border)}}.content-wrap{width:100%;max-width:var(--content-max);margin:0 auto}.touch-target{min-height:var(--touch-min);min-width:var(--touch-min)}.touch-target-inline{min-height:var(--touch-min);padding:.625rem 1rem}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viewer-image-wrap img{animation:viewer-image-in .2s ease-out}@keyframes viewer-image-in{0%{opacity:0}to{opacity:1}}.viewer-loading,.viewer-placeholder{transition:opacity .15s ease}.viewer-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(110deg,var(--bg-elevated) 0%,var(--bg-elevated) 40%,rgba(102,126,234,.08) 50%,var(--bg-elevated) 60%,var(--bg-elevated) 100%);background-size:200% 100%;animation:viewer-shimmer 1.2s ease-in-out infinite;pointer-events:none}.viewer-loading{position:relative}@keyframes viewer-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.keep-just-clicked{animation:keep-pulse .4s ease-out}@keyframes keep-pulse{0%{box-shadow:0 0 #667eea80;transform:scale(1)}50%{transform:scale(1.02)}to{box-shadow:0 0 0 10px #667eea00;transform:scale(1)}}.discover-loading-bar{width:100%;max-width:280px;margin:0 auto 1rem;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.discover-loading-bar-fill{height:100%;width:40%;min-width:80px;background:var(--brand-gradient);border-radius:3px;animation:discover-loading-slide 1.4s ease-in-out infinite}@keyframes discover-loading-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion: reduce){.viewer-loading:after{animation:none}.progress-bar-fill{transition:none}.discover-loading-bar-fill{animation:none;width:100%;opacity:.6}.keep-just-clicked{animation:none}}.markdown-content h1,.markdown-content h2{color:var(--text-h);margin-top:1.5em;margin-bottom:.5em;font-weight:600}.markdown-content h1{font-size:1.35rem;margin-top:0}.markdown-content h2{font-size:1.1rem}.markdown-content p{margin:.75em 0;color:var(--text)}.markdown-content ul{margin:.75em 0;padding-left:1.25rem;color:var(--text)}.markdown-content li{margin:.25em 0}.markdown-content strong{color:var(--text-h)}.markdown-content code{background:var(--bg-elevated);color:var(--brand-cyan);padding:.15em .4em;border-radius:4px;font-size:.9em}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}@media (min-width: 640px){.markdown-content{padding:1.5rem!important}}@media (min-width: 1024px){.markdown-content{padding:2rem!important;max-height:65vh!important}}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.progress-bar-wrap{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--brand-gradient);border-radius:2px;transition:width .25s ease-out}.card-gradient-accent{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;position:relative}.card-gradient-accent:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;padding:1px;background:var(--brand-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-home{max-width:min(var(--content-max),480px)}.login-steps{grid-template-columns:repeat(2,1fr)}@media (min-width: 420px){.login-steps{grid-template-columns:repeat(4,1fr)}}.login-step-badge{line-height:1}.login-key kbd{padding:.1em .35em;border-radius:4px;background:var(--border);font-size:.75em}.login-more h2{margin-top:1em;margin-bottom:.35em}.login-more h2:first-child{margin-top:0}.actions-row{display:flex;flex-direction:column;gap:.75rem;width:100%}.actions-row>*{width:100%;min-width:0}@media (min-width: 480px){.actions-row{flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto}.actions-row>*{width:auto;flex:0 1 auto}}