@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap");:root{--bg-color:#fdfaf6;--sketch-border:rgba(60,60,70,.4);--accent-color:#7289da;--text-primary:#2c2e3e;--text-secondary:#5a5c6d;--transition-speed:0.3s;--sketch-radius-1:255px 15px 225px 15px/15px 225px 15px 255px;--sketch-radius-2:15px 225px 15px 255px/255px 15px 225px 15px}*{box-sizing:border-box;padding:0;margin:0;max-width:100vw}html{background-color:var(--bg-color)}body,html{width:100%;overflow-x:hidden!important}body{font-family:Kalam,cursive;color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M 0 40 Q 20 38 40 40 T 80 40' fill='none' stroke='rgba(100,120,150,0.15)' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='10 5'/%3E%3Cpath d='M 40 0 Q 38 20 40 40 T 40 80' fill='none' stroke='rgba(100,120,150,0.15)' stroke-width='1.5' stroke-linecap='round' stroke-dasharray='15 8'/%3E%3C/svg%3E");opacity:.8}.glass-panel{background:hsla(0,0%,100%,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--sketch-border);border-radius:var(--sketch-radius-1);box-shadow:4px 4px 0 rgba(60,60,70,.1);transition:border-radius .4s ease}.glass-panel:hover{border-radius:var(--sketch-radius-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(60,60,70,.2);border-radius:var(--sketch-radius-1);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:rgba(60,60,70,.4);border-radius:var(--sketch-radius-2)}@keyframes rotateBg{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--glass-shadow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}button{cursor:pointer;border:none;font-family:inherit;transition:all var(--transition-speed) ease}button:disabled{opacity:.5;cursor:not-allowed}