*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}a{color:inherit}.header{justify-content:space-between;padding:10px 20px;background:#333;color:white;position:fixed;width:100%;top:0;left:0;box-shadow:0 2px 5px rgba(0,0,0,.2);box-sizing:border-box;z-index:10}.header,.site-name{display:flex;flex-wrap:wrap;align-items:center}.site-name{font-size:1.5rem;font-weight:700;row-gap:8px}.search-bar{margin-left:20px;flex:1 1 auto;min-width:120px}.search-bar input{padding:5px;width:100%;max-width:320px;box-sizing:border-box;border:none;border-radius:5px;background:#555;color:white;text-align:center}@media (min-width:1024px){.search-bar input{max-width:420px}}.search-bar input:disabled{opacity:.5}.user-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;max-width:100%;overflow:visible}.nav-btn{background:#444;color:white;text-decoration:none;padding:8px 12px;border-radius:5px;transition:.2s;border:none;cursor:pointer;font-size:1rem}.nav-btn:hover{background:#666}.disabled{opacity:.5;cursor:not-allowed}.user-actions a,.user-actions button{white-space:nowrap;padding:8px 15px;max-width:-moz-fit-content;max-width:fit-content}@media (max-width:600px){.user-actions{flex-wrap:wrap;justify-content:center}.nav-btn{padding:8px 10px;font-size:.9rem}}@media (max-width:768px){.header{flex-direction:column;align-items:center}.site-name{width:100%;justify-content:center}.search-bar{margin-left:0;width:100%}.search-bar input{max-width:100%}.user-actions{justify-content:center;width:100%}}#content{margin-top:60px;padding:40px;transition:padding-bottom .3s ease-in-out;flex:1 1}@media (max-width:600px){#content{padding:16px}}.footer{display:none;bottom:0;width:100%;background:#333;text-align:center;padding:10px;transition:transform .3s ease-in-out;box-sizing:border-box}.footer,.footer-toggle{position:fixed;color:white}.footer-toggle{bottom:10px;right:10px;background:#444;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;transition:.2s;z-index:11}.footer-toggle:hover{background:#666}.footer-content{display:block;padding:10px}.footer.hidden{transform:translateY(100%)}.footer.hidden .footer-content{display:none}.site-name img{display:block}.deck-container{display:flex;gap:20px;flex-wrap:wrap}.deck-input,.deck-output{flex:1 1;min-width:0;padding:15px;border:1px solid #ccc;border-radius:8px}.deck-input textarea{width:100%;box-sizing:border-box}.chart-container{position:relative;width:100%;height:260px}@media (min-width:600px){.chart-container{height:400px}}@media (min-width:768px){.deck-container{flex-wrap:nowrap}.deck-input,.deck-output{width:50%}}@media (max-width:767px){.deck-container{flex-direction:column}.deck-input,.deck-output{width:100%}}body.light-mode,body.light-mode textarea{background-color:#f0f0f0;color:#000}body.dark-mode{background-color:#222;color:#fff}body.dark-mode button,body.dark-mode textarea{background-color:#333;color:#fff}body.three-d-mode,body.three-d-mode div.footer{text-shadow:-3px 2px 2px rgba(255,0,255,.5),3px -2px 2px rgba(0,255,255,.8);color:transparent}