:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{display:flex;flex-direction:row;justify-content:flex-end}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background-color:#fffbf0}@media (prefers-color-scheme: dark){body{background-color:#424242}}.corner-image{position:absolute;z-index:1000;width:75px;height:auto}.top-right{top:0;left:0;margin:10px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.menu{gap:20px}.button-menu button{margin-right:15px;margin-bottom:15px}.button-menu button:last-child{margin-right:0;margin-bottom:15px}.click-button{margin-bottom:15px}.top-button{background-color:#ded5be}.top-button:hover{background-color:#cac1aa}.top-button-selected{background-color:#b6ad96;border:2px black;border-radius:8px}@media (prefers-color-scheme: dark){.top-button{background-color:#645541}.top-button:hover{background-color:#786955}.top-button-selected{background-color:#3c2d19}}.personal-paragraph{max-width:90ch;margin:0 auto 30px;line-height:1.6}.intro-h2{margin-bottom:30px;margin-top:100px}.note-paragraph{max-width:75ch;margin:0 auto 30px;line-height:1.6}.my-link{margin-top:50px;text-decoration:underline;background:none;border:none}.my-link:hover{font-style:italic}.my-link:focus{outline:none;border:none}.my-link-small{margin-top:25px;background:none;border:none}.count-button{background-color:#5a79d7}.count-button:hover{background-color:#4665c3}label{display:block;margin-bottom:1rem}.redColor{color:red}.submitButton{padding:10px 20px;border:2px solid black;border-radius:8px;color:#fff;background-color:#6c757d;cursor:pointer;transition:all .3s}@keyframes colorCycle{0%{background-color:#ea00ff}50%{background-color:#03d5ff}to{background-color:#ea00ff}}.submitButton:hover{animation:colorCycle 2s linear infinite}@keyframes textCycle{0%{color:red}25%{color:#df13ac}50%{color:#00f}75%{color:#df13ac}to{color:red}}.funColors{animation:textCycle 4s linear infinite}@keyframes alertCycle{0%{color:red}25%{color:#fff}50%{color:red}to{color:red}}.alertColors{animation:alertCycle 2s linear infinite}.amortization-button{background-color:#84b287}.submitButton2,.submitButton3{padding:10px 20px;border:2px solid black;border-radius:8px;color:#fff;background-color:#6c757d;cursor:pointer;transition:all .3s}.myButton{background-color:#69996b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:10px 20px}.myButton:hover{background-color:#2d6930}.myButtonSelected{background-color:#2d6930;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:10px 20px}.link-container{display:flex;justify-content:center;gap:20px}.markdown-textarea{width:75ch;height:150px}.physics-button{background-color:#7fffd4}.description-paragraph{max-width:75ch;margin:0 auto;padding-bottom:50px}.section-name-roman{padding-top:25px}.weather-button{background-color:#d8bfd8;border:none}.weather-button:focus{outline:2px solid lightblue}.weather-input:focus{outline:auto;border:none}.light-grey-block{background-color:#d3d3d3;border:1px solid black}.light-green-block{background-color:#00c04b;border:1px solid black}.dark-green-block{background-color:#008631;border:1px solid black}.tooltip-container{position:relative;display:inline-block;cursor:pointer}.tooltip-text{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.help-p{max-width:70ch}.me-image{width:325px;height:auto}@keyframes nuggetsCycle{0%{color:#8b2332}25%{color:#0d2240}50%{color:#ffc627}75%{color:#0d2240}to{color:#8b2332}}.nuggets-class:hover{animation:nuggetsCycle 3s linear infinite}.trip-list{list-style:none;padding:0;margin:0}.trip-item{margin-bottom:30px}.trip-title{font-size:1.2em;font-weight:700;margin-bottom:10px}.image-gallery{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:10px}.vertical-image{display:block;margin-bottom:10px}.new-me-image{width:325px;height:auto}.mia-button{background-color:#cbc3e3}.blocks-button{background-color:#d2d2d2;padding-left:10px;padding-right:10px;margin-left:5px;margin-right:5px}.blocks-button:hover{background-color:silver}.sketch-container{display:flex;gap:20px;align-items:flex-start}.block-game-description{max-width:90ch}.block-game-list{list-style-position:outside;list-style-type:square;background-color:tan;width:25ch;margin:0 auto;padding-left:0}.kanban-box{width:360px;background-color:#8a7b7b;border-radius:20px;padding:20px;box-sizing:border-box;font-size:initial}.kanban-form{padding-top:50px}.kanban-form-input{margin-left:10px}.kanban-form-description{width:300px;height:50px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;max-width:400px;margin:2rem auto;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a}.login-form{display:flex;flex-direction:column;width:100%;gap:1.2rem}.login-form input{padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.login-form input:focus{outline:none;border-color:#3b82f6}.login-button{padding:12px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.login-button:hover{background-color:#2563eb}.controls-container{display:flex;flex-direction:column;align-items:center;margin-top:2rem;gap:10px;padding-bottom:10px}.loading-text{color:#666;font-size:.9rem;font-style:italic;margin:0}.new-user{margin-top:20px;text-decoration:underline;background:none;border:none}.new-user:hover{font-style:italic}.new-user:focus{outline:none;border:none}.table-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;margin-top:20px}.modern-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:14px}.modern-table thead{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.modern-table th{text-align:left;padding:12px 16px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.modern-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.modern-table tbody tr:nth-child(2n){background-color:#fdfdfd}.modern-table tbody tr:hover{background-color:#f1f5f9}.modern-table td{padding:16px;color:#334155;vertical-align:middle}.amount-cell{text-align:right;font-family:Courier New,Courier,monospace;font-weight:600}.expense-form{display:flex;flex-wrap:wrap;gap:20px;background:#fff;padding:24px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:30px;align-items:flex-end}.expense-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#475569;flex:1;min-width:150px}.expense-form input,.expense-form select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:15px;color:#1e293b;outline:none;transition:border-color .2s,box-shadow .2s}.expense-form input:focus,.expense-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.expense-form button{background-color:#0f172a;color:#fff;padding:10px 24px;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:background-color .2s;height:42px}.expense-form button:hover{background-color:#334155}.button-group{display:flex;flex-direction:column;gap:8px}.label-spacer{height:17px;visibility:hidden}.expense-form button{height:42px;align-self:flex-start}.corner-button{background:none;border:none}.corner-button:focus{outline:none;border:none}