.login-page-wrapper{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.auth-screen{width:360px;max-width:calc(100vw - 32px);padding:40px 36px;display:flex;flex-direction:column;gap:14px}.auth-title{text-align:center;font-size:26px;font-weight:800;letter-spacing:3px;margin-bottom:6px;background:linear-gradient(135deg,#fff 30%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-mode .auth-title{background:linear-gradient(135deg,#1a1a2e 30%,#6a0dad);-webkit-background-clip:text;background-clip:text}.auth-divider{display:flex;align-items:center;gap:10px;margin-top:4px}.auth-divider-line{flex:1;height:1px;background:#8080804d}.auth-divider-text{font-size:12px;color:gray}@media(max-width:768px){.auth-screen{width:calc(100vw - 28px);padding:30px 22px}.auth-title{font-size:22px}.auth-screen .btn-group{flex-wrap:wrap}.auth-screen .btn-group button{min-width:calc(50% - 4px);flex:unset}}#home-post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px;margin-top:16px;padding-bottom:20px}.home-card{background:var(--item-bg);border-radius:16px;overflow:hidden;border:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;cursor:pointer}.home-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000004d;border-color:var(--accent1)}.home-card-img{width:100%;height:160px;object-fit:cover;background:#0000004d;border-bottom:1px solid var(--border-subtle)}.home-card-content{padding:16px;display:flex;flex-direction:column;flex:1}.home-card-title{font-size:16px;font-weight:800;margin:0 0 8px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-card-text{font-size:13px;color:gray;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;flex:1}.home-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--secondary-gray);border-top:1px solid rgba(128,128,128,.15);padding-top:12px;margin-top:auto}.home-card-author{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--accent2)}.board-box{width:100%;padding:20px;transition:box-shadow .4s,border .4s;overflow-y:auto}.board-box.notice-mode{box-shadow:0 0 20px var(--glow-green);border:1px solid rgba(0,255,128,.4);border-radius:16px}.board-box.patch-mode{box-shadow:0 0 20px var(--glow-purple);border:1px solid rgba(138,43,226,.4);border-radius:16px}.toggle-switch{position:relative;overflow:hidden;width:56px;height:28px;background:#80808040;border-radius:14px;cursor:pointer;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.toggle-slider{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:12px;transition:transform .3s,background .3s;z-index:1}.notice-toggle{display:flex;background:#80808026;border-radius:10px;padding:3px;gap:3px;border:1px solid rgba(255,255,255,.06)}.notice-toggle-btn{flex:unset;padding:5px 12px;border-radius:8px;font-size:13px;font-weight:700;background:transparent;color:gray;border:none;cursor:pointer;transition:.2s}.notice-toggle-btn.active-notice{background:#00ff8033;color:var(--glow-green);box-shadow:0 0 8px #00ff8033}.notice-toggle-btn.active-patch{background:#8a2be240;color:var(--glow-purple);box-shadow:0 0 8px #8a2be233}.toggle-container{display:flex;justify-content:center;margin-bottom:16px}.toggle-bg{width:200px;height:40px;background:#80808033;border-radius:20px;display:flex;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.06)}.toggle-btn{width:50%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;z-index:2;transition:.3s;color:gray;font-size:14px}.toggle-btn.active{color:#fff}.guest-notice{display:none;background:#6a0dad26;border:1px solid var(--primary-purple);border-radius:12px;padding:14px;text-align:center;margin-bottom:12px;font-size:13px;color:gray}.url-item{background:var(--item-bg);transition:.2s}.url-item:hover{border:1px solid rgba(138,43,226,.4)}.short-result-box{display:none;text-align:center;margin-top:10px}.short-result-link{font-weight:700;color:var(--glow-purple);font-size:18px;text-decoration:none}.my-urls-header{display:flex;justify-content:space-between;align-items:center}.match-confirm-area{display:none;background:#0000004d;padding:20px;border-radius:12px;margin-top:15px;text-align:center}.match-comp-name{color:var(--glow-green);margin:10px 0}.team-detail-box{background:var(--item-bg);padding:20px;border-radius:12px}.settings-pw-box{background:#0003;padding:15px;border-radius:12px;margin-top:10px;display:flex;flex-direction:column;gap:10px}.settings-pw-label{margin:0;font-size:13px;color:gray}.settings-social-box{background:#0003;padding:15px;border-radius:12px;margin-top:10px}.settings-social-label{margin:0 0 10px;font-size:13px;color:gray}.google-link-row{display:flex;justify-content:space-between;align-items:center}.google-link-info{display:flex;align-items:center;gap:8px}.google-link-icon{width:16px}.google-link-text{font-size:13px}.google-link-status-on{font-size:11px;color:#4c4;font-weight:700}.google-link-status-off{font-size:13px;color:gray}.google-link-btn{width:auto;padding:6px 14px;font-size:12px;flex:unset}.google-unlink-btn{font-size:12px;padding:4px 12px;flex:unset}.google-oauth-only{font-size:12px;color:gray}.admin-allownum-header{display:flex;gap:10px;margin-bottom:10px}.admin-allownum-header input{flex:2}.admin-allownum-header button{flex:1}.admin-range-row{display:flex;gap:10px}.admin-range-row input,.admin-range-row button{flex:1}.allowed-chips{display:flex;flex-wrap:wrap;gap:6px}.allowed-chip{background:#222;padding:5px 8px;border-radius:8px;display:inline-flex;align-items:center;gap:6px}.allowed-chip-range{background:#1a2a3a}.allowed-chip-del{background:none;border:none;color:#f66;cursor:pointer;flex:unset;padding:0;font-size:12px}.admin-urls-header{display:flex;justify-content:space-between;align-items:center}:root{--bg-color: #0d0d12;--box-bg: rgba(30,30,40,.75);--primary-purple: #6a0dad;--secondary-gray: #4a4a4a;--cancel-gray: #2a2a2a;--text-color: #ffffff;--glow-green: rgba(0,255,128,.8);--glow-purple: rgba(138,43,226,.8);--item-bg: rgba(0,0,0,.4);--admin-green: #00ff88;--accent1: #8b2fff;--accent2: #00c8ff;--border-subtle: rgba(255,255,255,.08)}body.light-mode{--bg-color: #e8e8f0;--box-bg: rgba(255,255,255,.7);--secondary-gray: #999;--text-color: #111;--item-bg: rgba(255,255,255,.85);--cancel-gray: #ccc;--glow-green: rgba(0,200,100,.8);--border-subtle: rgba(0,0,0,.08)}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg-color);background-image:radial-gradient(ellipse at 20% 20%,rgba(106,13,173,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(0,200,255,.08) 0%,transparent 60%);color:var(--text-color);font-family:Pretendard,Apple SD Gothic Neo,sans-serif;height:100vh;overflow:hidden;transition:background-color .3s}#root{width:100%;height:100%}.teardrop-box{background:var(--box-bg);border-radius:24px 24px 8px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-subtle);box-shadow:0 8px 32px #0000004d;transition:all .3s}::-webkit-scrollbar{display:none}input,textarea{width:100%;padding:13px 16px;background:#00000040;border:1px solid rgba(128,128,128,.25);border-radius:12px;color:var(--text-color);font-size:14px;outline:none;transition:.25s;font-family:inherit}input:focus,textarea:focus{border-color:var(--accent1);box-shadow:0 0 0 3px #8b2fff26}body.light-mode input,body.light-mode textarea{background:#fff9}button{flex:1;padding:11px 15px;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;color:#fff;transition:.25s;font-family:inherit}.btn-group{display:flex;gap:8px;margin-top:10px}.btn-primary{background:linear-gradient(135deg,#6a0dad,#9b30ff)}.btn-primary:hover{box-shadow:0 0 18px var(--glow-purple);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--secondary-gray)}.btn-secondary:hover{opacity:.85;transform:translateY(-1px)}.btn-tertiary{background:#ffffff1a;color:var(--text-color)}.btn-tertiary:hover{background:#fff3;transform:translateY(-1px)}.btn-cancel{background:var(--cancel-gray)}.btn-danger{background:#7a0000;flex:unset}.btn-danger:hover{background:#b00;box-shadow:0 0 10px #c8000080}.btn-google{width:100%;padding:10px 15px;border:1px solid rgba(128,128,128,.4);border-radius:12px;background:#ffffff14;color:var(--text-color);font-size:14px;font-weight:700;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.btn-google:hover{background:#ffffff26;box-shadow:0 0 12px #ffffff1a}body.light-mode .btn-google{background:#fff;color:#333;border-color:#ddd}body.light-mode .btn-google:hover{background:#f5f5f5}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;justify-content:center;align-items:center;padding:16px}.modal-content{width:400px;max-width:100%;padding:28px;display:flex;flex-direction:column;gap:13px;max-height:90vh;overflow-y:auto}.sq-modal{background:var(--box-bg);border-radius:24px 24px 8px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-subtle);width:420px;max-width:100%;padding:28px;display:flex;flex-direction:column;gap:13px;box-shadow:0 8px 40px #00000080}.modal-hint{font-size:12px;color:gray;margin:0}.header-with-btn{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.add-btn{background:linear-gradient(135deg,#6a0dad,#9b30ff);border:none;width:32px;height:32px;max-width:300px;border-radius:10px;color:#fff;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.2s}.add-btn:hover{box-shadow:0 0 12px var(--glow-purple);transform:scale(1.1)}.add-btn.blue{background:#007bff}.action-btn{background:none;border:none;color:gray;cursor:pointer;font-size:13px;padding:0 5px;font-weight:700}.action-btn:hover{color:var(--accent1)}.list-item{background:var(--item-bg);padding:14px;border-radius:12px;border-left:3px solid var(--accent1);margin-bottom:10px;transition:.2s}.list-item:hover{border-left-color:var(--accent2);transform:translate(2px)}.list-item h4{margin:0 0 4px}.list-item p{margin:0;font-size:13px;color:gray;white-space:pre-line}.list-item-row{display:flex;justify-content:space-between;align-items:center}.list-item-info small{color:gray}.list-item-actions{display:flex;gap:6px;align-items:center}.profile-img-wrap{display:flex;justify-content:center;margin-bottom:8px}.profile-img{width:96px;height:96px;border-radius:50%;border:3px solid rgba(138,43,226,.6);background:#1e1e28cc;display:flex;justify-content:center;align-items:center;font-size:38px;cursor:pointer;box-shadow:0 0 20px #8a2be24d;transition:.2s}.profile-img:hover{box-shadow:0 0 30px #8a2be280}.post-avatar{width:38px;height:38px;border-radius:50%;border:2px solid rgba(138,43,226,.5);background:#1e1e28e6;display:flex;justify-content:center;align-items:center;font-size:17px;cursor:pointer;flex-shrink:0;transition:.2s}.post-avatar:hover{transform:scale(1.1);box-shadow:0 0 10px #8a2be266}.color-picker{display:flex;justify-content:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.color-dot{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.2);transition:.2s}.color-dot:hover{transform:scale(1.25);border-color:#fff}.other-profile-inner{align-items:center}.other-prof-intro-box{width:100%;background:#0003;border-radius:12px;padding:12px;font-size:13px;min-height:60px;white-space:pre-wrap}.admin-tag{color:var(--admin-green);font-size:11px;font-weight:700;padding:2px 7px;border:1px solid var(--admin-green);border-radius:10px}.op-tag{color:#b8f;font-size:11px;font-weight:700;padding:2px 7px;border:1px solid #bb88ff;border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#main-screen{width:100%;height:100vh;display:flex;flex-direction:column}.top-bar{height:60px;background:#0f0f14eb;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid rgba(138,43,226,.25);box-shadow:0 2px 20px #6a0dad26;z-index:10;flex-shrink:0}body.light-mode .top-bar{background:#f0f0f8eb}.top-center{font-weight:800;font-size:18px;letter-spacing:3px;background:linear-gradient(90deg,#a855f7,#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-right{display:flex;gap:10px}.icon-btn{width:36px;height:36px;border-radius:50%;background:#ffffff14;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;transition:.2s;border:1px solid rgba(255,255,255,.1);font-size:15px}.icon-btn:hover{background:#8a2be24d;transform:scale(1.08)}.layout{display:flex;flex:1;padding:16px;gap:16px;height:calc(100vh - 60px);overflow:hidden}.sidebar{width:66px;display:flex;flex-direction:column;gap:10px;align-items:center;padding:16px 0;flex-shrink:0}.sidebar-btn{width:48px;height:48px;display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer;transition:.25s;border-radius:14px}.sidebar-btn:hover,.sidebar-btn.active{background:#8a2be240;box-shadow:0 0 12px #8a2be24d;transform:scale(1.08)}.content-area{flex:1;position:relative;overflow:hidden}.view-section{display:none;width:100%;height:100%;animation:fadeIn .25s ease;overflow-y:auto}.view-section:not(.split-layout){padding:24px}.view-section.active{display:block}.split-layout.active{display:flex}.split-box{flex:1;padding:20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.split-box.wide{flex:1.5}.bottom-nav{display:none}@media(max-width:768px){body{overflow:hidden}.layout{flex-direction:column;padding:10px 10px 0;gap:10px;height:calc(100vh - 124px);overflow:hidden}.sidebar{display:none!important}.content-area{width:100%;overflow:hidden}.view-section:not(.split-layout){padding:14px}.split-layout.active{flex-direction:column;overflow-y:auto}.split-box,.split-box.wide{flex:unset;width:100%;overflow-y:visible;max-height:none}.bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:64px;z-index:20;background:#0d0d12f5;border-top:1px solid rgba(138,43,226,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);justify-content:space-around;align-items:center;padding:0 4px;box-shadow:0 -4px 24px #00000080}body.light-mode .bottom-nav{background:#f0f0f8f5}.bottom-nav-btn{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;cursor:pointer;padding:6px 2px;border-radius:12px;transition:.2s;font-size:19px;color:gray;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.bottom-nav-btn span{font-size:9px;font-weight:700;letter-spacing:.5px}.bottom-nav-btn.active,.bottom-nav-btn.active span{color:#a855f7}.bottom-nav-btn:active{transform:scale(.88)}.top-bar{padding:0 14px}.top-center{font-size:15px;letter-spacing:2px}.icon-btn{width:32px;height:32px;font-size:13px}.modal-overlay{padding:0;align-items:flex-end}.modal-overlay .teardrop-box.modal-content,.modal-overlay .sq-modal{width:100%;border-radius:24px 24px 0 0;max-height:90vh;padding:24px 20px}}@media(max-width:400px){.top-right{gap:6px}.icon-btn{width:28px;height:28px;font-size:12px}.bottom-nav-btn{font-size:17px}.bottom-nav-btn span{font-size:8px}}