.card .comment-section{margin:20px 0 0;background-color:transparent}.comment-section{margin:20px 0 0;background-color:var(--ap-colour-card)}.comment-section a{color:var(--ap-colour-primary)}.comment-section form,.comment-creator-inputs-container{display:flex;flex-direction:column}.comment-creator-inputs-right{display:flex;justify-content:flex-end;flex-wrap:wrap}.comment-creator-post-button{width:unset!important;gap:10px}.comment-creator-post-button p{font-weight:500}@media screen and (max-width:600px){.comment-creator-inputs{flex-direction:column}}.comment-section textarea{border-color:transparent;margin-right:4px}.comment-spinner{width:50px!important;margin-top:-20px}.comment-reply{display:flex;width:100%}.comment-reply .icon{width:25px;color:var(--ap-colour-primary)!important}.comment-content-container{display:flex;justify-content:space-between;gap:10px}.comment-content{display:flex;flex-direction:column}.comment-section form .comment-input-button{width:40px;height:40px;padding:10px;margin:10px}.comment-section form div{width:100%}.comment{margin:20px 0;background-color:var(--ap-colour-black-2);padding:20px;border-radius:15px}.comment .comment-head{display:flex}.comment p{overflow:hidden;hyphens:auto;word-break:auto-phrase}.comment-content img,.comment-content video{width:auto;max-width:100%;max-height:400px;border-radius:15px;margin:10px 0}@media screen and (max-width:600px){.comment img{width:auto;max-width:100%}.comment-head{flex-direction:column}}.comment-reply-line{width:2px;background-color:var(--ap-colour-white);height:30px;opacity:.6;margin-top:-20px;margin-bottom:20px;margin-left:5px}.comment-separator{margin:0 5px 0 10px;opacity:60%}.comment-reply-hint{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;opacity:.9}.comment-cancel-reply{margin-left:auto}.comment-attachment-limit-hint{font-size:.8rem;margin:4px 0 8px;opacity:.85}.comment-attachment-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.comment-attachment-previews{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.comment-attachment-preview{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--ap-colour-black-2, #1a1a1a);border-radius:8px;font-size:.85rem}.comment-attachment-preview img{width:40px;height:40px;object-fit:cover;border-radius:4px}.comment-attachment-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--ap-colour-black-2, #2a2a2a);border-radius:4px}.comment-attachment-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-attachment-remove{background:none;border:none;color:var(--ap-colour-primary);cursor:pointer;font-size:1.2rem;line-height:1;padding:0 4px}.comment-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.comment-attachments video,.comment-attachments audio{max-width:100%;min-width:200px}.comment-creator-dropzone{border:2px dashed transparent;border-radius:8px;transition:border-color .15s,background-color .15s}.comment-creator-dropzone-active{border-color:var(--ap-colour-primary, #00A3FF);background-color:#00a3ff0f}.comment-voice-recorder-wrap{margin:12px 0;position:relative}.comment-voice-recorder-close{position:absolute;top:4px;right:4px;z-index:1;font-size:.9rem}.ap-audio-recorder{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--ap-colour-card, #1a1a1a);border-radius:12px;border:1px solid var(--ap-colour-border, rgba(255, 255, 255, .08))}.ap-ar-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.ap-ar-title{margin:0;font-size:1rem;font-weight:600;color:var(--ap-colour-text, #fff)}.ap-ar-max-duration{font-size:.8rem;opacity:.75;color:var(--ap-colour-text-muted, #999)}.ap-ar-error{padding:.5rem .75rem;font-size:.875rem;color:var(--ap-colour-error, #e74c3c);background:#e74c3c1a;border-radius:8px}.ap-ar-controls{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.ap-ar-idle{margin:0;font-size:.9rem;opacity:.85;color:var(--ap-colour-text-muted, #999)}.ap-ar-status{display:flex;align-items:center;gap:.5rem}.ap-ar-status-recording{padding:.5rem .75rem;background:#e74c3c1f;border-radius:999px;width:fit-content}.ap-ar-dot{width:8px;height:8px;border-radius:50%;background-color:var(--ap-colour-error, #e74c3c);flex-shrink:0;animation:ap-ar-pulse 1.2s infinite ease-in-out}.ap-ar-timer{font-variant-numeric:tabular-nums;font-weight:500;font-size:.95rem}.ap-ar-paused-label{margin-left:.25rem;font-size:.8rem;opacity:.9}@keyframes ap-ar-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.ap-ar-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ap-ar-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:background .15s,transform .1s}.ap-ar-btn:disabled{opacity:.6;cursor:not-allowed}.ap-ar-btn:not(:disabled):active{transform:scale(.98)}.ap-ar-btn-record{background:var(--ap-colour-primary, #00a3ff);color:#fff;padding:.65rem 1.25rem;font-size:.95rem}.ap-ar-btn-record:hover:not(:disabled){background:color-mix(in srgb,var(--ap-colour-primary, #00a3ff) 85%,#000)}.ap-ar-record-icon{display:inline-flex;align-items:center;justify-content:center}.ap-ar-record-icon svg,.ap-ar-btn .ap-ar-record-icon+span{flex-shrink:0}.ap-ar-btn-secondary{background:var(--ap-colour-gray, #333);color:var(--ap-colour-text, #fff)}.ap-ar-btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--ap-colour-gray, #333) 80%,#fff)}.ap-ar-btn-stop{background:#e74c3c33;color:var(--ap-colour-error, #e74c3c)}.ap-ar-btn-stop:hover:not(:disabled){background:#e74c3c59}.ap-ar-btn-primary{background:var(--ap-colour-primary, #00a3ff);color:#fff}.ap-ar-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--ap-colour-primary, #00a3ff) 85%,#000)}.ap-ar-fallback{display:flex;flex-direction:column;gap:.75rem}.ap-ar-fallback-text{margin:0;font-size:.875rem;opacity:.9;color:var(--ap-colour-text-muted, #999)}.ap-ar-file-label{display:inline-flex;cursor:pointer;width:fit-content}.ap-ar-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.ap-ar-file-button{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--ap-colour-gray, #333);color:var(--ap-colour-text, #fff);border-radius:8px;transition:background .15s}.ap-ar-file-label:hover .ap-ar-file-button{background:color-mix(in srgb,var(--ap-colour-gray, #333) 80%,#fff)}.ap-ar-preview{display:flex;flex-direction:column;gap:1rem}.ap-ar-player-wrap{width:100%;min-height:48px;border-radius:10px;overflow:hidden;background:var(--ap-colour-card-2, #252525)}.ap-ar-meta{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--ap-colour-text-muted, #999)}.ap-ar-meta-sep{opacity:.6}.ap-ar-upload{display:flex;flex-direction:column;gap:.4rem}.ap-ar-progress{width:100%;height:6px;background:var(--ap-colour-gray, #333);border-radius:999px;overflow:hidden}.ap-ar-progress-bar{height:100%;background:linear-gradient(90deg,var(--ap-colour-primary, #00a3ff),#5eb8ff);border-radius:999px;transition:width .2s ease}.ap-ar-uploading{margin:0;font-size:.8rem;text-align:center;opacity:.85;color:var(--ap-colour-text-muted, #999)}.access-prompt{background-color:var(--ap-colour-primary);display:flex;align-items:center;flex-direction:column}.access-prompt h2{display:flex;justify-content:center;align-items:center}.access-prompt h2 .pro-badge{margin-left:5px}.access-prompt-preview-img{border-radius:15px;width:auto!important;max-height:400px!important}.access-prompt-preview-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.access-prompt p{text-align:center}.access-prompt button{background-color:gold;color:#000;font-size:1rem;font-weight:bolder;max-width:200px}.access-prompt button:hover{background-color:#daa520}.access-prompt-preview{margin:10px;transition:transform 1s}.paste-404-prompt{display:flex;width:100%;justify-content:center;align-items:center}.paste-404-prompt img{max-width:400px;max-height:40vh;object-fit:scale-down;width:100%;margin:40px 40px 40px 0;pointer-events:none}.paste-404-content{display:flex;flex-direction:column;justify-content:start;align-items:start;text-align:start;margin-top:-8em}@media screen and (max-width:870px){.paste-404-prompt{flex-direction:column}.paste-404-prompt img{margin:20px}.paste-404-content{margin-top:0}}