.comment-section{max-width:1000px;margin:80px auto;font-family:Inter,sans-serif;display:flex;flex-wrap:wrap;gap:40px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.35);box-shadow:0 20px 45px #10182824;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.comment-list-container{flex:1 1 450px;max-height:500px;overflow-y:auto;padding:16px;border-radius:20px;background:#ffffff47;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff73}.comment-list{display:flex;flex-direction:column;gap:12px;padding-right:4px}.comment{padding:16px;border-radius:14px;background:linear-gradient(130deg,#ffffff80,#ffffff2e);border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 18px #0f172a14;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.comment strong{display:block;margin-bottom:6px;color:#111}.comment p{margin:0;color:#555}.comment-rating{margin-bottom:6px;color:#f59e0b;font-size:15px;letter-spacing:1px}.comment-form-container{flex:1 1 400px;padding:16px;border-radius:20px;background:#ffffff3d;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff73}.comment-form{display:flex;flex-direction:column;gap:12px}.comment-form input,.comment-form textarea{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.45);font-size:14px;background:#ffffff8c;color:#0f172a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.comment-form button{width:140px;padding:12px 20px;border-radius:999px;border:1px solid #000;background:#000;color:#fff;font-weight:500;cursor:pointer;box-shadow:0 10px 22px #00000040}.comment-form button:hover{transform:translateY(-1px);background:#111}.rating-input{display:flex;gap:6px;flex-wrap:wrap}.star-btn{border:none;background:transparent;color:#cbd5e1;font-size:22px;line-height:1;cursor:pointer;padding:0}.star-btn.active{color:#f59e0b}.comment-list-container::-webkit-scrollbar{width:7px}.comment-list-container::-webkit-scrollbar-thumb{background:#ffffff8c;border-radius:10px}.comment-status{margin-top:12px;color:#777;font-size:13px}.comment-section h3{width:100%;font-size:24px;margin-bottom:20px}@media(max-width:900px){.comment-section{flex-direction:column;gap:24px;margin:60px 16px;padding:22px}.comment-list-container{max-height:none}.rating-input{flex-wrap:nowrap;gap:4px}.star-btn{font-size:18px}}@media(max-width:480px){.comment-section{margin:48px 12px;padding:16px;border-radius:20px}.star-btn{font-size:16px}.comment-form button{width:100%}}