:root{color-scheme:light;--brand:#4450c7;--brand-600:#3b46b5;--brand-700:#333da3;--surface:#ffffff;--muted:#6b7280;--text:#1f2937;--ring:rgba(68,80,199,.35);--radius:16px;--shadow-sm:0 4px 10px rgba(0,0,0,.10);--shadow-md:0 10px 24px rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){:root{color-scheme:light;--surface:#ffffff;--text:#1f2937;--muted:#6b7280;--shadow-sm:0 4px 10px rgba(0,0,0,.10);--shadow-md:0 10px 24px rgba(0,0,0,.12)}}html,body{background:#fff;color:var(--text);-webkit-text-size-adjust:100%;text-size-adjust:100%}#grid-background{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 1px 1px,rgba(0,0,0,.06) 1px,transparent 0) 0 0/20px 20px,linear-gradient(135deg,#e3f2fd,#c8e6c9);opacity:.45;pointer-events:none}.algo-menu-container{background:rgba(255,255,255,.88);backdrop-filter:saturate(115%) blur(2px);-webkit-backdrop-filter:saturate(115%) blur(2px);padding:18px;border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05)}.algo-title{font-size:1.35rem;font-weight:800;color:var(--brand);text-align:center;margin:0 0 16px;line-height:1.7;text-shadow:none;position:relative}.algo-title::after{content:"";display:block;width:88px;height:3px;margin:.5rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-700))}.algo-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;padding:16px;text-align:center;min-height:180px;border:1px solid rgba(0,0,0,.05)}.algo-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px rgba(0,0,0,.16)}.algo-description{margin-top:10px;font-size:.95rem;color:var(--muted);line-height:1.75}.algo-btn{display:block;text-decoration:none;border-radius:12px;background:var(--brand);color:#fff;padding:12px 16px;font-size:1.02rem;font-weight:800;letter-spacing:.2px;outline:none;border:2px solid transparent;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease}.algo-btn:hover{background:var(--brand-600);transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.16)}.algo-btn:active{background:var(--brand-700);transform:translateY(0);box-shadow:var(--shadow-sm)}.algo-btn:focus-visible{border-color:var(--ring);box-shadow:0 0 0 4px var(--ring)}@media (min-width:576px){.algo-title{font-size:1.6rem}}@media (min-width:768px){.algo-title{font-size:1.75rem}.algo-card{padding:18px}}@media (min-width:992px){.algo-title{font-size:1.9rem}.algo-card{min-height:200px}}