:root{--primary:#4361ee;--primary-light:#4895ef;--primary-dark:#3a0ca3;--secondary:#7209b7;--secondary-light:#9d4edd;--secondary-dark:#560bad;--accent:#f72585;--accent-light:#f8619e;--accent-dark:#d61a6c;--success:#06d6a0;--warning:#ffd166;--error:#ef476f;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease}.tv-container *{box-sizing:border-box;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}.tv-container{max-width:900px;margin:0 auto;padding:var(--space-4);color:var(--neutral-800);line-height:1.5}.tv-container h2{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:var(--space-4);text-align:center;color:var(--primary)}.tv-container h3{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:var(--space-4);color:var(--primary-dark)}.tv-container p{margin-bottom:var(--space-4);line-height:1.5}.tv-form{display:flex;flex-direction:column;gap:var(--space-8)}.tv-intro{text-align:center;margin-bottom:var(--space-6);animation:fadeIn 0.8s ease-in-out}.tv-user-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);background-color:var(--neutral-100);padding:var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.tv-user-info label{display:block;font-weight:500;margin-bottom:var(--space-2)}.tv-user-info input{width:100%;padding:var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-fast)}.tv-user-info input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(67 97 238 / .2)}.tv-section{background-color:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);transition:transform var(--transition-normal);transform:translateY(0);animation:slideUp 0.6s ease-out}.tv-section:hover{transform:translateY(-5px)}.tv-section h3{border-bottom:2px solid var(--primary-light);padding-bottom:var(--space-2);margin-bottom:var(--space-5)}.tv-question{padding:var(--space-4) 0;border-bottom:1px solid var(--neutral-200);margin-bottom:var(--space-4)}.tv-question:last-child{border-bottom:none;margin-bottom:0}.tv-question p{margin-bottom:var(--space-4);font-weight:500}.tv-options{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.tv-label{font-size:.875rem;color:var(--neutral-600);width:60px}.tv-radio-group{display:flex;gap:var(--space-2);flex:1;justify-content:space-between;max-width:300px;margin:0 var(--space-4)}.tv-radio{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;cursor:pointer}.tv-radio input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;cursor:pointer;z-index:2}.tv-radio span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-full);background-color:var(--neutral-100);color:var(--neutral-600);border:2px solid var(--neutral-300);font-weight:600;transition:all var(--transition-fast)}.tv-radio input:checked+span{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.tv-radio input:focus+span{box-shadow:0 0 0 3px rgb(67 97 238 / .2)}.tv-radio:hover span{background-color:var(--neutral-200)}.tv-radio input:checked:hover+span{background-color:var(--primary-dark)}.tv-submit{text-align:center;margin-top:var(--space-6)}.tv-button{display:inline-block;padding:var(--space-3) var(--space-6);background-color:var(--primary);color:#fff;font-weight:600;border:none;border-radius:var(--radius-md);font-size:1.125rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.tv-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tv-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.tv-results{max-width:900px;margin:0 auto;padding:var(--space-5);animation:fadeIn 0.8s ease-in-out}.tv-results-header{text-align:center;margin-bottom:var(--space-6)}.tv-results-name{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-2)}.tv-chart-container{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg)}.tv-chart-canvas{max-width:100%;height:auto}.tv-dimensions{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.tv-dimension-card{background-color:#fff;border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-md);border-top:4px solid var(--primary);transition:transform var(--transition-normal)}.tv-dimension-card:hover{transform:translateY(-5px)}.tv-dimension-card h4{margin-top:0;margin-bottom:var(--space-2);font-size:1.25rem;color:var(--primary-dark)}.tv-dimension-card .tv-score{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2);color:var(--primary)}.tv-dimension-card .tv-level{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--space-3)}.tv-level-high{background-color:rgb(6 214 160 / .2);color:var(--success)}.tv-level-medium{background-color:rgb(255 209 102 / .2);color:darken(var(--warning),15%)}.tv-level-low{background-color:rgb(239 71 111 / .2);color:var(--error)}.tv-general-interpretation{background-color:var(--neutral-800);color:#fff;padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);box-shadow:var(--shadow-xl)}.tv-general-interpretation h3{color:#fff;margin-top:0;border-bottom:2px solid rgb(255 255 255 / .2);padding-bottom:var(--space-3)}.tv-export-buttons{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.tv-export-button{padding:var(--space-3) var(--space-5);background-color:var(--neutral-700);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.tv-export-button:hover{background-color:var(--neutral-900);transform:translateY(-2px)}.tv-export-button svg{width:20px;height:20px}.tv-admin-section{background-color:#fff;border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-md)}.tv-admin-section h2{margin-top:0;padding-bottom:var(--space-3);border-bottom:2px solid var(--neutral-200);margin-bottom:var(--space-4);color:var(--neutral-800);text-align:left}.tv-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--neutral-300);font-size:1rem;min-width:200px}.tv-dimension-section{margin-bottom:var(--space-6)}.tv-dimension-section h3{border-left:4px solid var(--primary);padding-left:var(--space-3);margin-bottom:var(--space-4)}.tv-questions-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.tv-question-item{display:flex;gap:var(--space-3);align-items:flex-start;background-color:var(--neutral-50);padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.tv-question-item:hover{background-color:var(--neutral-100)}.tv-question-number{font-weight:700;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:#fff;border-radius:var(--radius-full)}.tv-question-content{flex:1}.tv-question-textarea{width:100%;padding:var(--space-2);border:1px solid var(--neutral-300);border-radius:var(--radius-md);resize:vertical;font-size:1rem;line-height:1.5;transition:border-color var(--transition-fast)}.tv-question-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(67 97 238 / .2)}.tv-shortcode-info{background-color:var(--primary-light);color:#fff;padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-6)}.tv-shortcode-info h3{color:#fff;margin-top:0;margin-bottom:var(--space-2)}.tv-shortcode-info code{background-color:rgb(0 0 0 / .2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:monospace}@media (max-width:768px){.tv-container{padding:var(--space-3)}.tv-user-info{grid-template-columns:1fr}.tv-dimensions{grid-template-columns:1fr}.tv-options{flex-direction:column;align-items:stretch}.tv-label{width:100%;text-align:left}.tv-label:last-child{text-align:right}.tv-radio-group{max-width:100%;margin:var(--space-3) 0}.tv-radio{width:36px;height:36px}.tv-radio span{width:36px;height:36px}.tv-export-buttons{flex-direction:column;gap:var(--space-3)}}@media (min-width:769px) and (max-width:1024px){.tv-dimensions{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.tv-button{animation:pulse 2s infinite}.tv-button:hover{animation:none}.tv-results-header{animation:fadeIn 0.6s ease-in-out}.tv-chart-container{animation:slideUp 0.8s ease-in-out;animation-delay:0.2s;animation-fill-mode:both}.tv-dimensions{animation:slideUp 0.8s ease-in-out;animation-delay:0.4s;animation-fill-mode:both}.tv-general-interpretation{animation:slideUp 0.8s ease-in-out;animation-delay:0.6s;animation-fill-mode:both}.tv-export-buttons{animation:fadeIn 0.8s ease-in-out;animation-delay:0.8s;animation-fill-mode:both}.tv-radio input:not(:checked)+span:hover{transform:scale(1.05);background-color:var(--neutral-200)}.tv-loading{display:flex;align-items:center;justify-content:center;min-height:200px;flex-direction:column;gap:var(--space-4)}.tv-loading-spinner{width:40px;height:40px;border:4px solid var(--neutral-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tv-dimension-card:nth-child(1){animation-delay:0.1s}.tv-dimension-card:nth-child(2){animation-delay:0.2s}.tv-dimension-card:nth-child(3){animation-delay:0.3s}.tv-dimension-card:nth-child(4){animation-delay:0.4s}.tv-dimension-card:nth-child(5){animation-delay:0.5s}.tv-dimension-card{animation:slideUp 0.6s ease-out;animation-fill-mode:both}.tv-progress-container{margin-bottom:var(--space-5)}.tv-progress-bar{height:8px;background-color:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.tv-progress-fill{height:100%;background-color:var(--primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.tv-interpretation{line-height:1.6}.tv-interpretation strong{color:var(--primary-dark)}.tv-interpretation ul{margin-top:var(--space-3);padding-left:var(--space-5)}.tv-interpretation li{margin-bottom:var(--space-2)}