@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&display=swap";:root{--bg:#f6f5f8;--panel:#fff;--ink:#17141f;--ink-soft:#45404f;--muted:#8d8898;--line:#ecebf0;--line-strong:#dedbe4;--accent:#ef2d78;--accent-dark:#d41b64;--accent-soft:#fdeaf2;--violet:#a855f7;--grad:linear-gradient(100deg, #f43f5e 0%, #ec3f8f 42%, #a855f7 100%);--ok:#12a570;--ok-soft:#e7f7f0;--warn:#b7791f;--warn-soft:#fdf6e3;--danger:#d92d20;--danger-soft:#fdeceb;--info:#2563eb;--info-soft:#eff4ff;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #17141f0d;--shadow:0 1px 2px #17141f0a, 0 10px 26px #17141f0f;--shadow-lg:0 18px 44px #17141f24;--header-h:56px;--sidebar-w:232px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0}ul{margin:0;padding-left:18px}.muted{color:var(--muted)}.icon{flex:none}.page-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{height:var(--header-h);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffeb;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;display:flex;position:sticky;top:0}.app-header-left,.app-header-right{align-items:center;gap:12px;min-width:0;display:flex}.header-divider{background:var(--line-strong);width:1px;height:20px}.brand{align-items:center;gap:9px;min-width:0;display:inline-flex}.brand-mark{background:var(--grad);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #ec3f8f59}.brand-mark-lg{border-radius:14px;width:46px;height:46px;font-size:1.4rem}.brand-text{letter-spacing:-.02em;white-space:nowrap;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.back-link{color:var(--muted);border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.back-link:hover{background:var(--bg);color:var(--ink)}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn:hover{background:var(--bg);color:var(--ink)}.only-mobile{display:none}.user-menu{position:relative}.user-chip{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:all .15s;display:inline-flex}.user-chip:hover{background:var(--bg);border-color:var(--line)}.user-chip img,.avatar-fallback{object-fit:cover;background:var(--grad);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:600;display:inline-flex}.user-name{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.82rem;font-weight:500;overflow:hidden}.user-dropdown{background:var(--panel);border:1px solid var(--line);min-width:200px;box-shadow:var(--shadow-lg);z-index:50;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-head{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;margin-bottom:6px;padding:8px 10px 10px;display:flex}.user-dropdown-head strong{font-size:.88rem}.user-dropdown-head span{color:var(--muted);font-size:.75rem}.user-dropdown-item{color:var(--ink-soft);border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:.85rem;display:flex}.user-dropdown-item:hover{background:var(--danger-soft);color:var(--danger)}.hero{background:var(--grad);color:#fff;padding:40px 0 34px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(120% 160% at 85% -20%,#ffffff47,#0000 60%);position:absolute;inset:0}.hero-inner{z-index:1;max-width:1120px;margin:0 auto;padding:0 24px;position:relative}.hero-inner h1{letter-spacing:-.035em;font-size:1.9rem;font-weight:700}.hero-inner p{color:#ffffffd1;margin:6px 0 0;font-size:.85rem}.hero-rule{background:#ffffff59;width:min(1072px,100% - 48px);height:1px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.servers-wrap{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:22px 24px 60px}.search{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;transition:all .15s;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.search input::placeholder{color:#b6b2be}.server-grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:14px;display:grid}.server-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:12px;min-height:76px;padding:14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.server-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-2px)}.server-card.is-active{border-left:3px solid var(--accent);padding-left:12px}.server-card.is-active:hover{border-color:var(--line-strong);border-left-color:var(--accent)}.server-card.is-skeleton{min-height:76px;box-shadow:none;background:linear-gradient(90deg,#f2f1f5 25%,#e9e8ee 37%,#f2f1f5 63%) 0 0/400% 100%;border-color:#0000;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.server-icon{object-fit:cover;background:#f1f0f4;border-radius:12px;flex:none;width:40px;height:40px}.server-icon-fallback{color:var(--muted);justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:inline-flex}.server-meta{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.server-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.server-go{background:var(--bg);width:30px;height:30px;color:var(--muted);border-radius:10px;flex:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.server-card.is-active .server-go{background:var(--accent-soft);color:var(--accent)}.server-card:hover .server-go{transform:translate(2px)}.badge{border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;line-height:1.5;display:inline-flex}.badge-manage{background:var(--accent-soft);color:var(--accent-dark)}.badge-invite{background:var(--ok-soft);color:var(--ok)}.empty-state{text-align:center;background:var(--panel);border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:56px 24px;display:flex}.empty-state h2{color:var(--ink);font-size:1.05rem}.empty-state p{max-width:420px;margin:0;font-size:.86rem;line-height:1.6}.empty-state .btn{margin-top:10px}.guild-shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);flex:1;min-height:0;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--line);top:var(--header-h);height:calc(100vh - var(--header-h));flex-direction:column;align-self:start;gap:14px;padding:16px 12px 20px;display:flex;position:sticky;overflow-y:auto}.sidebar-guild{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 8px 14px;display:flex}.sidebar-guild img,.sidebar-guild .avatar-fallback{object-fit:cover;border-radius:11px;width:34px;height:34px;font-size:.9rem}.sidebar-guild-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-guild-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.sidebar-guild-meta span{color:var(--ok);font-size:.7rem;font-weight:500}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:12px}.nav-label{letter-spacing:.06em;text-transform:uppercase;color:#b6b2be;padding:4px 10px 6px;font-size:.68rem;font-weight:600}.nav-link{border-radius:var(--radius-sm);color:var(--ink-soft);align-items:center;gap:10px;padding:9px 10px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.nav-link .icon{color:var(--muted);transition:all .15s}.nav-link:hover{background:var(--bg);color:var(--ink)}.nav-link:hover .icon{color:var(--ink-soft)}.nav-link.active{background:var(--grad);color:#fff;font-weight:600;box-shadow:0 6px 16px #ec3f8f47}.nav-link.active .icon{color:#fff}.nav-link span:not(.nav-tag){flex:1;min-width:0}.nav-tag{color:#7e22ce;letter-spacing:.02em;background:#f3e8ff;border-radius:999px;padding:2px 6px;font-size:.62rem;font-weight:700}.nav-link.active .nav-tag{color:#fff;background:#ffffff3d}.drawer-backdrop{inset:var(--header-h) 0 0;z-index:30;background:#17141f66;border:none;display:none;position:fixed}.content{min-width:0;max-width:1080px;padding:26px 28px 90px}.page-head{margin-bottom:20px}.page-title{letter-spacing:-.03em;margin-bottom:4px;font-size:1.5rem;font-weight:700}.page-desc{color:var(--muted);max-width:760px;margin:0;font-size:.85rem;line-height:1.6}.stack{align-content:start;gap:14px;display:grid}.page-loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.page-loading.full{min-height:100vh}.spinner{border:2.5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px}.card h3{font-size:.92rem;font-weight:600}.card p.help{color:var(--muted);margin:4px 0 0;font-size:.78rem;line-height:1.55}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-body{margin-top:14px}.card.info{border-color:#cddafd;border-left-color:var(--info);background:var(--info-soft)}.card.info h3{color:#1d4ed8}.card.warn{border-color:#f2e2b6;border-left-color:var(--warn);background:var(--warn-soft);color:#8a5a10;font-size:.85rem}.card.plain{border-left-color:var(--line)}.stat{flex-direction:column;gap:2px;display:flex}.stat strong{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:1.35rem}.stat span{color:var(--muted);font-size:.78rem}.field{flex-direction:column;gap:6px;display:flex}.field+.field{margin-top:12px}.field label{color:var(--ink-soft);font-size:.78rem;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;width:100%;padding:10px 12px;font-size:.88rem;transition:all .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field input::placeholder,.field textarea::placeholder{color:#b6b2be}.field textarea{resize:vertical;min-height:96px;line-height:1.6}.field .hint{color:var(--muted);font-size:.74rem}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>input,.row>select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);flex:1;min-width:0;padding:10px 12px;font-size:.88rem}.row>input:focus,.row>select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.btn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft);white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;border-color:#0000;box-shadow:0 6px 18px #ec3f8f4d}.btn-primary:hover{filter:brightness(1.05);background:var(--grad)}.btn-lg{border-radius:12px;padding:12px 20px;font-size:.92rem}.btn-ghost{background:var(--accent-soft);color:var(--accent-dark);border:1px dashed #ef2d7866}.btn-ghost:hover{background:#fbdce9}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f8d3d0}.btn-danger:hover{background:#fbdedb}.btn-sm{padding:6px 10px;font-size:.78rem}.toggle{cursor:pointer;background:#dcd9e2;border:none;border-radius:999px;flex:none;width:44px;height:26px;padding:0;transition:all .18s;position:relative}.toggle.on{background:var(--grad)}.toggle:disabled{opacity:.55;cursor:not-allowed}.toggle:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:all .18s;position:absolute;top:3px;left:3px}.toggle.on:after{left:21px}.segmented{border:1px solid var(--line);background:#f3f2f6;border-radius:12px;gap:4px;width:100%;padding:4px;display:flex}.segmented button{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:9px;flex:1;padding:9px 12px;font-size:.83rem;font-weight:500;transition:all .15s}.segmented button:hover{background:#ffffffb3}.segmented button.active{background:var(--grad);color:#fff;font-weight:600;box-shadow:0 4px 12px #ec3f8f47}.pill{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:.7rem;font-weight:600;display:inline-flex}.placeholder-btn{background:var(--accent-soft);color:var(--accent-dark);cursor:pointer;border:none;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.placeholder-btn:hover{background:#fbdce9}.formula-preview{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--ink-soft);background:#faf9fb;margin:12px 0 16px;padding:10px 12px;font-size:.82rem;font-weight:500}.list-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:.86rem;display:flex}.list-item:last-of-type{border-bottom:none}.list-item .muted{margin-top:2px;font-size:.78rem}.list-item code{background:var(--bg);border-radius:6px;padding:2px 6px;font-size:.8rem}.savebar{color:#fff;box-shadow:var(--shadow-lg);z-index:35;background:#17141ff5;border-radius:999px;align-items:center;gap:12px;padding:10px 12px 10px 18px;font-size:.84rem;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.savebar .btn{border-color:#0000}.toast{color:#fff;box-shadow:var(--shadow-lg);z-index:60;background:#17141f;border-radius:12px;padding:12px 16px;font-size:.85rem;position:fixed;bottom:20px;right:20px}.chart{align-items:flex-end;gap:5px;height:172px;padding-top:8px;display:flex}.chart .bar{background:linear-gradient(#ec3f8f,#f9a8d4);border-radius:6px 6px 3px 3px;flex:1;min-height:4px}.chart .bar.green{background:linear-gradient(#12a570,#6ee7b7)}.chart .bar.orange{background:linear-gradient(#a855f7,#d8b4fe)}.preview-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preview-card{color:#e7e4ee;background:#1b1725;border-radius:12px;padding:14px}.preview-card h4{color:#f9a8d4;margin-bottom:8px;font-size:.85rem}.rank-row{color:#c9c4d6;justify-content:space-between;gap:10px;padding:5px 0;font-size:.8rem;display:flex}.login-page{background:radial-gradient(circle at 12% 12%,#ec3f8f29 0%,#0000 42%),radial-gradient(circle at 88% 4%,#a855f72e 0%,#0000 40%),linear-gradient(170deg,#fff 0%,#f6f5f8 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:34px 30px;display:flex}.login-card h1{letter-spacing:-.04em;font-family:Outfit,sans-serif;font-size:1.85rem}.login-card p{margin:0;font-size:.88rem;line-height:1.6}.login-card .btn,.login-card .row{margin-top:12px}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.only-mobile{display:inline-flex}.guild-shell{grid-template-columns:minmax(0,1fr)}.sidebar{top:var(--header-h);width:268px;height:calc(100vh - var(--header-h));z-index:35;box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.drawer-backdrop{display:block}.content{padding:20px 18px 90px}.grid-2,.grid-3,.grid-4,.preview-board{grid-template-columns:minmax(0,1fr)}.hero{padding:30px 0 28px}.hero-inner h1{font-size:1.55rem}.servers-wrap{padding:18px 18px 48px}}@media (width<=680px){.user-name{display:none}}@media (width<=560px){.brand-text{display:none}}@media (width<=520px){.server-grid{grid-template-columns:minmax(0,1fr)}.savebar{justify-content:space-between;left:16px;right:16px;transform:none}}