@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.hover\:scale-102:hover{transform:scale(1.02)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slideDown{animation:slideDown .5s ease-out}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.animate-shimmer{animation:shimmer 2s infinite}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation-fill-mode:both}.fade-in{animation-name:fadeIn}.slide-in-from-bottom-2{animation-name:slideInFromBottom}.duration-300{animation-duration:.3s}}@layer components{.tab-button-3d{@apply transition-all duration-300 transform;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014,inset 0 -2px 4px #0000001a}.tab-button-3d:hover{@apply scale-105;box-shadow:0 6px 12px #00000026,0 2px 4px #0000001f,inset 0 -2px 6px #0000001a}.tab-button-3d:active{@apply scale-95;box-shadow:0 2px 4px #0000001a,inset 0 2px 4px #0000001a}.tab-button-active-3d{box-shadow:0 8px 16px #0003,0 3px 6px #00000026,inset 0 -3px #ffffff4d}}@layer components{.chrome-button{@apply transition-all duration-500 transform;background-size:200% 200%;box-shadow:0 10px 30px #00000040,0 4px 12px #00000026,inset 0 2px 4px #ffffff4d,inset 0 -2px 8px #0003}.chrome-button:hover{@apply scale-105;box-shadow:0 15px 40px #0000004d,0 8px 20px #0003,inset 0 2px 6px #fff6,inset 0 -2px 10px #00000040;background-position:100% 100%}.chrome-button:active{@apply scale-95;box-shadow:0 5px 15px #0003,inset 0 2px 8px #0000004d}.chrome-button-active{box-shadow:0 20px 50px #00000059,0 10px 25px #00000040,inset 0 3px 8px #ffffff80,inset 0 -3px 12px #0000004d}.chrome-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.chrome-button:hover .chrome-shine{left:100%}.chrome-report-button{@apply transition-all duration-500 transform;box-shadow:0 15px 35px #0000004d,0 8px 20px #0003,0 3px 8px #00000026,inset 0 2px 4px #fff6,inset 0 -2px 6px #0003;background-size:110% 110%;background-position:center}.chrome-report-button:hover{box-shadow:0 20px 45px #00000059,0 12px 28px #00000040,0 5px 15px #0003,inset 0 3px 6px #ffffff80,inset 0 -3px 8px #00000040;background-size:120% 120%}.chrome-report-button:active{@apply scale-95;box-shadow:0 8px 20px #00000040,0 3px 10px #00000026,inset 0 2px 8px #0000004d}.chrome-report-button:disabled{@apply cursor-not-allowed;filter:grayscale(40%)}.chrome-report-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);transition:left .8s cubic-bezier(.4,0,.2,1)}.chrome-report-button:hover .chrome-report-shine{left:100%}}:root{--background: hsl(210, 40%, 96%);--foreground: hsl(210, 15%, 22%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(210, 15%, 22%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(210, 15%, 22%);--primary: hsl(239, 84%, 67%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(210, 40%, 94%);--secondary-foreground: hsl(210, 15%, 22%);--muted: hsl(210, 40%, 92%);--muted-foreground: hsl(210, 10%, 45%);--accent: hsl(262, 83%, 58%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(0, 0%, 100%);--border: hsl(210, 40%, 88%);--input: hsl(210, 40%, 88%);--ring: hsl(239, 84%, 67%);--chart-1: hsl(239, 84%, 67%);--chart-2: hsl(262, 83%, 58%);--chart-3: hsl(210, 40%, 56%);--chart-4: hsl(0, 84%, 60%);--chart-5: hsl(142, 71%, 45%);--sidebar: hsl(0, 0%, 100%);--sidebar-foreground: hsl(210, 15%, 22%);--sidebar-primary: hsl(239, 84%, 67%);--sidebar-primary-foreground: hsl(0, 0%, 100%);--sidebar-accent: hsl(210, 40%, 94%);--sidebar-accent-foreground: hsl(210, 15%, 22%);--sidebar-border: hsl(210, 40%, 88%);--sidebar-ring: hsl(239, 84%, 67%);--font-sans: "Inter", sans-serif;--font-serif: Georgia, serif;--font-mono: "Fira Code", monospace;--radius: .75rem;--shadow-2xs: 0px 1px 2px 0px hsl(239, 84%, 67%, .05);--shadow-xs: 0px 1px 3px 0px hsl(239, 84%, 67%, .1), 0px 1px 2px 0px hsl(239, 84%, 67%, .06);--shadow-sm: 0px 1px 3px 0px hsl(239, 84%, 67%, .1), 0px 1px 2px 0px hsl(239, 84%, 67%, .06);--shadow: 0px 1px 3px 0px hsl(239, 84%, 67%, .1), 0px 1px 2px 0px hsl(239, 84%, 67%, .06);--shadow-md: 0px 4px 6px -1px hsl(239, 84%, 67%, .1), 0px 2px 4px -1px hsl(239, 84%, 67%, .06);--shadow-lg: 0px 10px 15px -3px hsl(239, 84%, 67%, .1), 0px 4px 6px -2px hsl(239, 84%, 67%, .05);--shadow-xl: 0px 20px 25px -5px hsl(239, 84%, 67%, .1), 0px 10px 10px -5px hsl(239, 84%, 67%, .04);--shadow-2xl: 0px 25px 50px -12px hsl(239, 84%, 67%, .25);--tracking-normal: 0em;--spacing: .25rem}.dark{--background: hsl(0, 0%, 0%);--foreground: hsl(210, 40%, 98%);--card: hsl(210, 15%, 7%);--card-foreground: hsl(210, 40%, 98%);--popover: hsl(210, 15%, 7%);--popover-foreground: hsl(210, 40%, 98%);--primary: hsl(239, 84%, 67%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(210, 15%, 15%);--secondary-foreground: hsl(210, 40%, 98%);--muted: hsl(210, 15%, 12%);--muted-foreground: hsl(210, 10%, 55%);--accent: hsl(262, 83%, 58%);--accent-foreground: hsl(0, 0%, 100%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(0, 0%, 100%);--border: hsl(210, 15%, 18%);--input: hsl(210, 15%, 18%);--ring: hsl(239, 84%, 67%);--sidebar: hsl(210, 15%, 7%);--sidebar-foreground: hsl(210, 40%, 98%);--sidebar-primary: hsl(239, 84%, 67%);--sidebar-primary-foreground: hsl(0, 0%, 100%);--sidebar-accent: hsl(210, 15%, 15%);--sidebar-accent-foreground: hsl(210, 40%, 98%);--sidebar-border: hsl(210, 15%, 18%);--sidebar-ring: hsl(239, 84%, 67%)}.dark .chrome-button-inactive{box-shadow:0 10px 30px #00000080,0 4px 12px #0000004d,inset 0 2px 4px #ffffff1a,inset 0 -2px 8px #0000004d}.dark .chrome-report-button{box-shadow:0 15px 35px #00000080,0 8px 20px #00000059,0 3px 8px #00000040,inset 0 2px 4px #fff3,inset 0 -2px 6px #0000004d}@layer base{*{@apply border-border;}body{@apply font-sans antialiased bg-background text-foreground;font-family:var(--font-sans)}}.glass-card{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsl(var(--border));box-shadow:0 4px 12px #0000000d}.dark .glass-card{background:#101014e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsl(var(--border));box-shadow:0 4px 12px #0000004d}.gradient-header{background:linear-gradient(45deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-step{transition:all .3s ease;opacity:.5}.progress-step.active,.progress-step.completed{opacity:1}.topic-title{@apply text-lg font-semibold text-foreground mb-3 flex items-center;}.roman-numeral{@apply text-primary mr-2 font-bold;}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.elegant-prose-container{max-width:none;font-family:var(--font-serif)}.elegant-content-display{color:hsl(var(--foreground));line-height:1.8;letter-spacing:.3px;font-size:1.05rem}.elegant-section{margin:2rem 0;position:relative}.elegant-section:before{content:"";position:absolute;left:-1rem;top:0;width:3px;height:100%;background:linear-gradient(180deg,hsl(var(--primary)) 0%,hsl(var(--accent)) 50%,transparent 100%);border-radius:2px;opacity:.6}.elegant-title{display:flex;align-items:center;margin-bottom:1.25rem;position:relative;background:linear-gradient(135deg,hsl(var(--card)),hsl(var(--secondary)));border-radius:.75rem;padding:.75rem 0 .75rem 1.5rem;box-shadow:0 2px 8px #00000014,inset 0 1px #fff3;border:1px solid hsl(var(--border))}.elegant-title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));border-radius:.75rem 0 0 .75rem;box-shadow:2px 0 6px #00000026}.roman-numeral{font-family:var(--font-serif);font-weight:700;font-size:1.25rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;min-width:2.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;height:2.5rem;border-radius:50%;background-color:hsl(var(--primary) / .1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid hsl(var(--primary) / .2);transform:translateZ(0)}.roman-numeral:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,hsl(var(--primary) / .3),hsl(var(--accent) / .3));border-radius:50%;z-index:-1;filter:blur(4px)}.title-text{font-family:var(--font-sans);font-weight:600;font-size:1.1rem;color:hsl(var(--foreground));letter-spacing:.5px;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.05)}.elegant-content{position:relative;background:linear-gradient(135deg,hsl(var(--card)),hsl(var(--background)));border-radius:.75rem;padding:1.5rem;border:1px solid hsl(var(--border) / .5);box-shadow:0 4px 12px #0000000d,inset 0 1px #ffffff1a}.elegant-paragraph{text-align:justify;text-justify:inter-word;margin-bottom:1.25rem;line-height:1.8;font-size:1.05rem;color:hsl(var(--muted-foreground));letter-spacing:.2px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-hyphens:auto;hyphens:auto;word-spacing:.1em}.elegant-paragraph:last-child{margin-bottom:0}.elegant-emphasis{font-weight:600;color:hsl(var(--foreground));background:linear-gradient(135deg,hsl(var(--primary) / .1),hsl(var(--accent) / .1));padding:.125rem .375rem;border-radius:.25rem;border-left:3px solid hsl(var(--primary));box-shadow:0 1px 3px #0000000d;text-shadow:0 .5px 1px rgba(0,0,0,.05)}.elegant-content-card{background:linear-gradient(135deg,hsl(var(--card)),hsl(var(--background)));border:1px solid hsl(var(--border) / .3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateZ(0)}.shadow-elegant{box-shadow:0 8px 32px #00000014,0 2px 16px #0000000a,inset 0 1px #ffffff1a,inset 0 -1px #0000000d}.dark .elegant-title{background:linear-gradient(135deg,hsl(var(--card)),hsl(var(--secondary)));border-color:hsl(var(--border));box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.dark .elegant-content{background:linear-gradient(135deg,hsl(var(--card)),hsl(var(--background)));border-color:hsl(var(--border) / .3);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff0d}.dark .elegant-emphasis{background:linear-gradient(135deg,hsl(var(--primary) / .15),hsl(var(--accent) / .15));color:hsl(var(--foreground));box-shadow:0 1px 3px #0003}.dark .shadow-elegant{box-shadow:0 8px 32px #00000040,0 2px 16px #00000026,inset 0 1px #ffffff08,inset 0 -1px #0000001a}@media (max-width: 768px){.elegant-content-display{font-size:.95rem;line-height:1.7;letter-spacing:.2px}.elegant-section{margin:1.25rem 0}.elegant-section:before{display:none}.elegant-title{margin-bottom:1rem;padding:.5rem 0 .5rem 1rem;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.roman-numeral{font-size:1rem;min-width:2rem;height:2rem;margin-right:.75rem;margin-bottom:0}.title-text{font-size:1rem;letter-spacing:.3px}.elegant-content{padding:.75rem;border-radius:.5rem;margin-left:-.25rem;margin-right:-.25rem}.elegant-paragraph{font-size:.95rem;line-height:1.75;margin-bottom:1rem;text-align:justify;text-justify:inter-word;word-spacing:.05em;letter-spacing:.02em;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto}.elegant-emphasis{padding:.125rem .25rem;border-radius:.2rem;display:inline-block;margin:.1rem 0}}@media (max-width: 480px){.elegant-content-display{font-size:.925rem;line-height:1.7}.elegant-prose-container{padding:0}.elegant-title{padding-left:.75rem;align-items:center;flex-direction:row}.roman-numeral{font-size:.9rem;min-width:1.75rem;height:1.75rem;margin-right:.5rem}.title-text{font-size:.95rem;line-height:1.3}.elegant-content{padding:.5rem;margin-left:-.5rem;margin-right:-.5rem}.elegant-paragraph{font-size:.925rem;line-height:1.7;margin-bottom:.875rem;text-align:justify;text-justify:inter-word;word-break:break-word;overflow-wrap:break-word}.elegant-section{margin:1.25rem 0}}.touch-manipulation{touch-action:manipulation}.chrome-report-button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.chrome-report-button:hover{border-color:#fff3}.chrome-report-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.chrome-report-button:hover:before{left:100%}.chrome-report-shine{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.dark .chrome-report-button{border-color:#ffffff0d}.dark .chrome-report-button:hover{border-color:#ffffff26}.dark .chrome-report-shine{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%,rgba(255,255,255,.02) 100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slideDown{animation:slideDown .4s ease-out forwards}