:root{--task-add-color: var(--accent-orange);--task-export-color: var(--secondary-600);--task-analysis-primary: var(--secondary-700);--task-analysis-secondary: var(--secondary-800)}.instructions{background:var(--bg-tertiary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);overflow:hidden;transition:all var(--duration-300) var(--ease-out);width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:var(--container-2xl);margin:var(--spacing-8) auto}@media (min-width: 640px){.instructions{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width: 768px){.instructions{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.instructions summary{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--primary-600);cursor:pointer;outline:none;margin-bottom:var(--spacing-4);transition:color var(--duration-200) var(--ease-out)}.instructions summary:hover{color:var(--primary-700)}.instructions summary:focus{color:var(--primary-700);outline:2px solid var(--primary-200);outline-offset:2px;border-radius:var(--radius-base)}.instructions ol{margin-left:var(--spacing-6);margin-top:var(--spacing-4)}.instructions ol li{margin-bottom:var(--spacing-3);line-height:var(--leading-relaxed);color:var(--text-secondary);font-size:var(--text-base)}.instructions p{margin-top:var(--spacing-4);font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.task-container{background:var(--bg-tertiary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);overflow:hidden;transition:all var(--duration-300) var(--ease-out);width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:var(--container-2xl);margin:var(--spacing-8) auto}@media (min-width: 640px){.task-container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width: 768px){.task-container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.task-container .header-btns{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.task-container h1{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--border-secondary);color:var(--text-primary);line-height:var(--leading-tight)}@media (min-width: 768px){.task-container h1{font-size:var(--text-3xl)}}.task-container .btn-analysis{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none;position:relative;overflow:hidden;padding:var(--spacing-2-5) var(--spacing-6);font-size:var(--text-base);min-height:44px;background:linear-gradient(135deg, var(--task-analysis-primary), var(--task-analysis-secondary));color:white;border:none;font-weight:var(--font-medium);position:relative;overflow:hidden;min-width:160px}.task-container .btn-analysis:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.task-container .btn-analysis:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}.task-container .btn-analysis i.fas.fa-robot{margin-right:var(--spacing-2);font-size:1.1em;animation:robotFloat 2s ease-in-out infinite}.task-container .btn-analysis:hover{background:linear-gradient(135deg, var(--secondary-800), var(--secondary-900));box-shadow:0 6px 20px rgba(124,58,237,0.3)}.task-container .btn-analysis:hover::before{transform:translateX(100%)}.task-container .btn-analysis::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:transform var(--duration-500) var(--ease-out)}.task-container .btn-analysis:disabled{background:linear-gradient(135deg, var(--neutral-400), var(--neutral-500));cursor:not-allowed;opacity:0.7}.task-container .btn-analysis:disabled:hover{transform:none;background:linear-gradient(135deg, var(--neutral-400), var(--neutral-500))}@keyframes robotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.task-item{background:var(--bg-tertiary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);overflow:hidden;transition:all var(--duration-300) var(--ease-out);display:grid;grid-template-columns:200px 1fr 80px 150px;grid-template-rows:auto auto;grid-template-areas:"task-name task-content task-priority task-controls" "task-name task-content task-select task-controls";align-items:start;gap:var(--spacing-3);margin:var(--spacing-4) 0;padding:var(--spacing-6);background-color:var(--bg-secondary);border:1px solid var(--border-primary)}.task-item .task-input{grid-area:task-name;height:calc(100% - var(--spacing-2))}.task-item .task-textarea{grid-area:task-content;width:100%}.task-item .rich-select{grid-area:task-priority;width:100%}.task-item .task-select{grid-area:task-select;width:100%}.task-item .timer-controls{grid-area:task-controls;display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}@media (min-width: 1400px){.task-item{grid-template-columns:250px 1fr 100px 180px;gap:var(--spacing-4);padding:var(--spacing-8)}}@media (max-width: 1200px){.task-item{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"task-name" "task-content"  "task-priority" "task-status" "task-controls";gap:var(--spacing-4);align-items:stretch}.task-item .task-input{grid-area:task-name;height:auto}.task-item .task-textarea{grid-area:task-content;min-height:120px}.task-item .rich-select{grid-area:task-priority;max-width:200px;justify-self:start}.task-item .status-select{grid-area:task-status;max-width:200px;justify-self:start}.task-item .timer-controls{grid-area:task-controls;flex-direction:row;gap:var(--spacing-2);justify-self:start;flex-wrap:wrap}}@media (max-width: 768px){.task-item{gap:var(--spacing-3);padding:var(--spacing-4)}.task-item .task-textarea{min-height:100px}.task-item .rich-select{max-width:100%}.task-item .timer-controls{justify-content:center;width:100%}}.task-item input,.task-item select,.task-item textarea,.task-item button{font-size:var(--text-sm)}.task-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);font-family:var(--font-primary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:all var(--duration-200) var(--ease-out);min-width:0}.task-input::placeholder{color:var(--text-tertiary)}.task-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,0.1);background:var(--bg-tertiary)}.task-input:disabled{background:var(--neutral-100);border-color:var(--border-primary);color:var(--text-tertiary);cursor:not-allowed}@media (max-width: 768px){.task-input{width:100%}}.task-textarea{width:100%;padding:var(--spacing-4) var(--spacing-5);font-size:var(--text-base);font-family:var(--font-primary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:all var(--duration-200) var(--ease-out);resize:vertical;min-height:140px;line-height:var(--leading-relaxed);min-width:0}@media (min-width: 1024px){.task-textarea{min-height:160px;padding:var(--spacing-5) var(--spacing-6);font-size:var(--text-lg)}}@media (min-width: 1400px){.task-textarea{min-height:180px;padding:var(--spacing-6) var(--spacing-8);font-size:var(--text-lg)}}.task-textarea::placeholder{color:var(--text-tertiary)}.task-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,0.1);background:var(--bg-tertiary);min-height:140px}.task-textarea:disabled{background:var(--neutral-100);border-color:var(--border-primary);color:var(--text-tertiary);cursor:not-allowed}@media (max-width: 768px){.task-textarea{width:100%;min-height:100px}.task-textarea:focus{min-height:120px}}.rich-select{width:100%;padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--text-sm);font-family:var(--font-primary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:all var(--duration-200) var(--ease-out);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:14px 14px;padding-right:var(--spacing-8);min-width:60px;max-width:70px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rich-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,0.1);background:var(--bg-tertiary)}.rich-select:disabled{background:var(--neutral-100);border-color:var(--border-primary);color:var(--text-tertiary);cursor:not-allowed}@media (min-width: 1400px){.rich-select{max-width:120px}}@media (max-width: 768px){.rich-select{max-width:100%}}.status-select{width:100%;padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--text-sm);font-family:var(--font-primary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:all var(--duration-200) var(--ease-out);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:14px 14px;padding-right:var(--spacing-8);min-width:60px;max-width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.status-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,0.1);background:var(--bg-tertiary)}.status-select:disabled{background:var(--neutral-100);border-color:var(--border-primary);color:var(--text-tertiary);cursor:not-allowed}@media (min-width: 1400px){.status-select{max-width:100px}}@media (max-width: 768px){.status-select{max-width:100%}}.timer-controls{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}@media (max-width: 768px){.timer-controls{justify-content:center;width:100%}}.timer-display{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);min-width:100px;text-align:center;color:var(--text-primary);background:var(--bg-tertiary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);border:1px solid var(--border-primary)}@media (max-width: 768px){.timer-display{margin-bottom:var(--spacing-2)}}.timer-btn,.edit-time-btn,.save-time-btn,.delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none;position:relative;overflow:hidden;padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);min-height:36px;min-width:80px}.timer-btn:focus,.edit-time-btn:focus,.save-time-btn:focus,.delete-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.timer-btn:disabled,.edit-time-btn:disabled,.save-time-btn:disabled,.delete-btn:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}@media (max-width: 768px){.timer-btn,.edit-time-btn,.save-time-btn,.delete-btn{width:100%;margin-bottom:var(--spacing-1)}}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none;position:relative;overflow:hidden;padding:var(--spacing-2-5) var(--spacing-6);font-size:var(--text-base);min-height:44px;background:linear-gradient(135deg, var(--success), #059669);color:white;border-color:var(--success)}.btn-success:hover{background:linear-gradient(135deg, #059669, #047857);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-success:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn-success:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none;position:relative;overflow:hidden;padding:var(--spacing-2-5) var(--spacing-6);font-size:var(--text-base);min-height:44px;background:linear-gradient(135deg, var(--error), #dc2626);color:white;border-color:var(--error)}.btn-danger:hover{background:linear-gradient(135deg, #dc2626, #b91c1c);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn-danger:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}.btn-info{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none;position:relative;overflow:hidden;padding:var(--spacing-2-5) var(--spacing-6);font-size:var(--text-base);min-height:44px;background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:white;border-color:var(--primary-600);box-shadow:var(--shadow-sm)}.btn-info:hover{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-info:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn-info:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none;position:relative;overflow:hidden;padding:var(--spacing-2-5) var(--spacing-6);font-size:var(--text-base);min-height:44px;background:linear-gradient(135deg, var(--warning), #d97706);color:white;border-color:var(--warning)}.btn-warning:hover{background:linear-gradient(135deg, #d97706, #b45309);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-warning:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn-warning:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none;position:relative;overflow:hidden;padding:var(--spacing-2-5) var(--spacing-6);font-size:var(--text-base);min-height:44px;background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn-secondary:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}.btn-add-task{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none;position:relative;overflow:hidden;padding:var(--spacing-2-5) var(--spacing-6);font-size:var(--text-base);min-height:44px;background-color:var(--task-add-color);color:white;border:none}.btn-add-task:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn-add-task:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}.btn-add-task:hover{background-color:color-mix(in srgb, var(--task-add-color) 90%, black 10%)}.btn-export{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none;position:relative;overflow:hidden;padding:var(--spacing-2-5) var(--spacing-6);font-size:var(--text-base);min-height:44px;background-color:var(--task-export-color);color:white;border:none}.btn-export:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.3)}.btn-export:disabled{cursor:not-allowed;opacity:0.6;pointer-events:none}.btn-export:hover{background-color:color-mix(in srgb, var(--task-export-color) 90%, black 10%)}.time-select{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);font-family:var(--font-primary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:all var(--duration-200) var(--ease-out);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:16px 16px;padding-right:var(--spacing-10);min-width:80px;margin-right:var(--spacing-2)}.time-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,0.1);background:var(--bg-tertiary)}.time-select:disabled{background:var(--neutral-100);border-color:var(--border-primary);color:var(--text-tertiary);cursor:not-allowed}@media (max-width: 768px){.time-select{margin-right:0;margin-bottom:var(--spacing-2)}}.sidebar{background:var(--bg-tertiary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);overflow:hidden;transition:all var(--duration-300) var(--ease-out);width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:var(--container-2xl);margin:var(--spacing-8) auto}@media (min-width: 640px){.sidebar{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width: 768px){.sidebar{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}@media (min-width: 1024px){.sidebar .blog-sidebar-section{max-width:600px;margin:0 auto var(--spacing-8)}}@media (min-width: 1280px){.sidebar .blog-sidebar-section{max-width:800px}}.sidebar .sidebar-sections{margin-top:var(--spacing-16)}.sidebar .sidebar-sections .other-apps-nav .app-link{transform:none !important;transition:none !important;overflow:visible !important}.sidebar .sidebar-sections .other-apps-nav .app-link:hover{transform:none !important;box-shadow:0 2px 8px rgba(0,0,0,0.04) !important;background:var(--bg-primary) !important;border-color:var(--primary-200) !important}.sidebar .sidebar-sections .other-apps-nav .app-link:hover::before{opacity:0 !important;display:none !important}.sidebar .sidebar-sections .other-apps-nav .app-link:hover span:first-of-type{color:var(--primary-600)}.sidebar .sidebar-sections .other-apps-nav .app-link i{transform:none !important;transition:none !important;position:relative !important;display:block !important;margin-bottom:var(--spacing-2) !important;font-size:var(--text-lg) !important;z-index:10 !important;opacity:1 !important;visibility:visible !important}.sidebar .sidebar-sections .other-apps-nav .app-link:hover i{transform:none !important;opacity:1 !important;visibility:visible !important;position:relative !important;display:block !important}.header-content .header-link{color:var(--text-primary);text-decoration:none;display:inline-block;transition:color var(--duration-200) var(--ease-out)}.header-content .header-link:hover{color:var(--primary-600);text-decoration:none}.header-content .header-subtitle{font-size:var(--text-xs);margin-left:var(--spacing-3);color:var(--text-tertiary);font-weight:var(--font-normal)}#analysis-result{background:var(--bg-tertiary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:none;overflow:hidden;transition:all var(--duration-300) var(--ease-out);margin:var(--spacing-12) 0;padding:var(--spacing-8)}#analysis-result h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--border-secondary)}@media (min-width: 768px){#analysis-result h2{font-size:var(--text-2xl)}}#analysis-result #analysis-result-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}#analysis-result #analysis-result-content table{width:100%;border-collapse:collapse;margin:var(--spacing-6) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}#analysis-result #analysis-result-content table th,#analysis-result #analysis-result-content table td{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-primary)}#analysis-result #analysis-result-content table th{background-color:var(--bg-secondary);font-weight:var(--font-semibold);color:var(--text-primary)}#analysis-result #analysis-result-content table tr:nth-child(even){background-color:var(--bg-secondary)}#analysis-result #analysis-result-content table tr:hover{background-color:var(--primary-50)}#analysis-result #analysis-result-content ul{list-style-type:disc;margin:var(--spacing-6) 0;padding-left:var(--spacing-8)}#analysis-result #analysis-result-content ul li{margin-bottom:var(--spacing-2);line-height:var(--leading-relaxed)}#analysis-result #analysis-result-content h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:var(--spacing-10) 0 var(--spacing-4);padding-left:var(--spacing-3);border-left:4px solid var(--primary-500)}@media (min-width: 768px){#analysis-result #analysis-result-content h3{font-size:var(--text-xl)}}#analysis-result #analysis-result-content p{margin:var(--spacing-4) 0;line-height:var(--leading-relaxed)}#analysis-result #analysis-result-content pre{border:none;background:transparent;padding:0;margin:0;box-shadow:none}@media (max-width: 768px){#analysis-result{margin:var(--spacing-8) var(--spacing-2);padding:var(--spacing-6)}#analysis-result h2{font-size:var(--text-lg)}#analysis-result #analysis-result-content{font-size:var(--text-sm)}#analysis-result #analysis-result-content table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}#analysis-result #analysis-result-content table th,#analysis-result #analysis-result-content table td{padding:var(--spacing-2) var(--spacing-3)}}@media (max-width: 640px){.instructions,.task-container{margin:var(--spacing-4) var(--spacing-2);padding:var(--spacing-4)}.header-btns{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.btn-analysis{padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);min-width:auto}.btn-analysis i.fas.fa-robot{font-size:1em}.task-item{padding:var(--spacing-3)}.timer-display{min-width:auto;text-align:left}}