.no-cursor{cursor:default;-webkit-user-select:none;user-select:none}.dropdown-container{display:inline-block;position:relative}.dropdown-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;font-size:16px;font-weight:600}.dropdown-menu{z-index:999;background-color:#14241dbf;border:1px solid #ffffff14;border-radius:8px;width:80px;margin-top:8px;padding:8px 0;list-style:none;position:absolute;top:100%;box-shadow:0 10px 15px -3px #00000080}.dropdown-menu li a,.dropdown-menu li button{color:#d1d5db;text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:14px;text-decoration:none;display:block}.dropdown-menu li a:hover,.dropdown-menu li button:hover{color:#34d399;background-color:#34d3991a}:root{--bg-texture-green:#2d4a3e;--bg-card-green:#3b5f50;--point-yellow:#fef08a;--text-light:#f3f4f6;--text-dark:#1f2937;--text-muted:#9ca3af;--border-radius:12px}body{background-color:var(--bg-texture-green);color:var(--text-light);background-image:radial-gradient(#ffffff0d 1px,#0000 0),radial-gradient(#ffffff0d 1px,#0000 0);background-position:0 0,2px 2px;background-size:4px 4px;margin:0;padding:0;font-family:Pretendard,system-ui,-apple-system,sans-serif}.navbar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px 10px;display:flex}.navbar-header .logo{letter-spacing:-.5px;color:var(--point-yellow);font-size:1.5rem;font-weight:800}.navbar-header nav .nav-links{align-items:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}.navbar-header nav .nav-links li a{color:var(--text-light);cursor:pointer;font-weight:500;text-decoration:none;transition:opacity .2s}.navbar-header nav .nav-links li a:hover{opacity:.8}.navbar-header nav .nav-links li a[onClick*="navigate('/login')"]{background-color:var(--point-yellow);color:var(--text-dark);border-radius:4px;padding:2px 6px;font-weight:700;box-shadow:2px 2px 5px #00000026}textarea[placeholder*=검색]{box-sizing:border-box;width:100%;max-width:600px;height:44px;color:var(--text-dark);resize:none;background:#ffffffe6;border:none;border-radius:8px;margin:0 auto 25px;padding:12px 16px;font-family:inherit;font-size:14px;display:block;box-shadow:0 4px 12px #00000026}textarea[placeholder*=검색]:focus{outline:2px solid var(--point-yellow)}.ctrl{justify-content:flex-end;max-width:1200px;margin-bottom:25px;margin-left:auto;margin-right:auto;display:flex}.write-btn{background-color:var(--point-yellow);color:var(--text-dark);cursor:pointer;border:none;border-radius:20px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 6px #00000026}.write-btn:hover{transform:translateY(-1px);box-shadow:0 6px 8px #0003}.card{background:var(--bg-card-green);border-radius:var(--border-radius);border:2px solid #ffffff0d;gap:20px;max-width:1200px;margin:0 auto;padding:30px;display:flex;overflow-x:auto;box-shadow:inset 0 0 20px #0003,0 10px 25px #0000004d}.book-card{min-width:160px;height:240px;color:var(--text-dark);text-align:center;background:#fff;border-left:5px solid #1f2937;border-radius:6px;justify-content:center;align-items:center;padding:15px;font-size:13px;font-weight:600;display:flex;box-shadow:3px 5px 10px #0000004d}.main-container{max-width:1200px;margin:0 auto;padding:10px 0}:is(p:contains("작품을 검색"),.main-container>p){text-align:center;color:var(--text-muted);margin-top:50px;font-size:15px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px;display:grid}.media-card{background:var(--bg-card-green);border-radius:var(--border-radius);border:1px solid #ffffff0d;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 16px #0003}.media-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000004d}.media-card:has(.dropdown-menu:hover){box-shadow:none!important;transform:none!important}.image-wrapper{background-color:#0003;width:100%;padding-top:140%;position:relative}.media-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.no-image{width:100%;height:100%;color:var(--text-muted);background:#e0dcdc;justify-content:center;align-items:center;font-size:14px;font-style:italic;display:flex;position:absolute;top:0;left:0}.info-wrapper{background:#0000000d;flex-direction:column;flex-grow:1;padding:16px;display:flex;position:relative}.menu-btn{cursor:pointer;color:#666;z-index:20;padding:0 4px;font-size:1.2rem;font-weight:700;position:absolute;top:12px;right:12px}.menu-btn:hover{color:#000}.media-title{color:var(--text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;padding-right:20px;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.media-creator{color:#000000b3;white-space:nowrap;text-overflow:ellipsis;margin:0 0 10px;font-size:13px;overflow:hidden}.media-date{color:var(--text-muted);margin-top:auto;font-size:11px}