*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-card:#12121a;--border:#1e1e2e;--border-hover:#5865f2;--text:#e0e0e0;--text-muted:#888;--text-dim:#555;--white:#fff;--accent:#5865f2;--accent-hover:#4752c4;--danger:#ed4245;--danger-hover:#c93b3e;--success:#2ecc71;--surface:#0a0a0f}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.nav{border-bottom:1px solid var(--border);background:#0e0e16;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.nav-brand{color:var(--white);font-size:1.1rem;font-weight:700}.nav-user{align-items:center;gap:.75rem;display:flex}.nav-user img{border-radius:50%;width:32px;height:32px}.nav-user span{color:var(--text);font-size:.9rem}.nav-user a{color:var(--text-muted);font-size:.85rem}.nav-user a:hover{color:var(--white)}.page{max-width:800px;margin:2rem auto;padding:0 1.5rem}.page h1{color:var(--white);margin-bottom:.5rem;font-size:1.5rem}.page .desc{color:var(--text-muted);margin-bottom:1.5rem}.landing{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex}.landing-inner{max-width:520px;padding:2rem}.landing-logo{margin-bottom:1rem;font-size:4rem}.landing h1{color:var(--white);margin-bottom:.5rem;font-size:2rem}.landing .subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.features{text-align:left;margin-bottom:2.5rem}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.feature-icon{flex-shrink:0;font-size:1.3rem}.feature-text{font-size:.9rem;line-height:1.4}.feature-text strong{color:var(--white)}.buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.commands{text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-top:2.5rem;padding:1.25rem}.commands h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem}.cmd{color:#7289da;margin-bottom:.4rem;font-family:SF Mono,Monaco,monospace;font-size:.85rem}.cmd span{color:var(--text-dim)}.btn{color:var(--white);cursor:pointer;text-align:center;border:none;border-radius:8px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:inline-block}.btn-primary{background:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#2a2a3a}.btn-secondary:hover{background:#3a3a4a}.btn-sm{border-radius:6px;padding:.4rem .75rem;font-size:.8rem}.btn-danger{background:var(--danger)}.btn-danger:hover{background:var(--danger-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.guilds{gap:.75rem;display:grid}.guild-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s;display:flex}.guild-card:hover{border-color:var(--border-hover)}.guild-icon{width:48px;height:48px;color:var(--white);background:#2a2a3a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex;overflow:hidden}.guild-icon img{object-fit:cover;width:100%;height:100%}.guild-name{color:var(--white);font-weight:600}.guild-arrow{color:var(--text-dim);margin-left:auto}.section{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:1.25rem;padding:1.5rem}.section h2{color:var(--white);margin-bottom:.5rem;font-size:1rem}.section .help{color:var(--text-dim);margin-bottom:1rem;font-size:.85rem}select,input[type=text]{background:var(--surface);color:var(--text);border:1px solid #2a2a3a;border-radius:6px;width:100%;padding:.6rem .75rem;font-size:.9rem}select:focus,input:focus{border-color:var(--accent);outline:none}.form-row{align-items:flex-end;gap:.75rem;display:flex}.form-group{flex:1}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.8rem;display:block}.sub-list{gap:.5rem;display:grid}.sub-item{background:var(--surface);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.sub-info{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sub-riot{color:var(--white);font-weight:600}.sub-region{color:#aaa;background:#2a2a3a;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.sub-by{color:var(--text-dim);font-size:.8rem}.empty{color:var(--text-dim);padding:1rem 0;font-size:.9rem}.autocomplete-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:50;border-radius:6px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.autocomplete-item:hover{background:#1e1e2e}.back{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.9rem;display:inline-flex}.back:hover{color:var(--white)}.toast-container{z-index:100;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--border);color:var(--white);border:1px solid #2a2a3a;border-radius:8px;margin-top:.5rem;padding:.75rem 1.25rem;font-size:.9rem;animation:.3s fadeIn}.toast.error{border-color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading{color:var(--text-dim);text-align:center;padding:3rem}