a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5;font-family:Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif;background:#1C1C1F;color:#f5f6fa;min-width:1024px}ol,ul{list-style:none}a{text-decoration:none;color:inherit}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;background:none;border:none;outline:none}@media (min-width:1024px) and (max-width:1920px){body{font-size:18px}.container{max-width:1200px;margin:0 auto;padding:32px 24px}}@media (min-width:1921px){body{font-size:20px}.container{max-width:1600px;margin:0 auto;padding:40px 32px}}.logo-wrap{padding:32px 0 12px}.logo,.logo-wrap{display:flex;align-items:center}.logo{cursor:pointer}.navbar{background:#23232b;border-bottom:1px solid #292933;border-radius:7px;margin-bottom:32px;box-shadow:0 2px 8px 0 rgba(0,0,0,.04)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav-menu{display:flex;gap:24px}.nav-menu li{list-style:none}.nav-menu a{color:#f5f6fa;font-weight:500;font-size:1.1em;padding:8px 12px;border-radius:6px;transition:background .15s;background:#23232b}.nav-menu a:hover{background:#44444a}.nav-right{display:flex;align-items:center}.login-btn{background:#44444a;color:#fff;font-weight:600;padding:8px 20px;border-radius:6px;transition:background .15s;font-size:1em;margin-left:16px;box-shadow:0 1px 4px 0 rgba(68,68,74,.08)}.login-btn:hover{background:#23232b}.contact-btn{position:fixed;bottom:20px;right:20px;background:#44444a;color:#fff;font-weight:600;padding:12px 24px;border-radius:30px;transition:background .15s;font-size:1em;box-shadow:0 2px 8px 0 rgba(0,0,0,.2);z-index:1000}.contact-btn:hover,.login-page{background:#23232b}.login-page{max-width:400px;margin:64px auto;border-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.08);padding:40px 32px 32px}.login-page h1{font-size:2em;font-weight:700;margin-bottom:32px;text-align:center}.login-form{display:flex;flex-direction:column;gap:18px}.login-form label{font-size:1em;font-weight:500;margin-bottom:4px}.login-form input{padding:10px 12px;border-radius:6px;border:1px solid #31313c;background:#18181c;color:#f5f6fa;font-size:1em}.login-form input:focus{border-color:#3b82f6;outline:none}.login-form button{margin-top:12px;padding:12px 0;background:#44444a;color:#fff;font-weight:600;border-radius:6px;font-size:1.1em;cursor:pointer;transition:background .15s}.login-form button:hover{background:#44444a}.login-error{color:#ff4d4f;font-size:.98em;margin-top:-10px;margin-bottom:6px;padding-left:2px}.user-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#44444a;transition:background .15s;margin-left:16px;box-shadow:0 1px 4px 0 rgba(68,68,74,.08)}.user-icon-btn:hover{background:#23232b}.logout-btn{margin-left:12px;padding:8px 18px;background:#44444a;color:#fff;font-weight:600;border-radius:6px;font-size:1em;border:none;cursor:pointer;transition:background .15s;box-shadow:0 1px 4px 0 rgba(68,68,74,.08)}.logout-btn:hover{background:#23232b}.signup-link{display:block;text-align:center;margin-top:16px;color:#3b82f6;font-size:.95em;transition:color .15s}.signup-link:hover{color:#2563eb}.input-hint{color:#f5f6fa;font-size:.85em;margin-top:-8px;margin-bottom:8px;padding-left:2px}.login-notice{margin-top:16px;padding:12px;background:#18181c;border-radius:6px;text-align:center;font-size:.9em;color:#a4b0be;border:1px solid #31313c}.team-page{margin-top:32px}.team-layout{display:grid;grid-template-columns:1fr 350px;grid-gap:32px;gap:32px;min-height:600px;max-width:1400px;margin:0 auto;padding-left:0;padding-right:0}.team-left,.team-right{background:#23232b;border-radius:10px;padding:24px;height:-moz-fit-content;height:fit-content}.team-right{display:flex;flex-direction:column;justify-self:end;width:350px;flex-shrink:0}.team-left h2,.team-right h2{font-size:1.5em;font-weight:600;margin-bottom:20px;color:#f5f6fa}.summoner-list{display:flex;flex-direction:column;gap:10px;height:480px;overflow-y:scroll;flex:1 1;padding:3px;border-radius:6px;transition:background .15s;min-height:450px;width:100%}.summoner-list::-webkit-scrollbar{width:8px}.summoner-list::-webkit-scrollbar-track{background:#18181c;border-radius:4px}.summoner-list::-webkit-scrollbar-thumb{background:#44444a;border-radius:4px}.summoner-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.summoner-list:hover{background:rgba(68,68,74,.1)}.add-summoner-section{margin-top:16px;padding:12px;background:#18181c;border-radius:6px;text-align:center;border:1px solid #31313c}.add-summoner-btn{background:#44444a;color:#fff;font-weight:600;padding:8px 16px;border-radius:6px;font-size:.9em;border:none;cursor:pointer;transition:background .15s}.add-summoner-btn:hover{background:#23232b}.summoner-card{position:relative;background:#18181c;border-radius:7px;padding:10px;border:1px solid #31313c;transition:border-color .15s;display:flex;align-items:center;justify-content:space-between;cursor:-webkit-grab;cursor:grab;min-height:60px;flex-shrink:0;width:100%;box-sizing:border-box}.summoner-card:hover{border-color:#44444a}.summoner-card:active{cursor:-webkit-grabbing;cursor:grabbing}.summoner-profile{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0}.summoner-actions{display:flex;gap:6px;margin-left:10px}.action-btn{width:26px;height:26px;border-radius:3px;border:none;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:background .15s}.refresh-btn{background:#44444a;color:#f5f6fa}.refresh-btn:hover{background:#23232b}.refresh-btn:disabled{background:#31313c;cursor:not-allowed;opacity:.5}.delete-btn{background:#ff4d4f;color:#fff}.delete-btn:hover{background:#ff7875}.profile-icon{position:relative;flex-shrink:0}.profile-icon img{border-radius:50%;width:44px;height:44px}.level{position:absolute;bottom:-2px;right:-2px;background:#23232b;color:#f5f6fa;font-size:.7em;font-weight:600;padding:1px 3px;border-radius:3px;border:1px solid #44444a}.summoner-info{flex:1 1;min-width:0;max-width:200px;width:100%}.summoner-name{color:#f5f6fa;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}.summoner-name,.summoner-tier{font-weight:600;margin-bottom:3px}.summoner-tier{font-size:.85em}.summoner-stats{font-size:.65em;color:#a4b0be}.add-summoner-form,.form-row{display:flex;flex-direction:column;gap:8px}.summoner-input{flex:1 1;padding:6px 8px;border-radius:4px;border:1px solid #31313c;background:#18181c;color:#f5f6fa;font-size:.85em}.summoner-input:focus{outline:none;border-color:#44444a}.summoner-input::placeholder{color:#a4b0be}.form-buttons{display:flex;gap:6px}.submit-btn{flex:1 1;padding:6px 10px;background:#44444a;color:#fff;font-weight:600;border-radius:4px;font-size:.85em;border:none;cursor:pointer;transition:background .15s}.submit-btn:hover{background:#23232b}.cancel-btn{flex:1 1;padding:6px 10px;background:#18181c;color:#a4b0be;font-weight:600;border-radius:4px;font-size:.85em;border:1px solid #31313c;cursor:pointer;transition:background .15s}.cancel-btn:hover{background:#23232b}.session-expired-notice{background:#ff4d4f;color:#fff;padding:12px 16px;border-radius:6px;text-align:center;font-weight:600;margin-bottom:16px;box-shadow:0 2px 8px 0 rgba(255,77,79,.2)}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.team-mode-selector{display:flex;align-items:center;gap:7px}.team-mode-select{padding:6px 12px;border-radius:4px;border:1px solid #31313c;background:#18181c;color:#f5f6fa;font-size:.9em;cursor:pointer}.team-zones{display:grid;grid-template-areas:"team1 team2" "unassigned unassigned";grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:20px}.team-zone{background:#18181c;border:2px dashed #31313c;border-radius:8px;padding:12px;min-height:100px;height:450px;transition:border-color .15s;overflow-y:visible}.team-zone:hover{border-color:#44444a}.team-zone.team1{grid-area:team1;border-color:#3b82f6}.team-zone.team2{grid-area:team2;border-color:#ef4444}.team-zone.unassigned{grid-area:unassigned;border-color:#6b7280;height:200px}.team-title{font-size:1.1em;font-weight:600;margin-bottom:12px;color:#f5f6fa}.team-members{display:flex;flex-direction:column;gap:8px;height:100%}.team-zone.unassigned .team-members{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;height:auto}.team-zone.unassigned .team-member{padding:6px;min-height:50px}.team-zone.unassigned .member-profile img{width:24px;height:24px}.team-zone.unassigned .member-level{font-size:.6em;padding:1px 2px;bottom:-1px;right:-1px}.team-zone.unassigned .member-name{font-size:.7em;margin-bottom:1px}.team-zone.unassigned .member-tier{font-size:.65em}.team-member{display:flex;align-items:center;gap:12px;padding:8px;background:#23232b;border-radius:6px;cursor:-webkit-grab;cursor:grab;transition:background .15s}.team-member:hover{background:#2a2a35}.team-member:active{cursor:-webkit-grabbing;cursor:grabbing}.member-profile{position:relative;flex-shrink:0}.member-profile img{border-radius:50%}.member-level{position:absolute;bottom:-2px;right:-2px;background:#23232b;color:#f5f6fa;font-size:.65em;font-weight:600;padding:1px 3px;border-radius:3px;border:1px solid #44444a}.member-info{flex:1 1;min-width:0;max-width:150px}.member-name{font-weight:600;color:#f5f6fa;font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;max-width:100%}.member-tier{font-weight:600;font-size:.8em}.team-actions{display:flex;justify-content:center;gap:12px}.generate-result-btn{background:#6b7280;color:#fff;font-weight:600;padding:12px 24px;border-radius:6px;font-size:1em;border:none;cursor:pointer;transition:background .15s}.generate-result-btn:hover{background:#4b5563}.reset-btn{background:#6b7280;color:#fff;font-weight:600;padding:12px 20px;border-radius:6px;font-size:1em;border:none;cursor:pointer;transition:background .15s}.reset-btn:hover{background:#4b5563}@media (min-width:1024px) and (max-width:1920px){.team-zone{height:430px}.team-zone.unassigned{height:180px}}@media (min-width:1921px){.team-zone{height:530px}.team-zone.unassigned{height:220px}}.form-hint{font-size:.7em;color:#a4b0be;text-align:left;line-height:1.4;margin-bottom:8px}.form-group{display:flex;align-items:center;gap:8px}.form-label{flex-basis:70px;flex-shrink:0;font-size:.9em;font-weight:500;text-align:left}.form-message{padding:8px;margin-top:8px;margin-bottom:8px;border-radius:4px;font-size:.9em;text-align:center}.form-message.success{background-color:#27ae60;color:white}.form-message.error{background-color:#c0392b;color:white}.refresh-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10;border-radius:7px}.refresh-overlay-text{color:white;font-size:1.2em;font-weight:700}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.not-found-page h1{font-size:6em;font-weight:700;color:#44444a}.not-found-page p{font-size:1.5em;margin-bottom:20px}.not-found-page a{color:#3b82f6;text-decoration:none;font-size:1.2em}.not-found-page a:hover{text-decoration:underline}.under-development-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.under-development-page h1{font-size:3em;font-weight:700;color:#44444a}.under-development-page p{font-size:1.5em;margin-top:20px}.my-account-page{max-width:600px;margin:0 auto}.my-account-page h1{font-size:2em;font-weight:700;margin-bottom:30px}.account-info-card{background:#23232b;border-radius:10px;padding:20px;margin-bottom:20px}.info-item{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 10px;border-bottom:1px solid #31313c}.info-item:last-child{border-bottom:none}.info-label{font-weight:500}.info-value{color:#a4b0be}.change-password-btn{background:#44444a;color:#fff;padding:10px 16px;border-radius:6px;cursor:pointer}.account-actions{text-align:right}.delete-account-btn{color:#ff4d4f;cursor:pointer}