:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--text-main: #2d3748;--text-light: #718096;--bg-color: #f7fafc;--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:20px 20px;color:var(--text-main);-webkit-font-smoothing:antialiased}#app{min-height:100vh}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:1rem}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:1rem;padding:2rem;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:fadeIn .3s ease-out}.highlight-area{color:#805ad5;font-weight:700;background:#f3e8ff;padding:.2rem .5rem;border-radius:.25rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}