:root{--primary-color:#0056b3;--primary-hover:#004085;--accent-color:#3498db;--star-color:#ffc107;--background-color:#f8f9fa;--surface-color:#fff;--footer-bg-color:#212529;--footer-text-color:#ccc;--text-primary:#212529;--text-secondary:#555;--text-muted:#888;--border-color:#e9ecef;--shadow-light:0 2px 8px rgba(0,0,0,.06);--shadow-medium:0 4px 12px rgba(0,0,0,.08);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-size-xs:0.85rem;--font-size-sm:0.95rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-size-xxl:2.5rem}html{height:100%}body{background-color:var(--background-color);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;min-height:100%;display:flex;flex-direction:column}*{box-sizing:border-box}main{flex:1 0 auto}