@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:300 800;src:url(/static/media/outfit-variable-latin.9361ca49fa8244163822.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300 700;src:url(/static/media/inter-variable-latin.4f2981d82860061bca3e.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--brand-blue:#0b5bf8;--brand-violet:#5a22f7;--brand-magenta:#b226f6;--brand-blue-bright:#3d7dff;--brand-violet-bright:#7c4dff;--brand-magenta-bright:#c95cff;--brand-blue-deep:#0743bd;--brand-violet-deep:#4415c4;--brand-magenta-deep:#8a15c2;--gradient-brand:linear-gradient(135deg,var(--brand-blue) 0%,var(--brand-violet) 52%,var(--brand-magenta) 100%);--gradient-brand-wide:linear-gradient(120deg,var(--brand-blue) 0%,var(--brand-violet) 45%,var(--brand-magenta) 90%);--gradient-brand-glow:radial-gradient(ellipse at 30% 20%,#0b5bf847 0%,#5a22f729 38%,#0000 68%);--gradient-brand-line:linear-gradient(90deg,var(--brand-blue) 0%,var(--brand-violet) 50%,var(--brand-magenta) 100%);--font-display:"Outfit","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--text-display:clamp(2.5rem,6vw,4rem);--text-h1:clamp(2rem,4.5vw,3rem);--text-h2:clamp(1.5rem,3vw,2rem);--text-h3:1.25rem;--text-h4:1.0625rem;--text-body-lg:1.0625rem;--text-body:0.9375rem;--text-body-sm:0.875rem;--text-caption:0.8125rem;--text-label:0.75rem;--leading-tight:1.08;--leading-heading:1.2;--leading-body:1.65;--tracking-display:-0.03em;--tracking-heading:-0.02em;--tracking-body:0;--tracking-label:0.06em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0b5bf8,#5a22f7 52%,#b226f6);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:#0000}.brand-edge{position:relative}.brand-edge:before{background:linear-gradient(90deg,#0b5bf8,#5a22f7 50%,#b226f6);background:var(--gradient-brand-line);border-radius:inherit;content:"";height:2px;left:0;position:absolute;right:0;top:0}.brand-diagonal{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 3.5rem),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 3.5rem),0 100%)}.brand-glow{isolation:isolate;position:relative}.brand-glow:before{background:radial-gradient(ellipse at 30% 20%,#0b5bf847 0,#5a22f729 38%,#0000 68%);background:var(--gradient-brand-glow);content:"";height:140%;inset:-20% -10% auto;pointer-events:none;position:absolute;z-index:-1}:root{--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--motion-fast:120ms;--motion-base:200ms;--motion-slow:380ms}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-base:0ms;--motion-slow:0ms}}:root{--dk-bg:#0e1013;--dk-surface:#16191f;--dk-surface-raised:#1c2027;--dk-surface-sunken:#0a0c0f;--dk-surface-hover:#222630;--dk-text:#e9ebef;--dk-text-secondary:#b3bac5;--dk-text-muted:#939cab;--dk-border:#272c35;--dk-border-strong:#626c7b;--dk-accent:#9b7cff;--dk-accent-hover:#ad93ff;--dk-accent-active:#c0abff;--dk-accent-soft:#211a3d;--dk-accent-glow:#9b7cff2e;--dk-success:#5cd197;--dk-success-soft:#13291f;--dk-warning:#e3ac61;--dk-warning-soft:#2c2213;--dk-danger:#f6858f;--dk-danger-hover:#faa5ad;--dk-danger-soft:#2e171b;--dk-text-on-danger:#2b0d11;--color-bg:#f5f6f8;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#eef0f3;--color-surface-hover:#f0f2f5;--color-text:#14161a;--color-text-secondary:#4a525e;--color-text-muted:#626a76;--color-text-on-accent:#fff;--color-border:#e2e5ea;--color-border-strong:#848d99;--color-accent:#5a22f7;--color-accent-hover:#4c1ad6;--color-accent-active:#4718c9;--color-accent-soft:#f1ecff;--color-accent-glow:#5a22f724;--color-success:#16794a;--color-success-soft:#e6f4ec;--color-warning:#8a5300;--color-warning-soft:#fdf1de;--color-danger:#c22b3c;--color-danger-hover:#a12130;--color-danger-soft:#fdecee;--color-text-on-danger:#fff;--color-focus-ring:var(--color-accent);--focus-ring:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-focus-ring);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-family:var(--font-body);--font-family-display:var(--font-display);--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-md:0.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.4;--line-height-normal:1.6;--line-height-relaxed:1.7;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:999px;--shadow-sm:0 1px 2px #10141c0f;--shadow-md:0 2px 4px #10141c0f,0 4px 12px #10141c0f;--shadow-lg:0 4px 8px #10141c0f,0 12px 32px #10141c1a;--transition-fast:120ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--content-width:1160px;--content-width-narrow:720px;--header-height:60px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--dk-bg);--color-surface:var(--dk-surface);--color-surface-raised:var(--dk-surface-raised);--color-surface-sunken:var(--dk-surface-sunken);--color-surface-hover:var(--dk-surface-hover);--color-text:var(--dk-text);--color-text-secondary:var(--dk-text-secondary);--color-text-muted:var(--dk-text-muted);--color-border:var(--dk-border);--color-border-strong:var(--dk-border-strong);--color-accent:var(--dk-accent);--color-accent-hover:var(--dk-accent-hover);--color-accent-active:var(--dk-accent-active);--color-accent-soft:var(--dk-accent-soft);--color-accent-glow:var(--dk-accent-glow);--color-success:var(--dk-success);--color-success-soft:var(--dk-success-soft);--color-warning:var(--dk-warning);--color-warning-soft:var(--dk-warning-soft);--color-danger:var(--dk-danger);--color-danger-hover:var(--dk-danger-hover);--color-danger-soft:var(--dk-danger-soft);--color-text-on-danger:var(--dk-text-on-danger);--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 4px #0000004d,0 4px 12px #00000059;--shadow-lg:0 4px 8px #0000004d,0 12px 32px #00000073;color-scheme:dark}}:root[data-theme=dark]{--color-bg:var(--dk-bg);--color-surface:var(--dk-surface);--color-surface-raised:var(--dk-surface-raised);--color-surface-sunken:var(--dk-surface-sunken);--color-surface-hover:var(--dk-surface-hover);--color-text:var(--dk-text);--color-text-secondary:var(--dk-text-secondary);--color-text-muted:var(--dk-text-muted);--color-border:var(--dk-border);--color-border-strong:var(--dk-border-strong);--color-accent:var(--dk-accent);--color-accent-hover:var(--dk-accent-hover);--color-accent-active:var(--dk-accent-active);--color-accent-soft:var(--dk-accent-soft);--color-accent-glow:var(--dk-accent-glow);--color-success:var(--dk-success);--color-success-soft:var(--dk-success-soft);--color-warning:var(--dk-warning);--color-warning-soft:var(--dk-warning-soft);--color-danger:var(--dk-danger);--color-danger-hover:var(--dk-danger-hover);--color-danger-soft:var(--dk-danger-soft);--color-text-on-danger:var(--dk-text-on-danger);--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 4px #0000004d,0 4px 12px #00000059;--shadow-lg:0 4px 8px #0000004d,0 12px 32px #00000073;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-text-on-accent:#10121a}}:root[data-theme=dark]{--color-text-on-accent:#10121a}.section-head{margin-bottom:var(--space-6)}.section-head .eyebrow{color:var(--color-accent);display:block;font-family:var(--font-family-display);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);margin-bottom:var(--space-2);text-transform:uppercase}.section-head h1,.section-head h2{margin:0}.section-head p{color:var(--color-text-secondary);line-height:var(--leading-body);margin:var(--space-2) 0 0;max-width:62ch}.avatar{background:var(--gradient-brand);border-radius:var(--radius-full);display:grid;flex-shrink:0;font-family:var(--font-family-display);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);height:32px;place-items:center;text-transform:uppercase;width:32px}.avatar-lg{font-size:var(--text-h3);height:56px;width:56px}.empty{align-items:center;display:flex;flex-direction:column;padding:var(--space-16) var(--space-6);text-align:center}.empty-icon{background:var(--color-accent-soft);border-radius:var(--radius-xl);color:var(--color-accent);height:56px;margin-bottom:var(--space-5);width:56px}.empty h3{font-size:var(--text-h3);margin:0 0 var(--space-2)}.empty p{color:var(--color-text-secondary);line-height:var(--leading-body);margin:0 0 var(--space-6);max-width:44ch}.skeleton{background:var(--color-surface-hover);border-radius:var(--radius-md);overflow:hidden;position:relative}.skeleton:after{animation:skeleton-sweep 1.4s var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000 0,var(--color-surface-raised) 50%,#0000 100%);content:"";inset:0;position:absolute;transform:translateX(-100%)}.skeleton-text{border-radius:var(--radius-sm);height:.75em}.skeleton-text+.skeleton-text{margin-top:var(--space-2)}@keyframes skeleton-sweep{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{display:none}}.tip{position:relative}.tip:after{background:var(--color-text);border-radius:var(--radius-sm);bottom:calc(100% + 8px);color:var(--color-bg);content:attr(data-tip);font-size:var(--text-caption);left:50%;opacity:0;padding:5px var(--space-3);pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);white-space:nowrap;z-index:20}.tip:focus-visible:after,.tip:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.progress{background:var(--color-surface-hover);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar{background:var(--gradient-brand);border-radius:inherit;height:100%;transition:width var(--motion-base) var(--ease-out)}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.toolbar-grow{flex:1 1 220px;min-width:180px}.toolbar-grow .input{width:100%}.toolbar-end{color:var(--color-text-muted);font-size:var(--text-body-sm);margin-left:auto;white-space:nowrap}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.rise,.rise-stagger>*{animation:rise var(--motion-slow) var(--ease-out) both}.rise-stagger>:first-child{animation-delay:0ms}.rise-stagger>:nth-child(2){animation-delay:40ms}.rise-stagger>:nth-child(3){animation-delay:80ms}.rise-stagger>:nth-child(4){animation-delay:.12s}.rise-stagger>:nth-child(5){animation-delay:.16s}.rise-stagger>:nth-child(n+6){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.rise,.rise-stagger>*{animation:none}}.visually-hidden{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.stack{flex-direction:column;gap:var(--space-4)}.row,.stack{display:flex}.row{align-items:center;gap:var(--space-2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal)}img,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}code,kbd,pre{font-family:var(--font-family-mono)}h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-family-display);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--line-height-tight)}h1{letter-spacing:var(--tracking-display)}a{color:var(--color-accent)}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-focus-ring);outline-offset:2px}.container{margin:0 auto;max-width:var(--content-width);padding:0 var(--space-6);width:100%}.text-center{text-align:center}.btn{align-items:center;background:var(--color-accent);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-on-accent);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;line-height:1;min-height:40px;padding:var(--space-2) var(--space-4);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn:hover:not(:disabled){background:var(--color-accent-hover)}.btn:active:not(:disabled){background:var(--color-accent-active)}.btn-primary{background:var(--gradient-brand);background-origin:border-box;background-position:0 50%;background-repeat:no-repeat;background-size:140% 140%;border-color:#0000;color:#fff;position:relative;transition:background-position var(--motion-slow) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.btn-primary:hover:not(:disabled){background:var(--gradient-brand);background-origin:border-box;background-position:100% 50%;background-repeat:no-repeat;background-size:140% 140%;box-shadow:0 6px 20px var(--color-accent-glow)}.btn-primary:active:not(:disabled){box-shadow:none;transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-primary:hover:not(:disabled){background-position:0 50%}.btn-primary:active:not(:disabled){transform:none}}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-secondary:active:not(:disabled){background:var(--color-surface-sunken)}.btn-ghost{background:#0000;border-color:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:var(--color-text-on-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-danger-quiet{background:#0000;border-color:var(--color-border-strong);color:var(--color-danger)}.btn-danger-quiet:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger)}.btn-sm{font-size:var(--font-size-sm);min-height:32px;padding:var(--space-1) var(--space-3)}.btn-lg{font-size:var(--font-size-lg);min-height:48px;padding:var(--space-3) var(--space-6)}.btn-block{width:100%}.btn-loading{color:#0000;pointer-events:none;position:relative}.btn-loading:after{animation:ruyazo-spin .7s linear infinite;border:2px solid;border-radius:var(--radius-full);border-top:2px solid var(--color-text-on-accent);content:"";height:16px;position:absolute;width:16px}@keyframes ruyazo-spin{to{transform:rotate(1turn)}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);min-height:40px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled){border-color:var(--color-text-muted)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.input:disabled{background:var(--color-surface-sunken);cursor:not-allowed}.field-hint,.input:disabled{color:var(--color-text-muted)}.field-hint{font-size:var(--font-size-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-padded{padding:var(--space-6)}.badge{align-items:center;background:var(--color-surface-sunken);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);line-height:1.5;padding:2px var(--space-2)}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.alert{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);padding:var(--space-3) var(--space-4)}.alert-error{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.alert-success{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.loading{align-items:center;color:var(--color-text-muted);display:flex;justify-content:center;min-height:200px}.spinner{animation:ruyazo-spin .7s linear infinite;border:2px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-accent);height:24px;width:24px}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:3px solid var(--color-bg);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-color:var(--color-border-strong) #0000;scrollbar-width:thin}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:768px){.container{padding:0 var(--space-4)}}.upload-section{margin:0 auto;max-width:620px;width:100%}.upload-container{display:flex;flex-direction:column;gap:var(--space-4)}.dropzone{background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);cursor:pointer;display:grid;min-height:300px;padding:var(--space-12) var(--space-6);place-items:center;text-align:center;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.dropzone:hover:not(.uploading){background:var(--color-surface);border-color:var(--color-accent);box-shadow:var(--shadow-md)}.dropzone:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dropzone.active{background:var(--color-accent-soft);border-color:var(--color-accent);border-style:solid}.dropzone.uploading{border-style:solid;cursor:progress}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-3)}.upload-icon{background:var(--color-accent-soft);border-radius:var(--radius-lg);color:var(--color-accent);display:grid;height:56px;margin-bottom:var(--space-2);place-items:center;width:56px}.upload-icon svg{height:24px;width:24px}.dropzone h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.dropzone p{color:var(--color-text-muted);font-size:var(--font-size-md);margin:0}.file-types{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}.file-types span{background:var(--color-surface-sunken);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--space-2)}.upload-progress{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-3)}.message{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.message.success{background:var(--color-success-soft);border-color:var(--color-success)}.message.error{background:var(--color-danger-soft);border-color:var(--color-danger)}.message p{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0;word-break:break-all}.message.success p{color:var(--color-success)}.message.error p{color:var(--color-danger)}.url-actions{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}@media (max-width:768px){.dropzone{min-height:220px;padding:var(--space-8) var(--space-4)}.url-actions{flex-direction:column}.url-actions .btn{width:100%}}.screen{background:#14161c;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:#e9ebef;font-size:12px;line-height:1.5;overflow:hidden;position:relative;text-align:left}.screen-bar{align-items:center;background:#1b1e26;border-bottom:1px solid #262a34;display:flex;gap:var(--space-3);padding:8px var(--space-3)}.screen-dots{display:flex;flex-shrink:0;gap:5px}.screen-dots span{background:#3a404d;height:8px;width:8px}.screen-dots span,.screen-url{border-radius:var(--radius-full)}.screen-url{background:#14161c;color:#939cab;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:11px;overflow:hidden;padding:2px var(--space-3);text-overflow:ellipsis;white-space:nowrap}.screen-tab{border-radius:var(--radius-sm);color:#6f7787;font-size:11px;padding:3px var(--space-3)}.screen-tab.is-current{background:#14161c;color:#e9ebef}.screen-code-body{font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:11.5px;line-height:1.7;margin:0;overflow:hidden;padding:var(--space-3) 0;white-space:pre}.screen-code-body .ln{color:#4d5361;display:inline-block;padding-right:var(--space-3);text-align:right;-webkit-user-select:none;user-select:none;width:34px}.screen-code-body .kw{color:#c792ea}.screen-code-body .fn{color:#82aaff}.screen-code-body .num{color:#f78c6c}.screen-code-body .str{color:#c3e88d}.screen-code-body .op{color:#89ddff}.screen-error{background:#c22b3c24;border-top:1px solid #c22b3c66;color:#ff9aa6;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:11px;padding:var(--space-3)}.screen-error strong{color:#ff6b7d}.screen-error-at{color:#8d7a80;display:block;margin-top:3px}.screen-booking-body{padding:var(--space-4)}.screen-badge{border-radius:var(--radius-full);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px var(--space-2);text-transform:uppercase}.screen-badge-ok{background:#16794a40;color:#7ee2b0}.screen-badge-bad{background:#c22b3c33;color:#ff9aa6}.screen-booking-body h4{color:#f2f3f5;font-family:var(--font-family-display);font-size:15px;margin:var(--space-2) 0 2px}.screen-booking-where{color:#939cab;font-size:11.5px;margin:0 0 var(--space-4)}.screen-booking-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin:0}.screen-booking-grid dt{color:#6f7787;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.screen-booking-grid dd{color:#e9ebef;font-size:12px;margin:2px 0 0}.screen-booking-grid .mono{font-family:monospace;font-family:var(--font-family-mono,monospace)}.screen-game-head{align-items:baseline;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3)}.screen-game-result{color:#7ee2b0;font-family:var(--font-family-display);font-size:17px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.screen-game-map{color:#939cab;font-size:11.5px}.screen-game-board{list-style:none;margin:0;padding:0 var(--space-3) var(--space-3)}.screen-game-board li{grid-gap:var(--space-2);border-radius:var(--radius-sm);display:grid;font-size:11.5px;gap:var(--space-2);grid-template-columns:1fr repeat(3,34px);padding:6px var(--space-2)}.screen-game-board li.is-me{background:#5a22f738;box-shadow:inset 2px 0 0 #9b7cff}.screen-game-name{color:#e9ebef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-game-score{font-feature-settings:"tnum";color:#939cab;font-variant-numeric:tabular-nums;text-align:right}.screen-game-board li.is-me .screen-game-score{color:#e9ebef}.screen-chart-body{padding:var(--space-4)}.screen-chart-head{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.screen-chart-label{color:#6f7787;display:block;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.screen-chart-value{font-feature-settings:"tnum";color:#f2f3f5;display:block;font-family:var(--font-family-display);font-size:20px;font-variant-numeric:tabular-nums;margin-top:2px}.screen-chart-bars{align-items:flex-end;display:flex;gap:5px;height:64px}.screen-chart-bars span{background:#3a4150;border-radius:2px 2px 0 0;flex:1 1}.screen-chart-bars span.is-bad{background:#c22b3c}.screen-chart-axis{font-feature-settings:"tnum";color:#6f7787;display:flex;font-size:10px;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px}.home{display:flex;flex-direction:column;gap:var(--space-16);padding-bottom:var(--space-12)}.hero{grid-gap:var(--space-12);align-items:center;display:grid;gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);padding:var(--space-12) 0 var(--space-16);position:relative}.hero:before{background:var(--gradient-brand-glow);content:"";height:90%;opacity:.8;pointer-events:none;position:absolute;right:-8%;top:-10%;width:60%;z-index:-1}.hero-copy{min-width:0}.hero-title{font-size:clamp(2.4rem,5.2vw,3.9rem);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0}.hero-title-accent{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:var(--color-accent)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero-title-accent{-webkit-text-fill-color:#0000;color:#0000}}@media (forced-colors:active){.hero-title-accent{-webkit-text-fill-color:CanvasText;background:none;color:initial}}.hero-subtitle{color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body);margin:var(--space-5) 0 0;max-width:46ch}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}.hero-actions-note{color:var(--color-text-muted);font-size:var(--text-body-sm)}.hero-upload{border-top:1px solid var(--color-border);margin-top:var(--space-8);padding-top:var(--space-6)}.hero-upload-label{color:var(--color-text-muted);font-size:var(--text-body-sm);margin:0 0 var(--space-3)}.hero-demo{min-width:0;perspective:1400px;position:relative}.demo-screen{align-content:center;aspect-ratio:16/10;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;overflow:hidden;padding:var(--space-6);position:relative;transform:rotateY(-5deg) rotateX(2deg)}.demo-screen:after{background:#080a0e8c;content:"";inset:0;pointer-events:none;position:absolute}.demo-window{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.demo-window-flat{box-shadow:none}.demo-window-bar{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);display:flex;gap:5px;padding:9px var(--space-3)}.demo-window-bar span{background:var(--color-border-strong);border-radius:var(--radius-full);height:8px;width:8px}.demo-window-body{grid-gap:10px;display:grid;gap:10px;padding:var(--space-5)}.demo-line{background:var(--color-surface-hover);border-radius:var(--radius-full);height:9px}.demo-line-error{background:var(--color-danger);opacity:.85}.demo-selection{-webkit-backdrop-filter:brightness(1.85);backdrop-filter:brightness(1.85);border:2px solid var(--color-accent);box-shadow:0 0 0 1px #ffffff1f,0 10px 30px #00000059;height:34%;left:11%;right:13%;top:38%;z-index:2}.demo-selection,.demo-selection-size{border-radius:var(--radius-sm);position:absolute}.demo-selection-size{background:var(--color-accent);color:#fff;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:var(--text-label);left:-2px;padding:2px var(--space-2);top:-26px;white-space:nowrap}.demo-clipboard{align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:inline-flex;gap:var(--space-2);margin:calc(var(--space-6)*-1) 0 0 var(--space-6);padding:var(--space-3) var(--space-4);position:relative;z-index:3}.demo-clipboard-tick{background:var(--color-success);border-radius:var(--radius-full);color:#fff;display:grid;height:22px;place-items:center;width:22px}.demo-clipboard code{color:var(--color-text);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:var(--text-body-sm)}.demo-clipboard-note{color:var(--color-text-muted);font-size:var(--text-caption)}.proof{border-block:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-12);justify-content:center;padding:var(--space-8) var(--space-6)}.proof div{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.proof strong{font-feature-settings:"tnum";color:var(--color-text);font-size:var(--font-size-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);letter-spacing:-.03em}.proof span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.steps-list{grid-gap:var(--space-10);display:grid;gap:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;margin:0;padding:0}.steps-list li{max-width:34ch}.step-number{color:var(--color-accent);display:block;font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:.08em;margin-bottom:var(--space-4)}.step-number,.steps-list h3{font-weight:var(--font-weight-semibold)}.steps-list h3{font-size:var(--font-size-lg);letter-spacing:-.01em;margin:0 0 var(--space-2)}.steps-list p{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0}.app-pitch{grid-gap:var(--space-12);align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:grid;gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,.85fr);padding:var(--space-12)}.eyebrow{color:var(--color-accent);display:block;font-size:var(--font-size-xs);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.app-pitch h2,.eyebrow{font-weight:var(--font-weight-semibold)}.app-pitch h2{font-size:var(--font-size-2xl);letter-spacing:-.02em;margin:0 0 var(--space-4)}.app-pitch-text>p{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--space-6);max-width:48ch}.app-pitch-list{list-style:none;margin:0 0 var(--space-8);padding:0}.app-pitch-list li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-md);gap:var(--space-3);padding:var(--space-2) 0}.app-pitch-list svg{color:var(--color-success);flex-shrink:0}.app-pitch-keys{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.keyrow{align-items:center;display:flex;gap:var(--space-2)}.keyrow.muted{border-top:1px solid var(--color-border);margin-top:var(--space-2);opacity:.7;padding-top:var(--space-4)}.cap{background:var(--color-surface);border:solid var(--color-border-strong);border-radius:var(--radius-md);border-width:1px 1px 3px;color:var(--color-text);display:inline-grid;font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);height:32px;min-width:38px;padding:0 var(--space-2);place-items:center}.cap,.plus{font-size:var(--font-size-xs)}.keylabel,.plus{color:var(--color-text-muted)}.keylabel{font-size:var(--font-size-sm);margin-left:var(--space-3)}@media (max-width:900px){.app-pitch{gap:var(--space-8);grid-template-columns:1fr;padding:var(--space-6)}}@media (max-width:768px){.home{gap:var(--space-12)}.hero{padding-top:var(--space-4)}.hero-upload{margin-top:var(--space-8)}.proof{padding:var(--space-6) 0}.proof,.steps-list{gap:var(--space-8)}}.closer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:var(--space-16) 0 var(--space-12);overflow:hidden;padding:var(--space-16) var(--space-8);text-align:center}.closer h2{font-size:clamp(1.6rem,4vw,2.4rem);line-height:var(--leading-heading);margin:0 auto var(--space-4);max-width:20ch}.closer>p{color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body);margin:0 auto var(--space-8);max-width:54ch}.closer-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.closer-note{color:var(--color-text-muted);font-size:var(--text-body-sm);line-height:var(--leading-body);margin:var(--space-6) auto 0;max-width:50ch}@media (max-width:600px){.closer{margin:var(--space-12) 0 var(--space-8);padding:var(--space-10) var(--space-5)}.closer-actions .btn{width:100%}}.opens{margin:var(--space-16) 0}.opens-head{margin:0 auto var(--space-10);max-width:56ch;text-align:center}.browser{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:880px;overflow:hidden}.browser-bar{align-items:center;background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.browser-dots{display:flex;gap:6px}.browser-dots span{background:var(--color-border-strong);height:10px;width:10px}.browser-dots span,.browser-url{border-radius:var(--radius-full)}.browser-url{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:var(--text-caption);gap:6px;padding:4px var(--space-4)}.browser-page,.browser-url{background:var(--color-surface-sunken)}.browser-page{padding:var(--space-8)}.browser-media{margin:0 auto;max-width:560px}.browser-meta{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-5);text-align:center}.browser-meta strong{color:var(--color-text);font-family:var(--font-family-display)}.browser-meta span{color:var(--color-text-muted);font-size:var(--text-body-sm)}.steps{margin:var(--space-16) 0}.steps .section-head{margin-left:auto;margin-right:auto;max-width:48ch;text-align:center}.step-mark{align-items:center;display:flex;margin-bottom:var(--space-4)}.step-mark kbd{background:var(--color-surface-raised);border:solid var(--color-border-strong);border-radius:var(--radius-md);border-width:1px 1px 3px;color:var(--color-text);display:inline-block;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:var(--text-body-sm);min-width:2.4em;padding:5px 10px;text-align:center}.control{grid-gap:var(--space-12);align-items:center;display:grid;gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:var(--space-16) 0}.control-copy h2{font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:var(--leading-heading);margin:var(--space-3) 0 var(--space-4)}.control-copy>p{color:var(--color-text-secondary);line-height:var(--leading-body);margin:0 0 var(--space-6);max-width:48ch}.control-panel{grid-gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:grid;gap:var(--space-2);padding:var(--space-5)}.control-row{align-items:center;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.control-row.is-selected{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.control-row-text{flex:1 1;min-width:0}.control-row strong{color:var(--color-text);display:block;font-family:var(--font-family-display);font-size:var(--text-body)}.control-row small{color:var(--color-text-muted);font-size:var(--text-caption)}.control-dot{border:2px solid var(--color-border-strong);border-radius:var(--radius-full);flex-shrink:0;height:14px;width:14px}.control-row.is-selected .control-dot{background:var(--color-accent);border-color:var(--color-accent);box-shadow:inset 0 0 0 3px var(--color-surface)}.control-share{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);margin-top:var(--space-3);padding:var(--space-4)}.control-share-link{align-items:center;color:var(--color-text);display:flex;gap:6px}.control-share-link code{font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:var(--text-body-sm)}.control-share-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-caption);gap:var(--space-3);margin-top:var(--space-3)}.control-share-meta span{align-items:center;display:inline-flex;gap:4px}.control-share-revoke{color:var(--color-danger)}@media (max-width:900px){.control,.hero{gap:var(--space-8);grid-template-columns:1fr}.hero-demo{order:-1;perspective:none}.demo-screen{transform:none}.hero:before{right:0;width:100%}}@media (max-width:600px){.hero{padding:var(--space-6) 0 var(--space-10)}.hero-actions .btn{width:100%}.browser-page,.demo-screen{padding:var(--space-4)}.control,.opens,.steps{margin:var(--space-12) 0}}.captures{margin:var(--space-16) 0}.captures-head{margin:0 auto var(--space-10);max-width:54ch;text-align:center}.captures-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.capture-frame{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3);transition:border-color var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out)}.capture:hover .capture-frame{border-color:var(--color-accent);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.capture:hover .capture-frame{transform:none}}.capture-label{color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body);margin:var(--space-3) 0 0}@media (max-width:600px){.captures{margin:var(--space-12) 0}.captures-grid{gap:var(--space-5);grid-template-columns:1fr}}.share-settings{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-8);padding:var(--space-6)}.share-settings h2{font-size:1.15rem;margin:0 0 var(--space-6)}.share-block+.share-block{border-top:1px solid var(--color-border);margin-top:var(--space-8);padding-top:var(--space-8)}.share-block h3{color:var(--color-text);font-size:.95rem;font-weight:600;margin:0 0 var(--space-4)}.share-intro{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:-8px 0 var(--space-4)}.share-visibility{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:var(--space-5)}.share-option{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-4);text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.share-option:hover:not(:disabled){background:var(--color-surface-hover)}.share-option.is-selected{background:var(--color-accent-soft);border-color:var(--color-accent)}.share-option:disabled{cursor:default;opacity:.6}.share-option-name{color:var(--color-text);font-weight:600;text-transform:capitalize}.share-option-help{color:var(--color-text-secondary);font-size:.8rem;line-height:1.4}.share-toggle{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-3)}.share-toggle input{flex-shrink:0;margin-top:3px}.share-toggle span{color:var(--color-text);display:block;font-size:.9rem}.share-toggle small{color:var(--color-text-muted);display:block;font-size:.8rem;line-height:1.5;margin-top:2px}.share-create{grid-gap:var(--space-2);grid-template-columns:1fr 1fr auto auto;margin-bottom:var(--space-5)}.share-create,.share-list{display:grid;gap:var(--space-2)}.share-list{grid-gap:var(--space-2);list-style:none;margin:0;padding:0}.share-list li{align-items:center;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.share-list li.is-expired{opacity:.6}.share-list-main{flex:1 1 260px;min-width:0}.share-list-main code{color:var(--color-text);display:block;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-list-meta{color:var(--color-text-muted);font-size:.78rem;margin:2px 0 0}.share-list-actions{display:flex;flex-shrink:0;gap:var(--space-2)}.share-empty{color:var(--color-text-muted);font-size:.875rem;margin:0}@media (max-width:720px){.share-create{grid-template-columns:1fr}}.comments{border-top:1px solid var(--color-border);margin:var(--space-10) auto 0;max-width:70ch;padding-top:var(--space-8)}.comments-head{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.comments-head h2{font-size:var(--text-h4);margin:0}.comments-list{grid-gap:var(--space-4);display:grid;gap:var(--space-4);list-style:none;margin:0 0 var(--space-6);padding:0}.comment{align-items:flex-start;display:flex;gap:var(--space-3)}.comment-body{flex:1 1;min-width:0}.comment-meta{align-items:baseline;color:var(--color-text-muted);display:flex;font-size:var(--text-caption);gap:var(--space-2);margin:0}.comment-author{color:var(--color-text);font-family:var(--font-family-display);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);text-decoration:none}.comment-author:hover{color:var(--color-accent)}.comment-text{color:var(--color-text-secondary);line-height:var(--leading-body);margin:2px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.comment.is-removed{color:var(--color-text-muted);font-size:var(--text-body-sm);font-style:italic;padding:var(--space-2) 0}.comment-remove{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:grid;flex-shrink:0;height:28px;opacity:0;place-items:center;transition:opacity var(--motion-base) var(--ease-out),background-color var(--motion-fast) var(--ease-out);width:28px}.comment:focus-within .comment-remove,.comment:hover .comment-remove{opacity:1}@media (hover:none){.comment-remove{opacity:1}}.comment-remove:hover{background:var(--color-danger-soft);color:var(--color-danger)}.comment-form .input{resize:vertical;width:100%}.comment-form-foot{align-items:center;display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.comment-count{color:var(--color-text-muted);font-size:var(--text-caption)}.comments-closed{color:var(--color-text-muted);font-size:var(--text-body-sm);margin:0}.media-viewer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:0 auto;max-width:var(--content-width);overflow:hidden}.viewer-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4)}.back-btn{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--space-2);text-decoration:none;transition:color var(--transition-fast)}.back-btn:hover{color:var(--color-text)}.viewer-actions{display:flex;gap:var(--space-2)}.media-container{align-items:center;background:var(--color-surface-sunken);display:flex;justify-content:center;min-height:360px;padding:var(--space-6)}.media-content{border-radius:var(--radius-md);max-height:70vh;max-width:100%;object-fit:contain}.media-info{padding:var(--space-6)}.media-info h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-5);word-break:break-all}.media-info .info-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.media-info .info-item{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.media-info .info-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase}.media-info .info-value{color:var(--color-text);font-size:var(--font-size-md)}.type-badge{align-items:center;background:var(--color-accent-soft);border-radius:var(--radius-sm);color:var(--color-accent);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--space-2);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.type-badge.video,.uuid{background:var(--color-surface-sunken);color:var(--color-text-secondary)}.uuid{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);word-break:break-all}.error-message{padding:var(--space-16) var(--space-6);text-align:center}.error-message h2{color:var(--color-text);font-size:var(--font-size-xl);margin:0 0 var(--space-2)}.error-message p{color:var(--color-text-muted);margin:0 0 var(--space-6)}@media (max-width:768px){.viewer-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.viewer-actions{justify-content:stretch}.viewer-actions .btn{flex:1 1}.media-container{min-height:240px;padding:var(--space-3)}.media-info{padding:var(--space-4)}.media-info .info-grid{gap:var(--space-4);grid-template-columns:1fr}}.media-locked{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-16) auto;max-width:380px;padding:var(--space-8);text-align:center}.media-locked h2{color:var(--color-text);font-size:1.2rem;margin:0}.media-locked p{font-size:.9rem;margin:0 0 var(--space-2)}.media-locked .btn,.media-locked .input{width:100%}.btn.is-saved{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.notfound{margin:0 auto;max-width:46ch;padding:var(--space-16) var(--space-4);text-align:center}.notfound-mark{margin-bottom:var(--space-6);opacity:.85}.notfound-mark img{display:inline-block;height:47px;width:auto}.notfound h1{font-size:clamp(1.5rem,4vw,2rem);line-height:var(--leading-heading)}.notfound h1,.notfound p{margin:0 0 var(--space-4)}.notfound p{color:var(--color-text-secondary);line-height:var(--leading-body)}.notfound-path{align-items:center;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);display:inline-flex;gap:6px;margin-bottom:var(--space-8);max-width:100%;padding:var(--space-2) var(--space-4)}.notfound-path code{font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:var(--text-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notfound-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@media (max-width:480px){.notfound{padding:var(--space-12) var(--space-4)}.notfound-actions .btn{width:100%}}.claim-banner{align-items:center;background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4)}.claim-icon{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-accent);display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.claim-text{flex:1 1;min-width:0}.claim-text strong{color:var(--color-text);display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.claim-text p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:2px 0 0}.claim-actions{display:flex;flex-shrink:0;gap:var(--space-2)}@media (max-width:768px){.claim-banner{align-items:flex-start;flex-direction:column}.claim-actions{width:100%}.claim-actions .btn{flex:1 1}}.dashboard{margin:0 auto;max-width:var(--content-width)}.dashboard-card{background:#0000}.dashboard-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.dashboard-header .section-head{margin-bottom:0}.error-container,.loading-container{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:320px}.loading-spinner{animation:ruyazo-spin .7s linear infinite;border:2px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-accent);height:28px;width:28px}.error-container p{color:var(--color-danger);margin:0;text-align:center}.retry-button{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);min-height:36px;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast)}.retry-button:hover{background:var(--color-surface-hover)}.empty-state{align-items:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;min-height:360px;padding:var(--space-12) var(--space-6);text-align:center}.empty-icon{background:var(--color-surface-sunken);border-radius:var(--radius-lg);color:var(--color-text-muted);display:grid;height:48px;margin-bottom:var(--space-4);place-items:center;width:48px}.empty-state h3{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.empty-state p{color:var(--color-text-muted);margin:0 0 var(--space-6);max-width:44ch}.uploads-container{padding:0}.month-section{margin-bottom:var(--space-10)}.month-header{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.month-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.04em;margin:0;text-transform:uppercase;white-space:nowrap}.month-divider{background:var(--color-border);flex:1 1;height:1px}.uploads-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.loading-more{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8)}.scroll-trigger{height:20px;width:100%}.upload-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.upload-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.upload-card:focus-within{border-color:var(--color-accent)}.upload-thumbnail{align-items:center;aspect-ratio:4/3;background:var(--color-surface-sunken);cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative}.upload-thumbnail img,.upload-thumbnail video{height:100%;object-fit:cover;width:100%}.video-thumbnail{height:100%;position:relative;width:100%}.video-overlay{align-items:center;background:#0a0c1059;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-fast)}.video-thumbnail:hover .video-overlay{opacity:1}.play-icon{background:#0a0c10bf;border-radius:var(--radius-full);color:#fff;display:grid;height:40px;place-items:center;width:40px}.video-duration{font-feature-settings:"tnum";background:#0a0c10cc;border-radius:var(--radius-sm);bottom:var(--space-2);color:#fff;font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);padding:1px var(--space-1);pointer-events:none;position:absolute;right:var(--space-2)}.upload-info{align-items:flex-start;border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);justify-content:space-between;padding:var(--space-3)}.upload-info-text{flex:1 1;min-width:0}.upload-title{color:var(--color-text);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);letter-spacing:0;margin:0;text-overflow:ellipsis}.upload-meta,.upload-title{line-height:var(--line-height-snug);overflow:hidden;white-space:nowrap}.upload-meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-label);gap:var(--space-1);margin:3px 0 0}.upload-meta-sep{opacity:.55}.upload-flags{display:flex;flex-wrap:wrap;gap:4px;margin:var(--space-2) 0 0}.upload-flag{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:1.5;padding:2px var(--space-2)}.upload-flag.is-public{background:var(--color-accent-soft);border-color:#0000;color:var(--color-accent)}.upload-flag.is-locked{background:var(--color-warning-soft);border-color:#0000;color:var(--color-warning)}.upload-actions{display:flex;flex-shrink:0;gap:2px;opacity:0;transition:opacity var(--motion-base) var(--ease-out)}.upload-card:focus-within .upload-actions,.upload-card:hover .upload-actions{opacity:1}@media (hover:none){.upload-actions{opacity:1}}.upload-action{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:grid;height:30px;place-items:center;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);width:30px}.upload-action:hover{background:var(--color-surface-hover);color:var(--color-text)}.upload-action-danger:hover{background:var(--color-danger-soft);color:var(--color-danger)}.copy-button,.view-button{display:none}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-header .header-content h1{font-size:var(--font-size-xl)}.uploads-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:480px){.uploads-grid{grid-template-columns:repeat(2,1fr)}.upload-info{align-items:stretch;flex-direction:column;gap:var(--space-2)}.upload-actions{justify-content:flex-end}.upload-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal}}@media (max-width:560px){.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-header .btn{width:100%}}.library-filter .input{min-width:150px}@media (max-width:640px){.library-filter,.library-filter .input{flex:1 1 130px;min-width:0}}.upload-card.is-skeleton{pointer-events:none}.upload-card.is-skeleton .upload-thumbnail{border-radius:0}.empty-actions{flex-wrap:wrap;gap:var(--space-3)}.auth-container,.empty-actions{display:flex;justify-content:center}.auth-container{align-items:flex-start;padding:var(--space-4) 0 var(--space-12)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);max-width:420px;padding:var(--space-8);width:100%}.auth-header{margin-bottom:var(--space-6);text-align:center}.auth-header h2{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0 0 var(--space-2)}.auth-header p{color:var(--color-text-muted);font-size:var(--font-size-md);margin:0}.auth-form{gap:var(--space-4)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-group input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);min-height:40px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:hover:not(:disabled){border-color:var(--color-text-muted)}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.auth-footer{border-top:1px solid var(--color-border);margin-top:var(--space-6);padding-top:var(--space-4);text-align:center}.auth-links{align-items:center;display:flex;flex-direction:column;gap:var(--space-3)}.auth-footer p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-link,.auth-link-button,.terms-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0;text-decoration:none;transition:color var(--transition-fast)}.auth-link-button:hover,.auth-link:hover,.terms-link:hover{color:var(--color-accent-hover);text-decoration:underline}.checkbox-group{margin-top:var(--space-1)}.checkbox-label{align-items:flex-start;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);line-height:var(--line-height-snug)}.checkbox-label input[type=checkbox]{accent-color:var(--color-accent);flex-shrink:0;height:16px;margin:2px 0 0;min-height:0;width:16px}@media (max-width:480px){.auth-card{padding:var(--space-6)}}.auth-mark{display:flex;justify-content:center;margin-bottom:var(--space-5)}.auth-mark img{height:31px;width:auto}.auth-mark-success{align-items:center;background:var(--color-success);border-radius:var(--radius-full);color:#fff;height:46px;margin:0 auto var(--space-5);width:46px}.auth-link{color:var(--color-accent);font-size:var(--text-body-sm);text-decoration:none}.auth-link:hover{text-decoration:underline}.captcha-box{display:flex;justify-content:center;margin:var(--space-2) 0}.captcha-box:empty{display:none}.captcha-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:var(--space-2) 0;text-align:center}.avatar{align-items:center;background:#eef0f3;background:var(--color-surface-sunken,#eef0f3);border-radius:50%;color:#fff;display:inline-flex;flex:none;font-family:inherit;font-family:var(--font-display,inherit);font-weight:600;justify-content:center;line-height:1;object-fit:cover;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar.tint-blue{background:linear-gradient(135deg,#0b5bf8,#3d7dff)}.avatar.tint-violet{background:linear-gradient(135deg,#5a22f7,#7c4dff)}.avatar.tint-magenta{background:linear-gradient(135deg,#b226f6,#c95cff)}.profile-public{margin:0 auto;max-width:var(--content-width);padding:var(--space-8) 0 var(--space-16)}.profile-public-head{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-5);margin-bottom:var(--space-8);padding-bottom:var(--space-8)}.profile-public-identity{flex:1 1;min-width:0}.profile-public-identity h1{font-size:var(--text-h2);line-height:var(--leading-heading);margin:0}.profile-public-handle{color:var(--color-text-muted);font-size:var(--text-body-sm);margin:2px 0 0}.profile-public-bio{color:var(--color-text-secondary);line-height:var(--leading-body);margin:var(--space-3) 0 0;max-width:58ch}.profile-public-stats{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-body-sm);gap:var(--space-5);list-style:none;margin:var(--space-4) 0 0;padding:0}.profile-public-stats strong{color:var(--color-text);font-family:var(--font-family-display);font-weight:var(--weight-semibold)}.profile-public-stats a{color:inherit;text-decoration:none}.profile-public-stats a:hover{color:var(--color-text)}.profile-public-actions{flex-shrink:0}.profile-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.profile-tile{aspect-ratio:1;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:block;overflow:hidden;position:relative;transition:border-color var(--motion-base) var(--ease-out)}.profile-tile:hover{border-color:var(--color-accent)}.profile-tile img{display:block;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease-out);width:100%}.profile-tile:hover img{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.profile-tile:hover img{transform:none}}.profile-tile-name{background:linear-gradient(180deg,#0000,#080a0ed9);bottom:0;color:#fff;font-size:var(--text-caption);left:0;opacity:0;overflow:hidden;padding:var(--space-6) var(--space-3) var(--space-3);position:absolute;right:0;text-overflow:ellipsis;transition:opacity var(--motion-base) var(--ease-out);white-space:nowrap}.profile-tile:focus-visible .profile-tile-name,.profile-tile:hover .profile-tile-name{opacity:1}@media (hover:none){.profile-tile-name{opacity:1}}.profile-tile-badge{background:#080a0eb3;border-radius:var(--radius-full);color:#fff;display:grid;height:26px;place-items:center;position:absolute;right:var(--space-2);top:var(--space-2);width:26px}@media (max-width:640px){.profile-public-head{flex-wrap:wrap}.profile-public-actions{flex-basis:100%}.profile-public-actions .btn{width:100%}.profile-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}.profile-owner-note{align-items:center;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;font-size:13px;gap:var(--space-2);margin:0 0 var(--space-6);padding:var(--space-3) var(--space-4)}.profile-owner-note svg{color:var(--color-text-muted);flex:none}.profile-owner-note span{flex:1 1;min-width:0}.profile-owner-note a{color:var(--color-accent);flex:none;font-weight:600;text-decoration:none}.profile-owner-note a:hover{text-decoration:underline}@media (max-width:560px){.profile-owner-note{flex-wrap:wrap}.profile-owner-note span{flex-basis:100%}}.desktop-app-intro{line-height:var(--line-height-normal);margin-bottom:var(--space-4)}.desktop-app-intro,.desktop-app-steps{color:var(--color-text-secondary);max-width:62ch}.desktop-app-steps{line-height:var(--line-height-relaxed);margin:0 0 var(--space-6);padding-left:var(--space-5)}.desktop-app-steps li::marker{color:var(--color-text-muted)}.desktop-app-steps kbd{background:var(--color-surface-sunken);border:solid var(--color-border-strong);border-radius:var(--radius-sm);border-width:1px 1px 2px;color:var(--color-text);display:inline-block;font-size:var(--font-size-xs);padding:1px var(--space-1)}.desktop-app-downloads{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.download-button{align-items:center;background:var(--color-accent);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-on-accent);display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);text-decoration:none;transition:background-color var(--transition-fast)}.download-button:hover{background:var(--color-accent-hover)}.download-button.secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.download-button.secondary:hover{background:var(--color-surface-hover)}.new-key-box{background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4)}.new-key-label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}.new-key-row{display:flex;gap:var(--space-2)}.new-key-row code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;font-family:var(--font-family-mono);font-size:var(--font-size-sm);min-width:0;padding:var(--space-2) var(--space-3);word-break:break-all}.new-key-row button{background:var(--color-accent);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-on-accent);cursor:pointer;flex-shrink:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);min-height:40px;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast)}.new-key-row button:hover{background:var(--color-accent-hover)}.new-key-dismiss{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-3);padding:0;text-decoration:underline}.new-key-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);max-width:480px}.new-key-form input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;font-size:var(--font-size-md);min-height:40px;min-width:0;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.new-key-form input::placeholder{color:var(--color-text-muted)}.new-key-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.new-key-form button{background:var(--color-accent);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-on-accent);cursor:pointer;flex-shrink:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);min-height:40px;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast)}.new-key-form button:hover:not(:disabled){background:var(--color-accent-hover)}.new-key-form button:disabled{cursor:not-allowed;opacity:.55}.desktop-app-subhead{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}.keys-empty{color:var(--color-text-muted);font-size:var(--font-size-md)}.keys-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);list-style:none;margin:0;padding:0}.keys-list li{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4)}.keys-list li:last-child{border-bottom:none}.key-info{display:flex;flex-direction:column;gap:2px;min-width:0}.key-info strong{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.key-prefix{color:var(--color-text-secondary);font-family:var(--font-family-mono)}.key-meta,.key-prefix{font-size:var(--font-size-xs)}.key-meta{color:var(--color-text-muted)}.keys-list button{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-danger);cursor:pointer;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:32px;padding:var(--space-1) var(--space-3);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.keys-list button:hover{background:var(--color-danger-soft);border-color:var(--color-danger)}@media (max-width:768px){.keys-list li,.new-key-form,.new-key-row{flex-direction:column}.keys-list li{align-items:flex-start;gap:var(--space-3)}.keys-list button{width:100%}}.tfa-intro{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-5);max-width:62ch}.tfa-on{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.tfa-badge{align-items:center;background:var(--color-success-soft);border-radius:var(--radius-sm);color:var(--color-success);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:2px var(--space-2);text-transform:uppercase}.tfa-on p{flex:1 1;font-size:var(--font-size-md);margin:0;min-width:260px}.tfa-on p,.tfa-steps{color:var(--color-text-secondary)}.tfa-steps{line-height:var(--line-height-relaxed);margin:0 0 var(--space-5) var(--space-5);padding:0}.tfa-steps li::marker{color:var(--color-text-muted)}.tfa-setup-body{align-items:center;display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}.tfa-qr{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-shrink:0;height:168px;padding:var(--space-2);width:168px}.tfa-manual p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-2)}.tfa-manual code{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:inline-block;font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:.06em;padding:var(--space-2) var(--space-3);word-break:break-all}.tfa-confirm{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tfa-confirm input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-lg);letter-spacing:.24em;min-height:40px;padding:var(--space-2) var(--space-3);text-align:center;width:140px}.tfa-confirm input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.tfa-recovery{background:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:var(--radius-lg);margin-bottom:var(--space-5);padding:var(--space-4)}.tfa-recovery-label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-4);max-width:62ch}.tfa-codes{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));list-style:none;margin:0 0 var(--space-4);padding:0}.tfa-codes li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm);padding:var(--space-2);text-align:center}.tfa-recovery-actions{display:flex;gap:var(--space-2)}@media (max-width:640px){.tfa-setup-body{align-items:flex-start;flex-direction:column}}.switch-row{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-5);justify-content:space-between;padding:var(--space-4) 0}.switch-row:last-of-type{border-bottom:none}.switch-text{flex:1 1;min-width:0}.switch-text strong{color:var(--color-text);display:block;font-family:var(--font-family-display);font-size:var(--text-body);font-weight:var(--weight-semibold)}.switch-text small{color:var(--color-text-muted);display:block;font-size:var(--text-body-sm);line-height:var(--leading-body);margin-top:4px;max-width:56ch}.switch{cursor:pointer;display:inline-flex;flex-shrink:0;position:relative}.switch input{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.switch-track{background:var(--color-surface-hover);border:1px solid var(--color-border-strong);height:26px;transition:background-color var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out);width:44px}.switch-track,.switch-track:after{border-radius:var(--radius-full);display:block}.switch-track:after{background:var(--color-text-muted);content:"";height:18px;margin:3px;transition:transform var(--motion-base) var(--ease-out),background-color var(--motion-base) var(--ease-out);width:18px}.switch input:checked+.switch-track{background:var(--color-accent);border-color:var(--color-accent)}.switch input:checked+.switch-track:after{background:var(--color-text-on-accent);transform:translateX(18px)}.switch input:focus-visible+.switch-track{box-shadow:var(--focus-ring)}.switch input:disabled+.switch-track{opacity:.6}.switch-followup{align-items:center;background:var(--color-accent-soft);border-radius:var(--radius-md);color:var(--color-accent);display:flex;flex-wrap:wrap;font-size:var(--text-body-sm);gap:var(--space-2);margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4)}.switch-followup a{color:inherit}.switch-count{color:var(--color-text-muted);margin-left:auto}@media (max-width:560px){.switch-row{flex-wrap:wrap;gap:var(--space-3)}.switch-count{margin-left:0}}.avatar-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);padding:var(--space-4) 0}.avatar-row-text{flex:1 1;min-width:0}.avatar-row-text strong{display:block;font-size:14px;font-weight:600}.avatar-row-text small{color:var(--color-text-muted);display:block;font-size:12.5px;line-height:1.5;margin-top:2px}.avatar-row-actions{display:flex;flex:none;gap:var(--space-2)}.visibility-choices{grid-gap:var(--space-2);border:0;display:grid;gap:var(--space-2);margin:var(--space-4) 0 var(--space-3);padding:0}.visibility-choices legend{color:var(--color-text);font-size:14px;font-weight:600;margin-bottom:var(--space-3);padding:0}.visibility-choice{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:border-color .14s ease,background-color .14s ease}.visibility-choice:hover{border-color:var(--color-border-strong)}.visibility-choice.is-chosen{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.visibility-choice input{opacity:0;pointer-events:none;position:absolute}.visibility-choice:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.visibility-mark{background:var(--color-surface-sunken);border-radius:var(--radius-md);color:var(--color-text-muted);display:grid;flex:none;height:32px;place-items:center;width:32px}.visibility-choice.is-chosen .visibility-mark{background:var(--gradient-brand);background-origin:border-box;background-repeat:no-repeat;color:#fff}.visibility-text{min-width:0}.visibility-text strong{display:block;font-size:14px;font-weight:600}.visibility-text small{display:block;line-height:1.5;margin-top:2px}.visibility-caveat,.visibility-text small{color:var(--color-text-muted);font-size:12.5px}.visibility-caveat{align-items:flex-start;display:flex;gap:var(--space-2);line-height:1.55;margin:0 0 var(--space-5)}.visibility-caveat svg{flex:none;margin-top:2px}.profile-container{margin:0 auto;max-width:var(--content-width-narrow)}.profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.profile-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);padding:var(--space-6)}.profile-header .section-head{margin-bottom:0;min-width:0}.profile-header h1{font-size:var(--text-h2);overflow:hidden;text-overflow:ellipsis}.profile-header .section-head p{overflow-wrap:anywhere}.profile-section{border-bottom:1px solid var(--color-border);padding:var(--space-6)}.profile-section:last-child{border-bottom:none}.profile-section h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-5)}.profile-card .info-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.profile-card .info-item{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.profile-card .info-item label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase}.profile-card .info-value{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-md);padding:var(--space-2) var(--space-3);word-break:break-word}.password-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:420px}.password-form .form-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.password-form .form-group input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);min-height:40px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.password-form .form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.update-button{align-self:flex-start;background:var(--color-accent);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-on-accent);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);min-height:40px;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast)}.update-button:hover:not(:disabled){background:var(--color-accent-hover)}.update-button:disabled{cursor:not-allowed;opacity:.55}.theme-options{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:inline-flex;padding:3px}.theme-option{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-option:hover{color:var(--color-text)}.theme-option[aria-pressed=true]{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text)}.theme-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-3) 0 0}.danger-zone h2{color:var(--color-danger)}.danger-actions{display:flex;flex-direction:column;gap:var(--space-3)}.danger-item{align-items:center;background:var(--color-danger-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4)}.danger-info h3{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1)}.danger-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.delete-button{background:var(--color-danger);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-on-danger);cursor:pointer;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:36px;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast)}.delete-button:hover:not(:disabled){background:var(--color-danger-hover)}.delete-button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:768px){.profile-header,.profile-section{padding:var(--space-5) var(--space-4)}.danger-item{align-items:stretch;flex-direction:column}.delete-button{width:100%}.theme-options{display:flex;width:100%}.theme-option{flex:1 1;justify-content:center}}.profile-back{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:13px;font-weight:500;gap:var(--space-2);margin-bottom:var(--space-5);text-decoration:none}.profile-back:hover{color:var(--color-text)}.link-device{display:flex;justify-content:center;padding:var(--space-8) 0 var(--space-16)}.link-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);max-width:460px;padding:var(--space-8);text-align:center;width:100%}.link-icon{background:var(--color-accent-soft);border-radius:var(--radius-lg);color:var(--color-accent);display:grid;height:48px;margin:0 auto var(--space-5);place-items:center;width:48px}.link-card h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin:0 0 var(--space-3)}.link-muted{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--space-6)}.link-code{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:.12em;margin-bottom:var(--space-3);padding:var(--space-4)}.link-check{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-6)}.link-actions{justify-content:center}.link-actions,.link-form{display:flex;gap:var(--space-2)}.link-input{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;font-family:var(--font-family-mono);font-size:var(--font-size-lg);letter-spacing:.08em;min-height:40px;min-width:0;padding:var(--space-2) var(--space-3);text-align:center;text-transform:uppercase}.link-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.link-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:var(--space-4) 0 0}@media (max-width:480px){.link-card{padding:var(--space-6)}.link-actions,.link-form{flex-direction:column}}.news{margin:0 auto;max-width:var(--content-width-narrow);padding-bottom:var(--space-12)}.news-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-12);padding-bottom:var(--space-6)}.news-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;margin:0 0 var(--space-2)}.news-header p{color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0}.news-list{list-style:none;margin:0;padding:0}.news-post{grid-gap:var(--space-8);border-bottom:1px solid var(--color-border);display:grid;gap:var(--space-8);grid-template-columns:170px minmax(0,1fr);margin-bottom:var(--space-12);padding-bottom:var(--space-12)}.news-post:last-child{border-bottom:0;margin-bottom:0}.news-meta{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-2)}.news-meta time{font-feature-settings:"tnum";color:var(--color-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.news-tag{background:var(--color-accent-soft);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--font-size-xs);letter-spacing:.04em;padding:2px var(--space-2);text-transform:uppercase}.news-body h2,.news-tag{font-weight:var(--font-weight-semibold)}.news-body h2{font-size:var(--font-size-xl);letter-spacing:-.015em;margin:0 0 var(--space-4)}.news-body p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4);max-width:66ch}.news-body p:last-child{margin-bottom:0}.news-footer{border-top:1px solid var(--color-border);margin-top:var(--space-12);padding-top:var(--space-6)}.news-back{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--space-2);text-decoration:none}.news-back:hover{color:var(--color-text)}@media (max-width:768px){.news-post{gap:var(--space-3);grid-template-columns:1fr;margin-bottom:var(--space-8);padding-bottom:var(--space-8)}.news-meta{align-items:center;flex-direction:row;gap:var(--space-3)}.news-header{margin-bottom:var(--space-8)}}.download-page{margin:0 auto;max-width:940px;padding:var(--space-12) 0 var(--space-16)}.download-hero{margin-bottom:var(--space-12);text-align:center}.download-hero h1{font-size:clamp(2rem,5vw,2.75rem);letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--space-4)}.download-hero p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.6;margin:0 auto var(--space-8);max-width:54ch}.download-primary{align-items:center;display:inline-flex;font-size:1.05rem;gap:var(--space-3);padding:var(--space-4) var(--space-8)}.download-primary-meta{color:inherit;font-size:.85rem;font-weight:400;opacity:.75}.download-error,.download-loading{color:var(--color-text-secondary);text-align:center}.download-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;margin:0 0 var(--space-16);padding:0}.download-card{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.download-card.is-yours{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.download-card-head{align-items:center;color:var(--color-text);display:flex;gap:var(--space-2)}.download-card-head h2{font-size:1.1rem;margin:0}.download-card-note{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.download-card-meta,.download-card-soon{color:var(--color-text-muted);font-size:.85rem;line-height:1.5;margin:0}.download-after{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.download-after h2{font-size:1.25rem;margin:0 0 var(--space-5)}.download-after ol{color:var(--color-text-secondary);line-height:1.7;margin:0 0 var(--space-6);padding-left:var(--space-5)}.download-after li+li{margin-top:var(--space-2)}.download-hotkeys,.download-updates{color:var(--color-text-secondary);font-size:.92rem;line-height:1.7;margin:0 0 var(--space-3)}.download-hotkeys kbd{background:var(--color-surface-raised);border:solid var(--color-border-strong);border-radius:var(--radius-sm);border-width:1px 1px 2px;color:var(--color-text);display:inline-block;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.8em;min-width:1.6em;padding:2px 6px;text-align:center}.download-footer{margin-top:var(--space-10);text-align:center}.download-back{align-items:center;color:var(--color-text-secondary);display:inline-flex;gap:var(--space-2);text-decoration:none}.download-back:hover{color:var(--color-text)}@media (max-width:600px){.download-page{padding:var(--space-8) 0 var(--space-12)}.download-after{padding:var(--space-5)}}.download-mark{border-radius:18px;display:block;height:72px;margin:0 auto var(--space-5);width:72px}.download-hero .download-note{color:var(--color-text-muted);font-size:.875rem;line-height:1.6;margin:var(--space-5) auto 0;max-width:46ch}.download-hero .download-elsewhere{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin:var(--space-6) auto 0;max-width:54ch;padding:var(--space-4) var(--space-5);text-align:left}.legal-container{padding:0 0 var(--space-8)}.legal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:0 auto;max-width:var(--content-width-narrow);padding:var(--space-10)}.legal-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-10);padding-bottom:var(--space-6)}.legal-header h1{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--space-2)}.legal-header p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.legal-section{margin-bottom:var(--space-8)}.legal-section h2{font-size:var(--font-size-xl);margin:0 0 var(--space-3)}.legal-section h2,.legal-section h3{color:var(--color-text);font-weight:var(--font-weight-semibold)}.legal-section h3{font-size:var(--font-size-lg);margin:var(--space-6) 0 var(--space-2)}.legal-section p,.legal-section ul{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4);max-width:68ch}.legal-section ul{padding-left:var(--space-5)}.legal-section li{margin-bottom:var(--space-2)}.legal-section li::marker{color:var(--color-text-muted)}.legal-section strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.legal-section a{color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:2px}.legal-section a:hover{color:var(--color-accent-hover)}.legal-footer{border-top:1px solid var(--color-border);margin-top:var(--space-10);padding-top:var(--space-6)}.back-link{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);min-height:40px;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.back-link:hover{background:var(--color-surface-hover)}@media (max-width:768px){.legal-content{border-radius:var(--radius-lg);padding:var(--space-6)}.legal-header{margin-bottom:var(--space-6)}.legal-header h1{font-size:var(--font-size-2xl)}.legal-section h2{font-size:var(--font-size-lg)}}.contact{margin:0 auto;max-width:var(--content-width-narrow);padding:var(--space-10) 0 var(--space-16)}.contact-head{margin-bottom:var(--space-8);text-align:center}.contact-head h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0 0 var(--space-3)}.contact-lede{color:var(--color-text-secondary);line-height:var(--leading-body);margin:0 auto;max-width:52ch}.contact-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-6)}.contact-card-mark{background:var(--gradient-brand);background-origin:border-box;background-repeat:no-repeat;border-radius:var(--radius-lg);color:#fff;display:grid;flex:none;height:48px;place-items:center;width:48px}.contact-card-text{flex:1 1;min-width:0}.contact-card-text strong{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);word-break:break-word}.contact-card-text p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-1) 0 0}.contact-notes{grid-gap:var(--space-3);display:grid;gap:var(--space-3);margin-bottom:var(--space-8)}.contact-note{align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-3);line-height:var(--leading-body);padding:var(--space-4)}.contact-note svg{color:var(--color-text-muted);flex:none;margin-top:2px}.contact-note p{margin:0}.contact-note a{color:var(--color-accent);font-weight:var(--font-weight-medium)}.contact-links{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.contact-links h2{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4)}.contact-links ul{grid-gap:var(--space-3);color:var(--color-text-secondary);display:grid;font-size:var(--font-size-sm);gap:var(--space-3);line-height:var(--leading-body);list-style:none;margin:0;padding:0}.contact-links a{color:var(--color-accent);font-weight:var(--font-weight-medium)}.contact-footer{margin-top:var(--space-8);text-align:center}.back-link{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-2);text-decoration:none}.back-link:hover{color:var(--color-text)}@media (max-width:560px){.contact-card{flex-wrap:wrap}.contact-card .btn{width:100%}}.status-page{margin:0 auto;max-width:var(--content-width-narrow);padding:var(--space-10) 0 var(--space-16)}.status-head{margin-bottom:var(--space-6);text-align:center}.status-head h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0}.status-banner{align-items:center;border:1px solid #0000;border-radius:var(--radius-xl);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-5)}.status-banner.status-loading{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.status-banner.status-operational{background:var(--color-success-soft);color:var(--color-success)}.status-banner.status-degraded{background:var(--color-warning-soft);color:var(--color-warning)}.status-banner.status-down{background:var(--color-danger-soft);color:var(--color-danger)}.status-note{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:calc(var(--space-3)*-1) 0 var(--space-6);text-align:center}.status-list{grid-gap:var(--space-2);display:grid;gap:var(--space-2);list-style:none;margin:0 0 var(--space-6);padding:0}.status-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4)}.status-dot{background:var(--color-text-muted);border-radius:var(--radius-full);flex:none;height:9px;width:9px}.status-item.status-operational .status-dot{background:var(--color-success)}.status-item.status-degraded .status-dot{background:var(--color-warning)}.status-item.status-down .status-dot{background:var(--color-danger)}.status-item-name{flex:1 1;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.status-item-state{color:var(--color-text-muted);font-size:var(--font-size-sm)}.status-item.status-operational .status-item-state{color:var(--color-success)}.status-item.status-degraded .status-item-state{color:var(--color-warning)}.status-item.status-down .status-item-state{color:var(--color-danger)}.status-updated{margin:0 0 var(--space-8)}.status-contact,.status-updated{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.status-contact{margin:0}.status-contact a{color:var(--color-accent);font-weight:var(--font-weight-medium)}.landing{margin:0 auto;max-width:760px;padding:var(--space-12) 0 var(--space-16)}.landing-head h1{font-size:clamp(1.9rem,4.4vw,2.8rem);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:var(--space-3) 0 var(--space-5)}.landing-lede{color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body);margin:0 0 var(--space-8)}.landing-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.landing-figure{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:var(--space-12) 0;padding:var(--space-4)}.landing-body section+section{margin-top:var(--space-10)}.landing-body h2{font-size:var(--text-h2);line-height:var(--leading-heading);margin:0 0 var(--space-4)}.landing-body p{color:var(--color-text-secondary);line-height:var(--leading-body);margin:0 0 var(--space-4)}.landing-body p:last-child{margin-bottom:0}.landing-next{border-top:1px solid var(--color-border);margin-top:var(--space-16);padding-top:var(--space-8)}.landing-next h2{font-size:var(--text-h3);margin:0 0 var(--space-4)}.landing-next ul{grid-gap:var(--space-2);display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.landing-next a{align-items:center;color:var(--color-accent);display:inline-flex;gap:var(--space-2)}.landing-next a:before{background:currentColor;content:"";flex-shrink:0;height:1px;width:14px}@media (max-width:600px){.landing{padding:var(--space-8) 0 var(--space-12)}.landing-actions .btn{width:100%}.landing-figure{margin:var(--space-8) 0;padding:var(--space-3)}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--space-8) 0 var(--space-5)}.footer-inner{align-items:flex-start;display:flex;gap:var(--space-8);justify-content:space-between;padding-bottom:var(--space-5)}.footer-name{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.footer-note{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-1) 0 0;max-width:40ch}.footer-note a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.footer-note a:hover{color:var(--color-text)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.footer-links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none}.footer-links a:hover{color:var(--color-text);text-decoration:underline}.footer-bottom{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;padding-top:var(--space-4)}.footer-bottom p{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.footer-formats{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:768px){.footer-inner{flex-direction:column;gap:var(--space-5)}.footer-bottom{align-items:flex-start;flex-direction:column}}.App{background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh;overflow-x:clip}.App-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.App-header .header-content{gap:var(--space-6);margin:0 auto;max-width:var(--content-width);min-height:var(--header-height);padding:0 var(--space-6);width:100%}.App-header .header-brand,.App-header .header-content,.App-header .header-left,.App-header .header-right{align-items:center;display:flex}.App-header .header-right{justify-content:flex-end}.header-nav{align-items:center;display:flex;flex:1 1;gap:var(--space-1)}.header-nav-link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.header-nav-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.brand-mark{display:block;flex-shrink:0;height:26px;width:auto}.brand-link{align-items:center;border-radius:var(--radius-sm);display:inline-flex;gap:var(--space-2);text-decoration:none}.brand-link h1{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;margin:0}.brand-link p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-buttons{align-items:center;display:flex;gap:var(--space-2)}.user-menu{position:relative}.profile-button{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--space-2);min-height:36px;padding:var(--space-1) var(--space-2);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.profile-button:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.user-avatar{background:var(--color-accent-soft);border-radius:var(--radius-full);color:var(--color-accent);display:grid;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:24px;place-items:center;text-transform:uppercase;width:24px}img.user-avatar{background:var(--color-surface-sunken);display:block;object-fit:cover}.username{color:var(--color-text)}.dropdown-arrow{color:var(--color-text-muted);display:flex;transition:transform var(--transition-fast)}.profile-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--space-1);position:absolute;right:0;top:calc(100% + var(--space-2));z-index:200}.dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--color-surface-hover)}.dropdown-icon{color:var(--color-text-muted);display:flex;flex-shrink:0}.dropdown-divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.logout-item,.logout-item .dropdown-icon{color:var(--color-danger)}.logout-item:hover{background:var(--color-danger-soft)}.main-content{flex:1 1;padding:var(--space-8) 0 var(--space-16);width:100%}@media (max-width:768px){.App-header .header-content{flex-wrap:wrap;gap:var(--space-3);padding:0 var(--space-4);padding-bottom:var(--space-2)}.header-brand{margin-right:auto}.header-nav{display:flex;flex-basis:100%;gap:var(--space-1);margin:0 calc(var(--space-4)*-1);order:3;overflow-x:auto;padding:0 var(--space-4);scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav-link{flex-shrink:0}.main-content{padding:var(--space-6) 0 var(--space-10)}.username{display:none}}
/*# sourceMappingURL=main.7da346f9.css.map*/