: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:#667eea26;--brand-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%);--brand-gradient-subtle:linear-gradient(135deg, #667eea1f 0%, #764ba214 25%, #f093fb14 50%, #4facfe1a 75%, #00f2fe1f 100%);--error-bg:#dc35451f;--error-text:#f87171;--error-border:#dc35454d;--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 (width>=640px){:root{--page-padding:1.5rem;--page-padding-right:1.5rem;--page-padding-bottom:1.5rem;--content-max:640px;font-size:17px}}@media (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{flex-direction:column;min-height:100dvh;display:flex}.page-main{width:100%;padding:var(--page-padding) var(--page-padding-right) var(--page-padding-bottom);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}@media (width<=639px){.page-main--triage{justify-content:flex-start;min-height:100svh;padding-bottom:0;overflow:hidden}.page-main--triage .triage-scroll{-webkit-overflow-scrolling:touch;min-height:0;padding:var(--page-padding) var(--page-padding-right) 1rem var(--page-padding);flex:1 1 0;overflow-y:auto}.page-main--triage .triage-controls-bar{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);flex-shrink:0}}.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:.2s ease-out viewer-image-in}@keyframes viewer-image-in{0%{opacity:0}to{opacity:1}}.viewer-loading,.viewer-placeholder{transition:opacity .15s}.viewer-loading:after{content:"";background:linear-gradient(110deg, var(--bg-elevated) 0%, var(--bg-elevated) 40%, #667eea14 50%, var(--bg-elevated) 60%, var(--bg-elevated) 100%);pointer-events:none;background-size:200% 100%;border-radius:12px;animation:1.2s ease-in-out infinite viewer-shimmer;position:absolute;inset:0}.viewer-loading{position:relative}@keyframes viewer-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.keep-just-clicked{animation:.4s ease-out keep-pulse}@keyframes keep-pulse{0%{transform:scale(1);box-shadow:0 0 #667eea80}50%{transform:scale(1.02)}to{transform:scale(1);box-shadow:0 0 0 10px #667eea00}}.discover-loading-bar{background:var(--bg-secondary);border-radius:3px;width:100%;max-width:280px;height:6px;margin:0 auto 1rem;overflow:hidden}.discover-loading-bar-fill{background:var(--brand-gradient);border-radius:3px;width:40%;min-width:80px;height:100%;animation:1.4s ease-in-out infinite discover-loading-slide}@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{opacity:.6;width:100%;animation:none}.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{margin-top:0;font-size:1.35rem}.markdown-content h2{font-size:1.1rem}.markdown-content p{color:var(--text);margin:.75em 0}.markdown-content ul{color:var(--text);margin:.75em 0;padding-left:1.25rem}.markdown-content li{margin:.25em 0}.markdown-content strong{color:var(--text-h)}.markdown-content code{background:var(--bg-elevated);color:var(--brand-cyan);border-radius:4px;padding:.15em .4em;font-size:.9em}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}@media (width>=640px){.markdown-content{padding:1.5rem!important}}@media (width>=1024px){.markdown-content{max-height:65vh!important;padding:2rem!important}}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.progress-bar-wrap{background:var(--bg-secondary);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar-fill{background:var(--brand-gradient);border-radius:2px;height:100%;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:"";background:var(--brand-gradient);-webkit-mask-composite:xor;pointer-events:none;border-radius:13px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-home{max-width:min(var(--content-max), 480px)}.login-steps{grid-template-columns:repeat(2,1fr)}@media (width>=420px){.login-steps{grid-template-columns:repeat(4,1fr)}}.login-step-badge{line-height:1}.login-key kbd{background:var(--border);border-radius:4px;padding:.1em .35em;font-size:.75em}.login-more h2{margin-top:1em;margin-bottom:.35em}.login-more h2:first-child{margin-top:0}.actions-row{flex-direction:column;gap:.75rem;width:100%;display:flex}.actions-row>*{width:100%;min-width:0}@media (width>=480px){.actions-row{flex-flow:wrap;justify-content:center;width:auto}.actions-row>*{flex:0 auto;width:auto}}
