html,body{margin:0;padding:0;min-width:320px;min-height:100vh}.fade-out{opacity:0}.TopBar{position:fixed;top:0;left:0;right:0}.delete-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px}.delete-btn svg{fill:#9ca3af;transition:fill .2s ease,transform .15s ease}.delete-btn:hover svg{fill:#ef4444;transform:scale(1.1)}.delete-btn:active svg{transform:scale(.95)}h1{margin-top:0;margin-bottom:0;margin-left:0;font-size:4.2em;line-height:1.1}h2{font-size:1.8em;line-height:1.1}a{font-weight:500;color:#5a5fb5;text-decoration:inherit}a:hover{color:#1924f1}button{border-radius:8px;border:1px solid transparent;text-align:center;font-size:1em;font-weight:500;font-family:inherit;color:#fff;background-color:#5a5fb5;cursor:pointer;transition:border-color .25s}button:hover{background-color:#2c33b0;border-color:#1924f1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}table{width:90%;border-collapse:collapse;table-layout:fixed}@media(prefers-color-scheme:light){:root{margin-top:0;margin-bottom:0;margin-left:0;color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.message-bar{position:fixed;top:65px;left:50%;transform:translate(-50%);padding:12px 300px;border-radius:6px;color:#fff;font-weight:500;z-index:9999;box-shadow:0 2px 8px #0003;opacity:.95;animation:fadeInDown .3s ease-out}.message-bar.success{background-color:#2ecc71}.message-bar.error{background-color:#e74c3c}.message-bar.info{background-color:#3498db}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:.95;transform:translate(-50%)}}