.comment-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;border:none;background:none;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999}.comment-modal::backdrop{background-color:rgb(0 0 0 / .85)}.modal-premium{background:#111;color:#f0f0f0;border-radius:12px;padding:2rem 1.5rem;width:100%;max-width:480px;box-shadow:0 8px 30px rgb(0 0 0 / .5);position:relative;text-align:center;font-family:'Segoe UI',system-ui,sans-serif;border:1px solid #444}.modal-premium h3{font-size:1.5rem;color:gold;margin-bottom:1rem;font-weight:600}.modal-premium p{font-size:1rem;line-height:1.6;color:#ccc}.modal-premium ul{text-align:left;margin:1rem 0;padding:0;list-style:none}.modal-premium ul li{position:relative;padding-left:1.5rem;margin-bottom:.6rem;font-size:.95rem;color:#eee}.modal-premium ul li::before{content:'✓';position:absolute;left:0;color:gold;font-weight:700}.modal-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.modal-buttons .btn-primary,.modal-buttons .btn-secondary{padding:.8rem 1rem;border-radius:6px;text-decoration:none;font-weight:700;border:none;cursor:pointer;font-size:1rem}.modal-buttons .btn-primary{background-color:gold;color:#111}.modal-buttons .btn-primary:hover{background-color:#e6c200}.modal-buttons .btn-secondary{background-color:#333;color:#ccc;border:1px solid #555}.modal-buttons .btn-secondary:hover{background-color:#444;color:#fff}.modal-dismiss{margin-top:1.5rem}.modal-dismiss .dismiss-btn{background:none;border:none;color:#aaa;font-size:.9rem;cursor:pointer;text-decoration:underline}.modal-dismiss .dismiss-btn:hover{color:#ddd}.modal-close{position:absolute;top:1rem;right:1.2rem;background:#fff0;border:none;font-size:1.3rem;color:#aaa;cursor:pointer}.modal-close:hover{color:#fff}.modal-close:focus-visible{outline:none}body.no-scroll{overflow:hidden}@media (min-width:768px){.modal-premium{padding:2.5rem 3rem}.modal-buttons{flex-direction:row;justify-content:center}.modal-buttons .btn-primary,.modal-buttons .btn-secondary{flex:1;text-align:center}}@media (max-width:420px){.comment-modal{padding:0}.modal-premium{width:92vw;max-height:92vh;padding:1.25rem;border-radius:10px;box-shadow:0 4px 20px rgb(0 0 0 / .4);overflow-y:auto}.modal-premium h3{font-size:1.2rem}.modal-premium p{font-size:.95rem}.modal-premium ul li{font-size:.9rem}.modal-buttons{flex-direction:column;gap:.75rem;margin-top:1rem}.modal-buttons a{width:100%;font-size:1rem;padding:1rem}.modal-dismiss .dismiss-btn{width:100%;font-size:1rem;padding:.9rem}.modal-close{top:.75rem;right:.75rem;font-size:1.2rem}}