@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";:root{--dst-bg:#e8dcc4;--dst-bg-light:#f4ebd8;--dst-text:#2c221a;--dst-text-light:#4a3d31;--dst-accent:#8b3a33;--dst-border:#2c221a;--dst-font:"Kalam", cursive, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--dst-font);color:var(--dst-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2c221a;background-image:radial-gradient(circle,#3a2e24 0%,#1a140f 100%)}#root{max-width:100%;min-height:100vh;margin:0 auto}.app-container{background-color:var(--dst-bg-light);border-left:2px solid var(--dst-border);border-right:2px solid var(--dst-border);background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:20px 20px;max-width:600px;min-height:100vh;margin:0 auto;box-shadow:0 0 20px #00000080}.header{background-color:var(--dst-bg);color:var(--dst-text);text-align:center;border-bottom:3px solid var(--dst-border);border-radius:0 0 15px 255px/0 0 225px 15px;justify-content:center;align-items:center;margin-bottom:10px;padding:20px;display:flex;position:relative;box-shadow:0 4px 6px #0000001a}.header h1{letter-spacing:2px;text-shadow:1px 1px #ffffff80;margin:0;font-size:1.8rem;font-weight:700}.back-button{border:2px solid var(--dst-border);color:var(--dst-text);font-family:var(--dst-font);cursor:pointer;background:0 0;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:4px 12px;font-size:1.1rem;font-weight:700;transition:all .2s;position:absolute;left:16px}.back-button:hover{background-color:var(--dst-text);color:var(--dst-bg-light);transform:scale(1.05)rotate(-2deg)}.content{padding:20px}.dashboard-content{padding:24px}.tools-grid{flex-direction:column;gap:20px;display:flex}.tool-card{background-color:var(--dst-bg);cursor:pointer;border:2px solid var(--dst-border);border-radius:255px 15px 225px/15px 225px 15px 255px;align-items:center;padding:20px;transition:all .2s;display:flex;box-shadow:3px 3px #0000001a}.tool-card:hover{transform:translateY(-2px)rotate(1deg);box-shadow:5px 5px #00000026}.tool-card:active{background-color:var(--dst-bg-light);transform:scale(.98)rotate(-1deg)}.tool-icon{border:2px dashed var(--dst-border);background-color:#0000;border-radius:255px 15px 225px/15px 225px 15px 255px;justify-content:center;align-items:center;width:60px;height:60px;margin-right:20px;font-size:2.5rem;display:flex}.tool-info h2{color:var(--dst-text);letter-spacing:1px;margin:0 0 6px;font-size:1.4rem;font-weight:700}.tool-info p{color:var(--dst-text-light);margin:0;font-size:1rem}.footer{text-align:center;color:var(--dst-text-light);padding:30px 20px;font-size:.9rem}.footer p{margin:0 0 8px}.footer a{color:var(--dst-accent);font-weight:700;text-decoration:none}.footer a:hover{color:var(--dst-text);text-decoration:underline}.calculator-content{justify-content:center;padding:10px;display:flex}.calculator{background-color:var(--dst-bg);border:3px solid var(--dst-border);border-radius:255px 15px 225px/15px 225px 15px 255px;flex-direction:column;width:100%;max-width:400px;padding:15px;display:flex;overflow:hidden;box-shadow:4px 4px #00000026}.display-area{background-color:var(--dst-bg-light);text-align:right;border:2px solid var(--dst-border);border-radius:15px 255px 15px 225px/255px 15px 225px;flex-direction:column;justify-content:flex-end;min-height:120px;margin-bottom:15px;padding:20px;display:flex;box-shadow:inset 2px 2px 5px #0000000d}.equation{color:var(--dst-text-light);word-break:break-all;min-height:1.5rem;margin-bottom:8px;font-size:1.4rem}.current-value{color:var(--dst-text);word-break:break-all;font-size:3.5rem;font-weight:700;line-height:1}.keypad{background-color:#0000;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px;display:grid}.key{border:2px solid var(--dst-border);font-size:1.8rem;font-weight:700;font-family:var(--dst-font);cursor:pointer;aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:2px 2px 0 var(--dst-border);border-radius:255px 25px 225px/25px 225px 25px 255px;justify-content:center;align-items:center;transition:all .1s;display:flex}.key:active{box-shadow:0px 0px 0 var(--dst-border);transform:translate(2px,2px)}.number{background-color:var(--dst-bg-light);color:var(--dst-text)}.function{color:var(--dst-text);background-color:#d1c5ae}.operator{background-color:var(--dst-accent);color:var(--dst-bg-light);font-size:2.2rem}.zero{aspect-ratio:auto;border-radius:25px 255px 25px 225px/225px 25px 255px;grid-column:span 2}.exchange-content{padding:20px}.exchange-card{background:var(--dst-bg);border:2px solid var(--dst-border);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:24px;box-shadow:3px 3px #0000001a}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--dst-text);font-size:1.1rem;font-weight:700}.currency-selector{align-items:center;gap:12px;display:flex}.currency-selector select{border:2px solid var(--dst-border);background-color:var(--dst-bg-light);min-width:0;font-size:1.1rem;font-family:var(--dst-font);color:var(--dst-text);border-radius:255px 15px 225px/15px 225px 15px 255px;outline:none;flex:50%;padding:12px}.currency-selector input{border:2px solid var(--dst-border);background-color:var(--dst-bg-light);width:100%;min-width:0;font-size:1.2rem;font-family:var(--dst-font);color:var(--dst-text);text-align:right;border-radius:255px 15px 225px/15px 225px 15px 255px;outline:none;flex:50%;padding:12px}.currency-selector input:focus,.currency-selector select:focus{border-color:var(--dst-accent);box-shadow:2px 2px 0 var(--dst-accent)}.result-display{background-color:var(--dst-bg-light);border:2px dashed var(--dst-border);width:100%;min-width:0;color:var(--dst-accent);text-align:right;text-overflow:ellipsis;white-space:nowrap;border-radius:255px 15px 225px/15px 225px 15px 255px;flex:50%;padding:12px;font-size:1.4rem;font-weight:700;overflow:hidden}.swap-container{justify-content:center;margin:16px 0;display:flex}.swap-btn{background-color:var(--dst-bg-light);border:2px solid var(--dst-border);font-size:1.1rem;font-family:var(--dst-font);color:var(--dst-text);cursor:pointer;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:8px 16px;font-weight:700;transition:all .2s;box-shadow:2px 2px #0000001a}.swap-btn:hover{transform:translateY(-2px);box-shadow:4px 4px #0000001a}.swap-btn:active{background-color:var(--dst-text);color:var(--dst-bg-light);transform:translate(1px,1px);box-shadow:0 0 #0000}.error-message{color:var(--dst-accent);border:2px solid var(--dst-accent);text-align:center;background-color:#0000;border-radius:255px 15px 225px/15px 225px 15px 255px;margin-top:16px;padding:10px;font-size:1rem;font-weight:700}.info-message{color:#a86c14;text-align:center;background-color:#0000;border:2px dashed #a86c14;border-radius:255px 15px 225px/15px 225px 15px 255px;margin-top:16px;padding:10px;font-size:1rem;font-weight:700}.random-content{padding:20px}.random-card{background:var(--dst-bg);border:2px solid var(--dst-border);border-radius:255px 15px 225px/15px 225px 15px 255px;flex-direction:column;align-items:center;padding:30px 24px;display:flex;box-shadow:3px 3px #0000001a}.result-container{margin-bottom:40px}.result-circle{background-color:var(--dst-bg-light);border:3px dashed var(--dst-border);width:150px;height:150px;color:var(--dst-text-light);border-radius:255px 25px 225px/25px 225px 25px 255px;justify-content:center;align-items:center;font-size:3rem;font-weight:700;transition:all .3s;display:flex;box-shadow:inset 2px 2px 5px #0000000d}.result-circle.has-result{background-color:var(--dst-bg);border:4px solid var(--dst-accent);color:var(--dst-accent);box-shadow:0 0 10px #8b3a3333}.result-circle.animating{color:var(--dst-text);border-style:dotted;animation:.1s infinite alternate pulse}@keyframes pulse{0%{transform:scale(.95)rotate(-2deg)}to{transform:scale(1.05)rotate(2deg)}}.inputs-container{gap:16px;width:100%;margin-bottom:24px;display:flex}.inputs-container .input-group{flex-direction:column;flex:1;gap:8px;display:flex}.inputs-container label{color:var(--dst-text);font-size:1.1rem;font-weight:700}.inputs-container input{border:2px solid var(--dst-border);background-color:var(--dst-bg-light);width:100%;font-size:1.2rem;font-family:var(--dst-font);color:var(--dst-text);text-align:center;border-radius:255px 15px 225px/15px 225px 15px 255px;outline:none;padding:12px}.inputs-container input:focus{border-color:var(--dst-accent);box-shadow:2px 2px 0 var(--dst-accent)}.generate-btn{background-color:var(--dst-accent);width:100%;color:var(--dst-bg-light);border:2px solid var(--dst-border);font-size:1.4rem;font-family:var(--dst-font);cursor:pointer;box-shadow:3px 3px 0 var(--dst-border);border-radius:255px 15px 225px/15px 225px 15px 255px;margin-top:8px;padding:16px;font-weight:700;transition:all .2s}.generate-btn:hover{box-shadow:5px 5px 0 var(--dst-border);transform:translateY(-2px)}.generate-btn:active{transform:translate(2px,2px);box-shadow:0 0 #0000}.generate-btn:disabled{color:var(--dst-text-light);cursor:not-allowed;box-shadow:none;background-color:#d1c5ae;transform:none}.error-message{width:100%;color:var(--dst-accent);border:2px solid var(--dst-accent);text-align:center;background-color:#0000;border-radius:255px 15px 225px/15px 225px 15px 255px;margin-bottom:16px;padding:10px;font-size:1rem;font-weight:700}