*{box-sizing:border-box}html,body{color:#17191c;background:#f6f7f9;margin:0;font-family:Arial,Noto Sans KR,sans-serif}button,input{font:inherit}button{cursor:pointer}.loading{color:#fff;background:#111315;place-items:center;min-height:100vh;display:grid}.authPage{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.authLeft{color:#fff;background:#121416;flex-direction:column;justify-content:center;padding:90px max(60px,8vw);display:flex}.logoRow{align-items:center;gap:12px;display:flex}.logoRow strong,.logoRow span{display:block}.logoRow span{letter-spacing:4px;color:#999;font-size:10px}.brandMark{color:#111;background:#f3d737;border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:grid}.authLeft h1{margin:55px 0 15px;font-size:48px;line-height:1.2}.authLeft>p{color:#aeb2b8;margin-bottom:30px;line-height:1.8}.feature{color:#ddd;align-items:center;gap:10px;margin:10px 0;display:flex}.feature svg{color:#f3d737}.authRight{place-items:center;padding:30px;display:grid}.authCard{background:#fff;border:1px solid #e5e7ea;border-radius:22px;width:min(420px,100%);padding:38px;box-shadow:0 20px 50px #0000000f}.eyebrow{letter-spacing:2px;color:#9d8500;font-size:10px;font-weight:900}.authCard h2{margin:8px 0;font-size:30px}.authCard>p{color:#888;margin-bottom:25px;font-size:14px}.authCard label{margin-top:16px;font-size:12px;font-weight:700;display:block}.inputBox{color:#999;border:1px solid #ddd;border-radius:10px;align-items:center;gap:10px;height:50px;margin-top:8px;padding:0 12px;display:flex}.inputBox input{border:0;outline:0;flex:1}.submitBtn{background:#f3d737;border:0;border-radius:10px;width:100%;margin-top:22px;padding:14px;font-weight:900}.switchText{text-align:center;color:#888;margin-top:18px;font-size:12px}.switchText button{background:0 0;border:0;font-weight:800;text-decoration:underline}.security{text-align:center;color:#aaa;border-top:1px solid #eee;justify-content:center;gap:6px;margin-top:24px;padding-top:16px;font-size:10px;display:flex}.error{color:#a44;background:#fff1f1;border-radius:8px;margin-top:14px;padding:10px;font-size:12px}.app{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:#111315;flex-direction:column;justify-content:space-between;width:245px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sideLogo{padding:0 10px 28px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.navItem{color:#aaa;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:12px;display:flex}.navItem.active,.navItem:hover{color:#fff;background:#24272b}.passCard{background:#23262a;border:1px solid #333;border-radius:14px;margin-bottom:12px;padding:15px}.passCard svg{color:#f3d737}.passCard strong{margin-top:8px;font-size:13px;display:block}.passCard p{color:#999;font-size:11px}.passCard button{background:#f3d737;border:0;border-radius:7px;width:100%;padding:8px;font-weight:800}.content{width:calc(100% - 245px);margin-left:245px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e6e8eb;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.topSearch{color:#888;background:#f3f4f6;border-radius:11px;align-items:center;gap:9px;width:min(550px,60%);height:43px;padding:0 13px;display:flex}.topSearch input{background:0 0;border:0;outline:0;flex:1}.profile{text-align:right;align-items:center;gap:10px;margin-left:auto;display:flex}.profile strong,.profile span{display:block}.profile strong{font-size:12px}.profile span{color:#999;font-size:10px}.avatar{background:#eee;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.mobileMenu{background:0 0;border:0;display:none}.page{max-width:1450px;margin:auto;padding:32px}.hero{color:#fff;background:#1b1e21;border-radius:22px;justify-content:space-between;align-items:center;min-height:300px;padding:50px 55px;display:flex}.heroEyebrow{letter-spacing:2px;color:#f3d737;font-size:10px;font-weight:900}.hero h1{margin:13px 0;font-size:38px;line-height:1.2}.hero p{color:#aaa}.heroSearch{color:#777;background:#fff;border-radius:11px;align-items:center;width:min(590px,100%);height:53px;margin-top:24px;padding-left:14px;display:flex;overflow:hidden}.heroSearch input{border:0;outline:0;flex:1;padding:0 10px}.heroSearch button{background:#f3d737;border:0;height:100%;padding:0 22px;font-weight:800}.vinyl{color:#111;background:repeating-radial-gradient(circle,#17191b 0 5px,#292c30 6px 8px);border-radius:50%;place-items:center;width:190px;height:190px;font-weight:900;display:grid;position:relative}.vinyl:after{content:"";background:#f3d737;border-radius:50%;width:70px;height:70px;position:absolute}.vinyl{color:#0000}.vinyl:before{content:"SOO";z-index:2;color:#111;position:absolute}.sectionTitle{justify-content:space-between;align-items:end;margin:36px 0 17px;display:flex}.sectionTitle span{letter-spacing:2px;color:#9d8500;font-size:10px;font-weight:900}.sectionTitle h2{margin:5px 0 0}.sectionTitle button{background:0 0;border:0;align-items:center;display:flex}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{cursor:pointer;background:#fff;border:1px solid #e5e7ea;border-radius:15px;overflow:hidden}.cover{color:#92979d;background:linear-gradient(145deg,#eceef1,#dfe2e6);place-items:center;height:145px;display:grid;position:relative}.cover b{color:#111;background:#f3d737;border-radius:5px;padding:5px 7px;font-size:10px;position:absolute;top:11px;left:11px}.info{justify-content:space-between;padding:15px;display:flex}.info h3{margin:0}.info p{color:#888;margin:5px 0 0;font-size:13px}.info>span{background:#f2f3f4;border-radius:15px;height:max-content;padding:5px 8px;font-size:10px}.meta{color:#999;border-top:1px solid #eee;gap:12px;padding:10px 15px;font-size:11px;display:flex}.modalBg{z-index:100;background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f7f8f9;border-radius:20px;width:min(1050px,95vw);padding:30px;position:relative}.close{background:#e9eaec;border:0;border-radius:50%;width:35px;height:35px;font-size:22px;position:absolute;top:15px;right:18px}.modal h2{margin-bottom:4px;font-size:28px}.modal>p{color:#777}.detailGrid{grid-template-columns:1fr 1fr;gap:17px;margin-top:20px;display:grid}.panel{background:#fff;border:1px solid #e3e5e7;border-radius:13px;overflow:hidden}.panel h3{border-bottom:1px solid #eee;align-items:center;gap:8px;margin:0;padding:15px;font-size:14px;display:flex}.scoreMock{color:#aaa;place-items:center;height:350px;font-size:12px;display:grid}.video{aspect-ratio:16/9;background:#111}.video iframe{border:0;width:100%;height:100%}@media (max-width:900px){.authPage{grid-template-columns:1fr}.authLeft{min-height:auto;padding:45px 28px}.authLeft h1{margin-top:35px;font-size:34px}.vinyl{display:none}.grid{grid-template-columns:repeat(2,1fr)}.detailGrid{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content{width:100%;margin-left:0}.mobileMenu{display:block}.topbar{padding:0 14px}.profile>div:first-child{display:none}.page{padding:18px}.hero{padding:34px 25px}.hero h1{font-size:29px}.grid{grid-template-columns:1fr}}