:root{--primary: #6366F1;--primary-hover: #4F46E5;--primary-dark: #172554;--primary-darker: #0F172A;--primary-light: #E0E7FF;--primary-lighter: #F5F7FF;--primary-shadow: rgba(99, 102, 241, .3);--primary-shadow-light: rgba(99, 102, 241, .15);--white: #FFFFFF;--black: #172554;--hero-dark: #0F172A;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-heading: "Exo 2", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--arc-radius-sm: 8px;--arc-radius-md: 12px;--arc-radius-lg: 20px;--arc-radius-xl: 28px;--arc-shadow-sm: 0 2px 4px rgba(15, 23, 42, .04);--arc-shadow-md: 0 8px 24px -4px rgba(15, 23, 42, .08), 0 4px 8px -2px rgba(15, 23, 42, .04);--arc-shadow-glow: 0 12px 32px -4px var(--primary-shadow)}.arc-frontend-root{width:100%;font-family:var(--font-family);color:var(--gray-800);line-height:1.6;box-sizing:border-box}.arc-frontend-root *,.arc-frontend-root *:before,.arc-frontend-root *:after{box-sizing:border-box}.arc-hero-section{text-align:center;margin-bottom:40px;padding:40px 24px 30px;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.08) 0%,transparent 70%);border-radius:var(--arc-radius-xl)}.arc-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:var(--primary-lighter);border:1px solid var(--primary-light);color:var(--primary);font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:16px;box-shadow:0 2px 8px var(--primary-shadow-light)}.arc-hero-badge-dot{width:8px;height:8px;border-radius:50%;background-color:var(--primary);animation:arcPulse 2s infinite}.arc-hero-title{font-family:var(--font-heading);font-size:38px;font-weight:800;color:var(--primary-darker);letter-spacing:-.02em;margin:0 0 12px;line-height:1.2}.arc-hero-subtitle{font-size:16px;color:var(--gray-600);max-width:680px;margin:0 auto 36px}.arc-score-showcase-card{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--arc-radius-lg);padding:32px 40px;max-width:860px;margin:0 auto;box-shadow:var(--arc-shadow-md);position:relative;overflow:hidden}.arc-score-showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,#818CF8 50%,var(--primary-dark) 100%)}.arc-score-main{display:flex;flex-direction:column;gap:18px;text-align:left}.arc-big-number-row{display:flex;align-items:center;gap:20px}.arc-big-score{font-family:var(--font-heading);font-size:54px;font-weight:800;color:var(--primary-darker);line-height:1}.arc-score-meta{display:flex;flex-direction:column;gap:6px}.arc-score-subtext{font-size:13px;font-weight:500;color:var(--gray-500)}.arc-btn-hero-cta{align-self:flex-start;font-size:15px;padding:12px 24px}.arc-score-divider{width:1px;height:120px;background-color:var(--gray-200)}.arc-distribution-bars{flex:1;display:flex;flex-direction:column;gap:8px;max-width:320px}.arc-dist-row{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:var(--gray-600)}.arc-dist-label{width:32px;text-align:right;flex-shrink:0}.arc-progress-track{flex:1;height:8px;background-color:var(--gray-100);border-radius:9999px;overflow:hidden}.arc-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#818CF8 100%);border-radius:9999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.arc-dist-percentage{width:36px;text-align:right;color:var(--gray-500);font-size:11px}.arc-list-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.arc-toolbar-title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--primary-darker);margin:0;display:flex;align-items:center;gap:10px}.arc-count-pill{font-family:var(--font-family);font-size:13px;font-weight:600;padding:2px 10px;background:var(--primary-lighter);color:var(--primary);border-radius:9999px}.arc-toolbar-right{display:flex;align-items:center;gap:14px}.arc-sort-wrapper{display:flex;align-items:center;gap:8px}.arc-sort-label{font-size:13px;color:var(--gray-600);font-weight:500}.arc-select-wrapper select{padding:8px 14px;font-size:13px;font-family:var(--font-family);border:1px solid var(--gray-300);border-radius:var(--arc-radius-sm);background:var(--white);color:var(--gray-700);cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.arc-select-wrapper select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow-light)}.arc-reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;margin-bottom:40px}.arc-review-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--arc-radius-lg);padding:28px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:var(--arc-shadow-sm);position:relative}.arc-review-card:hover{transform:translateY(-4px);box-shadow:var(--arc-shadow-md);border-color:#6366f166}.arc-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.arc-reviewer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 4px 10px var(--primary-shadow-light)}.arc-reviewer-info{flex:1}.arc-reviewer-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arc-reviewer-name{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--primary-darker);margin:0}.arc-verified-pill{display:inline-flex;align-items:center;gap:4px;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;font-size:11px;font-weight:600;padding:2px 7px;border-radius:9999px}.arc-card-meta{display:flex;align-items:center;gap:12px;margin-top:4px}.arc-review-date{font-size:12px;color:var(--gray-400)}.arc-card-body{flex:1;display:flex;flex-direction:column}.arc-review-text{font-size:15px;color:var(--gray-700);line-height:1.65;margin:0 0 20px;word-break:break-word}.arc-card-attachment{margin-top:auto;margin-bottom:18px}.arc-attachment-btn{background:none;border:none;padding:0;cursor:pointer;position:relative;display:inline-block;border-radius:var(--arc-radius-md);overflow:hidden;box-shadow:var(--arc-shadow-sm)}.arc-attachment-thumb{width:110px;height:85px;object-fit:cover;border-radius:var(--arc-radius-md);border:1px solid var(--gray-200);display:block;transition:transform .3s ease}.arc-attachment-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;color:var(--white);opacity:0;transition:opacity .25s ease;border-radius:var(--arc-radius-md)}.arc-attachment-btn:hover .arc-attachment-thumb{transform:scale(1.05)}.arc-attachment-btn:hover .arc-attachment-overlay{opacity:1}.arc-card-footer{border-top:1px solid var(--gray-100);padding-top:16px;display:flex;align-items:center;justify-content:flex-end}.arc-reactions-group{display:flex;align-items:center;gap:10px}.arc-reaction-btn{display:inline-flex;align-items:center;gap:6px;background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--arc-radius-sm);padding:6px 12px;font-size:13px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s ease}.arc-reaction-btn:hover:not(:disabled){background-color:var(--white);color:var(--primary);border-color:var(--primary-light);transform:translateY(-1px)}.arc-reaction-btn.active-like{background-color:var(--primary-lighter);border-color:var(--primary-light);color:var(--primary)}.arc-reaction-btn.active-dislike{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.arc-reaction-btn:disabled{opacity:.6;cursor:not-allowed}.arc-star-rating{display:inline-flex;align-items:center;gap:2px}.arc-star-btn{background:none;border:none;padding:2px;display:inline-flex;align-items:center;justify-content:center;cursor:default;transition:transform .15s ease}.arc-star-btn.filled{color:#f59e0b}.arc-star-btn.empty{color:var(--gray-300)}.arc-star-interactive .arc-star-btn{cursor:pointer}.arc-star-interactive .arc-star-btn:hover{transform:scale(1.15)}.arc-form-modal-container{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--arc-radius-xl);padding:40px;box-shadow:var(--arc-shadow-md);margin-bottom:40px;animation:arcFadeIn .3s ease;position:relative;overflow:hidden}.arc-form-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary) 0%,#818CF8 50%,var(--primary-dark) 100%)}.arc-form-header{margin-bottom:28px}.arc-form-badge{display:inline-block;padding:4px 12px;background:var(--primary-lighter);color:var(--primary);border-radius:9999px;font-size:12px;font-weight:600;margin-bottom:10px}.arc-form-title{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--primary-darker);margin:0 0 8px}.arc-form-subtitle{font-size:14px;color:var(--gray-600);margin:0;max-width:640px}.arc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.arc-form-group{margin-bottom:24px}.arc-form-label{display:block;font-size:14px;font-weight:600;color:var(--primary-darker);margin-bottom:8px}.arc-req{color:#dc2626}.arc-optional-badge{font-size:12px;font-weight:500;color:var(--gray-500);background:var(--gray-100);padding:2px 7px;border-radius:4px;margin-left:6px}.arc-label-hint{font-size:12px;font-weight:400;color:var(--gray-500);margin-left:6px}.arc-rating-selector-wrapper{display:flex;align-items:center;gap:16px;background:var(--gray-50);padding:12px 18px;border-radius:var(--arc-radius-md);border:1px solid var(--gray-200);width:fit-content}.arc-rating-label{font-size:14px;font-weight:600;color:var(--primary-darker)}.arc-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.arc-char-counter{font-size:12px;color:var(--gray-400)}.arc-input,.arc-textarea{width:100%;padding:12px 16px;font-size:14px;font-family:var(--font-family);border:1px solid var(--gray-300);border-radius:var(--arc-radius-md);background-color:var(--white);color:var(--gray-800);outline:none;transition:all .2s ease}.arc-input:focus,.arc-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow-light)}.arc-input.has-error,.arc-textarea.has-error,.arc-dropzone.has-error{border-color:#dc2626!important}.arc-error-msg{display:block;font-size:12px;color:#dc2626;margin-top:6px;font-weight:500}.arc-dropzone{border:2px dashed var(--gray-300);border-radius:var(--arc-radius-md);padding:32px 20px;text-align:center;cursor:pointer;background-color:var(--gray-50);transition:all .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.arc-dropzone:hover,.arc-dropzone.drag-active{border-color:var(--primary);background-color:var(--primary-lighter)}.arc-dropzone-icon-circle{width:52px;height:52px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:var(--arc-shadow-sm);margin-bottom:12px}.arc-dropzone-text{font-size:14px;color:var(--gray-700);margin:0 0 4px}.arc-dropzone-text strong{color:var(--primary)}.arc-dropzone-hint{font-size:12px;color:var(--gray-500)}.arc-preview-wrapper{display:flex;align-items:center;gap:16px;padding:14px 18px;background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--arc-radius-md);box-shadow:var(--arc-shadow-sm)}.arc-preview-img{width:80px;height:80px;object-fit:cover;border-radius:var(--arc-radius-sm);border:1px solid var(--gray-200)}.arc-preview-details{display:flex;flex-direction:column;gap:4px}.arc-preview-name{font-size:14px;font-weight:600;color:var(--primary-darker);word-break:break-all}.arc-preview-size{font-size:12px;color:var(--gray-500)}.arc-remove-image-btn{background:none;border:none;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;padding:0;text-align:left;margin-top:4px}.arc-remove-image-btn:hover{text-decoration:underline}.arc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;font-family:var(--font-family);border-radius:var(--arc-radius-sm);cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;line-height:1.4}.arc-btn-sm{padding:7px 14px;font-size:13px}.arc-btn-lg{padding:13px 28px;font-size:15px}.arc-btn-primary{background-color:var(--primary);color:var(--white)!important;box-shadow:0 4px 14px var(--primary-shadow)}.arc-btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-shadow)}.arc-btn-secondary{background-color:var(--gray-100);color:var(--primary-darker);border:1px solid var(--gray-200)}.arc-btn-secondary:hover:not(:disabled){background-color:var(--gray-200)}.arc-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.arc-form-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:32px;border-top:1px solid var(--gray-200);padding-top:24px}.arc-btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:arcSpin .7s linear infinite}.arc-alert-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:var(--arc-radius-md);margin-bottom:28px;font-size:14px;font-weight:500;box-shadow:var(--arc-shadow-sm);animation:arcFadeIn .3s ease}.arc-alert-success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.arc-alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.arc-alert-content{display:flex;align-items:center;gap:12px}.arc-alert-close{background:none;border:none;font-size:22px;cursor:pointer;color:inherit;opacity:.7}.arc-alert-close:hover{opacity:1}.arc-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:36px;flex-wrap:wrap}.arc-pagination-numbers{display:flex;align-items:center;gap:8px}.arc-page-btn{padding:8px 16px;font-size:13px;font-weight:600;font-family:var(--font-family);border:1px solid var(--gray-300);border-radius:var(--arc-radius-sm);background:var(--white);color:var(--gray-700);cursor:pointer;transition:all .2s ease;min-width:38px;text-align:center}.arc-page-btn:hover:not(:disabled){background-color:var(--primary-lighter);border-color:var(--primary);color:var(--primary)}.arc-page-btn:disabled{opacity:.45;cursor:not-allowed}.arc-page-num.active{background:var(--primary);border-color:var(--primary);color:var(--white);box-shadow:0 4px 12px var(--primary-shadow)}.arc-page-info{font-size:13px;color:var(--gray-500)}.arc-empty-state{text-align:center;padding:70px 24px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--arc-radius-xl);box-shadow:var(--arc-shadow-sm)}.arc-empty-icon-wrap{width:72px;height:72px;border-radius:50%;background:var(--primary-lighter);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.arc-empty-state h3{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--primary-darker);margin:0 0 8px}.arc-empty-state p{color:var(--gray-500);font-size:15px;margin-bottom:24px}.arc-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:24px;animation:arcFadeIn .2s ease}.arc-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.arc-modal-close{position:absolute;top:-46px;right:0;background:none;border:none;color:var(--white);cursor:pointer;padding:6px}.arc-modal-image-wrapper{overflow:hidden;border-radius:var(--arc-radius-lg);box-shadow:0 25px 50px -12px #0006}.arc-modal-image{max-width:85vw;max-height:80vh;display:block;object-fit:contain}.arc-frontend-branding-credits{text-align:center;font-size:13px;color:var(--gray-400);margin-top:48px;padding-top:24px;border-top:1px solid var(--gray-200)}.arc-frontend-branding-credits a{color:var(--primary);text-decoration:none;font-weight:600}@keyframes arcFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes arcSpin{to{transform:rotate(360deg)}}@keyframes arcPulse{0%{transform:scale(.95);box-shadow:0 0 #6366f1b3}70%{transform:scale(1);box-shadow:0 0 0 6px #6366f100}to{transform:scale(.95);box-shadow:0 0 #6366f100}}@media(max-width:768px){.arc-score-showcase-card{flex-direction:column;padding:24px;align-items:stretch}.arc-score-divider{width:100%;height:1px}.arc-distribution-bars{max-width:100%}.arc-form-row{grid-template-columns:1fr}.arc-form-modal-container{padding:24px}.arc-hero-title{font-size:28px}}@media(max-width:480px){.arc-reviews-grid{grid-template-columns:1fr}.arc-list-toolbar{flex-direction:column;align-items:stretch}.arc-toolbar-right{justify-content:space-between}}
