*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background-color:#fff;padding:20px;font-family:serif;line-height:1.6}a{color:#00f;text-decoration:underline}a:visited{color:#551a8b}button{cursor:pointer;background-color:#ddd;border:2px outset #ddd;padding:4px 8px;font-family:serif}button:active{border-style:inset}input,textarea,select{border:2px inset #ddd;padding:4px;font-family:serif}h1,h2,h3,h4,h5,h6{margin:10px 0;font-weight:700}hr{border:1px inset #ddd;margin:10px 0}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;cursor:pointer;background-color:#fff;border:2px solid #000;align-items:flex-start;gap:10px;min-width:300px;max-width:500px;padding:12px 16px;font-family:monospace;font-size:14px;animation:.3s ease-out slideIn;display:flex;box-shadow:4px 4px #000}.toast-success{background-color:#f0fff0}.toast-error{background-color:#fff0f0}.toast-info{background-color:#f0f8ff}.toast-type{white-space:nowrap;font-weight:700}.toast-message{word-break:break-word;flex:1}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.toast-container{bottom:10px;left:10px;right:10px}.toast{width:100%;min-width:0}}.floating-nav{z-index:10000;flex-direction:column;align-items:flex-end;gap:10px;transition:bottom .3s;display:flex;position:fixed;bottom:30px;right:30px}.nav-main-btn{cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;transition:all .3s;display:flex}.nav-main-btn:hover{background:#000;transform:scale(1.1)}.nav-icon{width:28px;height:28px;transition:-webkit-filter .3s,filter .3s}.nav-main-btn:hover .nav-icon{-webkit-filter:invert();filter:invert()}.nav-options{opacity:0;pointer-events:none;flex-direction:column;gap:10px;transition:all .3s;display:flex;transform:translateY(20px)}.floating-nav.open .nav-options{opacity:1;pointer-events:all;transform:translateY(0)}.nav-option{color:#000;text-align:center;background:#fff;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-option:hover{color:#fff;background:#000;transform:scale(1.05)}@media (max-width:768px){.floating-nav{bottom:20px;right:20px}.nav-main-btn{width:55px;height:55px}.nav-icon{width:24px;height:24px}.nav-option{width:55px;height:55px;font-size:10px}}