.hero-gradient{background:linear-gradient(90deg,#5865f2,#7289da,#5865f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-box{position:relative;text-align:center;padding:.9rem 1.4rem;max-width:37rem;margin:0 auto;background:#0003;border-radius:13px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.panel{background:#0a0a12a6;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.4rem 1.6rem;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.help-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.help-modal[hidden]{display:none}.help-modal.visible{opacity:1;pointer-events:auto}.help-modal-backdrop{position:absolute;inset:0;background:#0000008c}.help-modal-panel{position:relative;width:100%;max-width:720px;max-height:calc(100vh - 2rem);overflow-y:auto;background:#0a0a12d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.4rem 1.6rem 1.2rem;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.help-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:.15rem;border-radius:4px;transition:color .2s}.help-modal-close:hover{color:#fca5a5}.help-modal-head{display:flex;align-items:flex-start;gap:.85rem;padding-right:2rem;margin-bottom:.4rem}.help-card-icon{flex-shrink:0;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem;background:#5865f21a;color:#7289da}.help-modal-title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 .2rem}.help-modal-sub{font-size:.73rem;color:#9ca3af;line-height:1.55;margin:0}.help-cmd-list{list-style:none;margin:0;padding:.6rem 0 0;display:grid;grid-template-columns:1fr;gap:.55rem}@media (min-width: 720px){.help-cmd-list{grid-template-columns:1fr 1fr;gap:.65rem 1rem}}.help-cmd{display:flex;align-items:flex-start;gap:.65rem;padding:.55rem .7rem;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:background .15s ease,border-color .15s ease}.help-cmd:hover{background:#ffffff0a;border-color:#ffffff14}.help-cmd-emoji{flex-shrink:0;width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.85rem;margin-top:1px}.help-cmd-text{flex:1;min-width:0}.help-cmd-text p{margin:0}.help-cmd-text p:first-child{font-size:.78rem;line-height:1.3}.help-cmd-desc{font-size:.71rem;color:#9ca3af;line-height:1.5;margin-top:.2rem!important}.help-link{color:#7289da;text-decoration:none;border-bottom:1px dashed rgba(114,137,218,.4)}.help-link:hover{color:#a3b3f7;border-bottom-color:#a3b3f7b3}.help-card-foot{margin:.95rem 0 0;padding:.55rem .75rem;border-radius:8px;font-size:.7rem;color:#9ca3af;background:#5865f20f;border:1px solid rgba(88,101,242,.15);line-height:1.5}.section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#6b7280;padding-left:.2rem}.section-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.refresh-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#9ca3af;width:28px;height:28px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.refresh-btn:hover:not(:disabled){color:#fff;border-color:#5865f266;background:#5865f214}.refresh-btn:disabled{opacity:.5;cursor:wait}.refresh-btn.spinning svg{animation:spin .6s linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hint{font-size:.78rem;color:#9ca3af;line-height:1.55}.discord-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.4rem;background:#5865f2;color:#fff;font-size:.88rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease,box-shadow .2s ease;box-shadow:0 4px 14px #5865f259}.discord-btn:hover{background:#4752c4;transform:translateY(-1px);box-shadow:0 6px 18px #5865f273}.discord-btn:disabled{background:#5865f24d;box-shadow:none;cursor:not-allowed;transform:none}.discord-btn.small{padding:.5rem 1rem;font-size:.8rem}.logout-btn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#d1d5db;font-size:.72rem;font-weight:500;padding:.45rem .85rem;border-radius:8px;cursor:pointer;transition:all .15s ease}.logout-btn:hover{color:#fff;border-color:#ef444466;background:#ef444414}.back-btn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#d1d5db;font-size:.78rem;font-weight:500;padding:.5rem .9rem;border-radius:8px;cursor:pointer;transition:all .15s ease}.back-btn:hover{color:#fff;border-color:#5865f266;background:#5865f214}.login-icon-wrap{width:64px;height:64px;margin:0 auto;background:#5865f21f;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(88,101,242,.25)}.user-block{background:#0a0a12a6;border:1px solid rgba(255,255,255,.07);border-radius:16px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);overflow:hidden}.user-invite{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.4rem;border-top:1px solid rgba(255,255,255,.05);background:#ffffff04}.user-invite p{margin:0}@media (max-width: 540px){.user-invite{flex-direction:column;align-items:stretch}.user-invite .discord-btn{justify-content:center}}.user-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.4rem}.user-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(88,101,242,.4);flex-shrink:0}.user-meta{display:flex;align-items:center;gap:.4rem;margin-top:2px}.user-meta-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.guilds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media (max-width: 900px){.guilds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 540px){.guilds-grid{grid-template-columns:1fr}}.guild-row{width:100%;background:#0f0f18b3;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.9rem 1rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;transition:border-color .2s ease,background .15s ease,transform .1s ease;text-align:left;color:inherit;font-family:inherit}.guild-row:hover{border-color:#5865f259;background:#141420cc}.guild-row:active{transform:scale(.997)}.guild-skeleton:hover{border-color:#ffffff0f;background:#0f0f18b3;cursor:default}.guild-row .chevron{color:#6b7280;flex-shrink:0;transition:transform .15s ease,color .15s ease}.guild-row:hover .chevron{color:#a5b4fc;transform:translate(3px)}.guild-icon{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.guild-icon-fallback{background:linear-gradient(135deg,#5865f24d,#a855f733);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.15rem}.guild-name{color:#fff;font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.guild-meta-row{display:flex;align-items:center;gap:.5rem;margin-top:4px;font-size:.7rem}.guild-badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-owner{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.badge-admin{background:#5865f21f;color:#a5b4fc;border:1px solid rgba(88,101,242,.25)}.detail-header{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.detail-guild-card{flex:1;min-width:0;display:flex;align-items:center;gap:.85rem;padding:.7rem 1.1rem;background:#0a0a12a6;border:1px solid rgba(255,255,255,.07);border-radius:12px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.detail-guild-icon{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.detail-guild-name{color:#fff;font-weight:700;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.cmd-blocks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}@media (max-width: 900px){.cmd-blocks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.cmd-blocks-grid{grid-template-columns:1fr}}.contents{display:contents}.cmd-block{background:#0a0a12a6;border:1px solid rgba(255,255,255,.07);border-radius:14px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:1.1rem 1.2rem;display:flex;flex-direction:column;transition:border-color .2s ease}.cmd-block:hover{border-color:#5865f233}.cmd-block-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.cmd-block-title{flex:1;min-width:0}.cmd-name-text{color:#fff;font-family:ui-monospace,Menlo,monospace;font-size:.95rem;font-weight:700;margin:0}.cmd-sub-text{color:#6b7280;font-size:.7rem;margin:2px 0 0}.gear-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#9ca3af;width:30px;height:30px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.gear-btn:hover{color:#fff;border-color:#5865f266;background:#5865f214}.gear-btn.active{color:#a5b4fc;border-color:#5865f266;background:#5865f21f}.gear-btn.active svg{transform:rotate(45deg)}.gear-btn svg{transition:transform .25s ease}.cmd-block-body{flex:1}.cmd-toggle-line{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.cmd-state{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:500;padding:4px 10px;border-radius:999px}.cmd-block-options{margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.55rem}.cmd-block-options[hidden]{display:none}.announce-block .cmd-block-body{display:flex;flex-direction:column;gap:.55rem}.discord-btn.small.full{width:100%;justify-content:center;background:#5865f224;border:1px solid rgba(88,101,242,.32);color:#c7d2fe;box-shadow:none;transform:none;transition:none}.discord-btn.small.full:hover{background:#5865f224;border-color:#5865f252;color:#c7d2fe;box-shadow:none;transform:none}.discord-btn.small.full:disabled{background:#5865f20f;border-color:#5865f226;color:#6b7280;cursor:not-allowed}.hint-small{font-size:.7rem}.native-follow-banner{display:flex;align-items:center;gap:.45rem;background:#22c55e14;border:1px solid rgba(34,197,94,.22);color:#4ade80;font-size:.7rem;padding:.45rem .65rem;border-radius:8px;line-height:1.4}.native-follow-banner.banner-warn{background:#f59e0b14;border-color:#f59e0b38;color:#fbbf24}.native-follow-banner svg{flex-shrink:0}.native-follow-banner strong{color:#fff;font-weight:600}.mode-row{display:flex;gap:6px;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:5px}.mode-radio{flex:1 1 0;min-width:0;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mode-radio input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}.mode-radio span{display:flex;align-items:center;justify-content:center;text-align:center;color:#9ca3af;font-size:.7rem;font-weight:500;padding:.55rem .9rem;border-radius:7px;transition:all .15s ease;line-height:1.2;min-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-radio input:checked+span{background:#5865f22e;color:#fff;box-shadow:0 1px 3px #0000004d}.mode-radio:hover input:not(:checked)+span{color:#d1d5db}.toggle-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .3rem;border-radius:8px;transition:background .15s ease}.toggle-row:hover{background:#ffffff05}.toggle-row+.toggle-row{border-top:1px solid rgba(255,255,255,.04)}.toggle-left{display:flex;align-items:center;gap:.7rem;flex:1;min-width:0}.toggle-emoji{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1rem;flex-shrink:0}.toggle-info{min-width:0}.toggle-cmd-name{color:#fff;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;font-weight:600}.toggle-slash{color:#5865f2}.toggle-desc{color:#6b7280;font-size:.7rem;margin-top:1px}.toggle-right{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.toggle-state{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:500;padding:3px 9px;border-radius:999px}.state-dot{width:6px;height:6px;border-radius:50%}.state-on{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.state-on .state-dot{background:#22c55e;box-shadow:0 0 6px #22c55e99}.state-off{background:#6b72801a;color:#9ca3af;border:1px solid rgba(107,114,128,.2)}.state-off .state-dot{background:#6b7280}.toggle-switch{position:relative;width:44px;height:24px;border-radius:12px;background:#6b72804d;transition:background .25s ease;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:100%;height:100%;position:absolute;inset:0;cursor:pointer;margin:0}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 2px 4px #0000004d}.toggle-switch.on{background:#22c55e;box-shadow:0 0 12px #22c55e4d}.toggle-switch.on .toggle-knob{transform:translate(20px)}.toggle-switch.saving{opacity:.5;animation:pulse-saving 1s ease-in-out infinite}@keyframes pulse-saving{0%,to{opacity:.5}50%{opacity:.8}}.block-section{padding:.9rem 0}.block-section+.block-section{border-top:1px solid rgba(255,255,255,.05)}.block-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.block-title{color:#fff;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;font-weight:600}.chip-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.chip{display:inline-flex;align-items:center;gap:.35rem;background:#ef444414;color:#fca5a5;border:1px solid rgba(239,68,68,.25);padding:3px 4px 3px 9px;border-radius:999px;font-size:.75rem;font-family:ui-monospace,Menlo,monospace}.chip.saving{opacity:.5}.chip-remove{background:transparent;border:none;color:#fca5a5;cursor:pointer;font-size:1rem;padding:0 6px;line-height:1;border-radius:999px;transition:background .15s ease}.chip-remove:hover{background:#ef444433;color:#fff}.chip-empty{color:#6b7280;font-size:.72rem;font-style:italic}.select-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;color-scheme:dark;background-color:#00000080;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239ca3af' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:10px;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;padding:.6rem 2.2rem .6rem .9rem;border-radius:8px;font-size:.78rem;width:100%;cursor:pointer;transition:all .15s ease;font-family:inherit}.select-input:hover{border-color:#5865f266;background-color:#000000a6}.select-input:focus{outline:none;border-color:#5865f2;box-shadow:0 0 0 2px #5865f233}.select-input:disabled{opacity:.5;cursor:not-allowed}.select-input option,.select-input optgroup{background:#0f0f18;color:#e5e7eb}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:skeleton-shine 1.6s linear infinite;border-radius:6px}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-row{display:flex;align-items:center;gap:.85rem}.skeleton-col{flex:1}.skeleton-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0}.skeleton-line{height:12px}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.w-full{width:100%}.cmd-card{padding:1.2rem 1.4rem}.cmd-card-head{display:flex;align-items:center;gap:.8rem}.cmd-emoji{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#5865f21a;border-radius:10px;font-size:1.1rem}.cmd-name{font-family:ui-monospace,Menlo,monospace;color:#fff;font-size:1.05rem;font-weight:700;line-height:1.2}.cmd-sub{color:#6b7280;font-size:.7rem;margin-top:2px}.cmd-slash{color:#5865f2}.cmd-code{display:inline-block;background:#5865f21a;border:1px solid rgba(88,101,242,.25);color:#c7d2fe;padding:3px 9px;border-radius:5px;font-family:ui-monospace,Menlo,monospace;font-size:.72rem}.invite-panel{display:flex;align-items:center;gap:1.2rem}.invite-btn{flex-shrink:0}@media (max-width: 640px){.invite-panel{flex-direction:column;align-items:stretch}.invite-btn{justify-content:center}}.oauth-err{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#fca5a5;font-size:.8rem;padding:.7rem .9rem;border-radius:10px;margin:.8rem auto 0;max-width:37rem}.oauth-err code{background:#0000004d;padding:1px 6px;border-radius:4px;font-family:ui-monospace,Menlo,monospace;font-size:.72rem}.oauth-err button{background:transparent;border:none;color:inherit;font-size:1.2rem;cursor:pointer;line-height:1;padding:0 .3rem}.toast-stack{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column-reverse;gap:.5rem;z-index:9999;pointer-events:none}.toast{background:#0f0f18f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);color:#e5e7eb;font-size:.82rem;padding:.65rem 1rem;border-radius:10px;box-shadow:0 8px 24px #0006;transform:translate(120%);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;max-width:320px}.toast.show{transform:translate(0);opacity:1}.toast-success{border-left:3px solid #22c55e}.toast-error{border-left:3px solid #ef4444;color:#fca5a5}.toast-info{border-left:3px solid #5865F2}.animate-slide-up{animation:slide-up .7s cubic-bezier(.16,1,.3,1) both}.stagger-1{animation-delay:.08s}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.animate-slide-up{animation:none}}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.min-w-0{min-width:0}.flex-1{flex:1}.text-left{text-align:left}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}@media (max-width: 640px){.toggle-row{flex-wrap:wrap}.toggle-right{width:100%;justify-content:flex-end;margin-top:.3rem}.toast-stack{left:1rem;right:1rem;bottom:1rem}.toast{max-width:none}.announce-control{flex-direction:column;align-items:stretch}.select-input{max-width:none}}