.invite-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:invite-fadeIn .2s ease}@keyframes invite-fadeIn{0%{opacity:0}to{opacity:1}}.invite-modal-glass{position:relative;width:100%;max-width:400px;padding:32px;background:#1c1c1eb8;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 24px 48px #0006,inset 0 1px #ffffff0f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:invite-scaleIn .25s ease}@keyframes invite-scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.invite-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.5rem;line-height:1;color:#ffffff73;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition),background var(--transition)}.invite-modal-close:hover{color:#fff;background:#ffffff14}.invite-modal-title{margin:0 0 8px;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:#fff}.invite-modal-desc{margin:0 0 24px;font-size:.9375rem;color:#ffffffb8}.invite-modal-form{display:flex;flex-direction:column;gap:16px}.invite-modal-input{width:100%;padding:16px 20px;font-family:var(--font-sans);font-size:1rem;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition)}.invite-modal-input::placeholder{color:#ffffff73}.invite-modal-input:hover{border-color:#ffffff2e}.invite-modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff33;outline:none}.invite-modal-input[aria-invalid=true]{border-color:#ff453a99}.invite-modal-error{margin:0;font-size:.875rem;color:#ff453a;font-weight:500}.invite-modal-error--block{margin-bottom:24px;font-size:.9375rem;line-height:1.5;color:#ff453a}.invite-modal-submit{width:100%;color:#fff}.hero{width:100%;max-width:560px;text-align:center}.hero-title{margin:0 0 16px;font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.04em;line-height:1.15;color:var(--white)}.hero-subtitle{font-size:1.0625rem;color:var(--white-muted);max-width:420px;margin:0 auto 40px}.hero-input-wrap{display:flex;flex-direction:column;gap:16px;margin-bottom:12px}.hero-input{width:100%;padding:18px 22px;font-family:var(--font-sans);font-size:1rem;color:var(--white);background:var(--obsidian-soft);border:1px solid var(--obsidian-elevated);border-radius:var(--radius-lg);transition:border-color var(--transition),box-shadow var(--transition)}.hero-input::placeholder{color:var(--white-subtle)}.hero-input:hover{border-color:var(--input-border-hover)}.hero-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff33;outline:none}.hero-cta{width:100%}.hero-status{margin:0 0 16px;font-size:.9375rem}.hero-status--success{color:#30d158}.hero-status--error{color:#ff453a}.hero-hint{margin:0;font-size:.875rem;color:var(--white-subtle)}.hero-hint a{color:var(--white-muted);text-decoration:none}.hero-hint a:hover{color:var(--accent);text-decoration:underline}.guide{padding:64px 24px 80px;background:var(--obsidian-soft);border-top:1px solid var(--obsidian-elevated)}.guide-inner{max-width:640px;margin:0 auto}.guide-title{margin:0 0 12px;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--white)}.guide-lead{margin:0 0 32px;font-size:1rem;color:var(--white-muted);line-height:1.6}.guide-steps{margin:0 0 40px;padding-left:1.25rem;color:var(--white-muted);line-height:1.65}.guide-steps li{margin-bottom:14px}.guide-steps strong{color:var(--white);font-weight:500}.guide-arch{padding-top:24px;border-top:1px solid var(--obsidian-elevated)}.guide-subtitle{margin:0 0 10px;font-size:1.125rem;font-weight:600;color:var(--white)}.guide-body{margin:0;font-size:.9375rem;color:var(--white-muted);line-height:1.65}.guide-body a{color:var(--accent);text-decoration:none}.guide-body a:hover{text-decoration:underline}.footer{padding:32px 24px 40px;background:var(--obsidian-soft);border-top:1px solid var(--obsidian-elevated);text-align:center}.footer-text{margin:0;font-size:.9375rem;color:var(--white-muted);line-height:1.5}.footer-text a{color:var(--white-muted);text-decoration:none}.footer-text a:hover{color:var(--accent);text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:24px 32px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.header-right{display:flex;align-items:center;gap:16px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:var(--white);text-decoration:none;letter-spacing:-.02em}.logo-img{width:28px;height:28px;border-radius:6px;object-fit:cover}.logo:hover{color:var(--white-muted)}.header-link{font-size:.9375rem;font-weight:500;color:var(--white-muted);text-decoration:none}.header-link:hover{color:var(--white)}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}:root,[data-theme=dark]{--obsidian: #171717;--obsidian-soft: #1c1c1e;--obsidian-elevated: #2c2c2e;--white: #ffffff;--white-muted: rgba(255, 255, 255, .72);--white-subtle: rgba(255, 255, 255, .45);--accent: #0a84ff;--accent-hover: #409cff;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-soft: 0 4px 24px rgba(0, 0, 0, .35);--transition: .2s ease;--input-border-hover: #3a3a3c}[data-theme=light]{--obsidian: #f5f5f7;--obsidian-soft: #e8e8ed;--obsidian-elevated: #d2d2d7;--white: #1d1d1f;--white-muted: rgba(0, 0, 0, .72);--white-subtle: rgba(0, 0, 0, .45);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .12);--input-border-hover: #b8b8bd}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:var(--obsidian);color:var(--white);font-family:var(--font-sans);font-weight:400;line-height:1.5}#root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--white);background:var(--obsidian-elevated);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition),transform .1s ease;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--obsidian-elevated);filter:brightness(1.15)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:var(--white)}.btn--primary:hover{background:var(--accent-hover)}.btn--large{padding:16px 32px;font-size:1.0625rem;border-radius:var(--radius-lg)}.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-family:var(--font-sans);font-size:.875rem;font-weight:500;line-height:1;color:var(--white);background:var(--obsidian-elevated);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),transform .1s ease;-webkit-tap-highlight-color:transparent}.theme-toggle:hover{background:var(--obsidian-elevated);filter:brightness(1.15)}.theme-toggle:active{transform:scale(.96)}