@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{background-color:#262121}.todolist{font-family:Arial,sans-serif;margin:20px auto;padding:20px;max-width:850px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px #0000001a}.toka{font-family:Arial,sans-serif;margin:20px 30px 20px auto;padding:20px;width:850px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex:1}.toka1{font-family:Arial,sans-serif;margin:20px 30px 20px auto;padding:20px;width:500px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px #0000001a}.tasks{text-align:center;color:#343a40}.input-container{display:flex;gap:10px;margin:20px 0}.inputfield{flex:1;padding:10px;border:1px solid #ced4da;border-radius:5px;font-size:16px;margin-top:8px;height:30px}select.inputfield{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:50px;background-color:#fff;cursor:pointer}.inputfield.read-only{background-color:#e9ecef;cursor:not-allowed}.task-list{list-style-type:none;padding:0}.task-list li{margin:10px 0}button{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#0056b3}@media (max-width: 600px){.input-container{flex-direction:column}}.inputfield1{height:45px;border-radius:5px;border:1px solid #ced4da;padding:10px 13px;min-width:176px;margin-left:5px;margin-right:5px;font-size:16px;height:30px}.inputfield2{height:45px;border-radius:5px;border:1px solid #ced4da;padding:10px 13px;min-width:176px;margin:10px 5px;font-size:16px;height:30px}.card{border-radius:10px;text-align:center;max-width:96%;display:flex;margin-bottom:20px;margin-left:-20px}.profileimg{max-width:60px;max-height:60px;padding-top:20px;border-radius:20%}.card .profileimg{max-width:60px;max-height:60px;border-radius:20%;padding:4px}.profiletitle{font-size:1.5em;font-weight:700;margin-left:20px;margin-right:20px;margin-top:10px;font-family:Arial,sans-serif}.card .profiletitle{font-size:1.5em;font-weight:700;margin-left:20px;margin-right:20px;font-family:Arial,sans-serif}.profileinfo{font-size:1em;font-family:Arial,sans-serif;width:130px;opacity:80%;margin-top:-10px}.card .profiletitle1{font-size:1em;font-weight:700;font-family:Arial,sans-serif}.profileinfo1{font-size:.8em;margin:-10px 20px -10px 15px;font-family:Arial,sans-serif;opacity:80%}.profileinfo2{font-size:.8em;margin-left:15px;margin-right:20px;font-family:Arial,sans-serif;opacity:80%}.card2{background-color:#e5fff2;border:1px solid #bababa;border-radius:10px;box-shadow:5px 5px 5px #ffffff4d;text-align:center;min-width:300px;display:inline-block;margin:15px;padding-bottom:10px}.card21{background-color:#e5fff2;border:1px solid #bababa;border-radius:10px;box-shadow:5px 5px 5px #ffffff4d;text-align:center;width:90%;display:inline-block;margin:15px;padding-bottom:10px}.outercard{display:flex;flex-direction:column;align-items:center}.card2,.card21{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;margin-left:-3px;transition:all .3s ease}.card2:hover,.card21:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.profileimg{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:16px}.card-content{display:flex;flex-direction:column;gap:12px}.profiletitle{font-size:1.5rem;color:#2d3748;margin:0}.profileinfo2{font-size:1rem;color:#4a5568;margin:0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.info-item{background:#f7fafc;padding:8px;border-radius:6px;font-size:.9rem}.info-item span{font-weight:600;color:#2d3748}.card21{padding:16px}.card21 .profileimg{height:150px}.card21 .profiletitle{font-size:1.3rem}.card21 .profileinfo2{font-size:.9rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:#2d3748}input,select,button{transition:all .2s ease}input:hover,select:hover,button:hover{box-shadow:0 2px 4px #0000001a}button:active{transform:scale(.98)}.card,.card2,.card3{transition:all .2s ease}.card:hover,.card2:hover,.card3:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)!important}.hover-lift:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #00000014!important}.hover-lift-sm{transition:transform .3s ease,box-shadow .3s ease!important}.hover-lift-sm:hover{transform:translateY(-4px)!important;box-shadow:0 10px 20px #0000000d!important}.resys-root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:2rem;padding-top:calc(2rem + 20px);margin:-40px auto 0;min-height:100vh;position:relative}.resys-root:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.06) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.04) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.03) 0%,transparent 50%);pointer-events:none;z-index:0;animation:resysGlow 20s ease-in-out infinite alternate}.resys-root>*{position:relative;z-index:1}.resys-scrollbar::-webkit-scrollbar{width:5px;height:5px}.resys-scrollbar::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.resys-scrollbar::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.resys-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f180}.resys-scrollbar::-webkit-scrollbar-corner{background:transparent}@keyframes resysFadeIn{0%{opacity:0}to{opacity:1}}@keyframes resysSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes resysGlow{0%{transform:rotate(0)}to{transform:rotate(3deg)}}@keyframes resysPulse{0%,to{opacity:1}50%{opacity:.6}}.resys-root button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.resys-root button:hover{box-shadow:none}.resys-root input,.resys-root select,.resys-root textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.resys-root input:focus,.resys-root select:focus,.resys-root textarea:focus{border-color:#6366f180!important;box-shadow:0 0 0 3px #6366f11a!important}.resys-root select option{background:#1e1b4b;color:#e2e8f0}.resys-root.resys-light:before{background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.04) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.03) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.02) 0%,transparent 50%)}.resys-root.resys-light select option{background:#fff;color:#1e293b}.resys-root.resys-light .resys-scrollbar::-webkit-scrollbar-track{background:#6366f10a}.resys-root.resys-light .resys-scrollbar::-webkit-scrollbar-thumb{background:#6366f133}.resys-root.resys-light .resys-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f159}.resys-root.resys-light input:focus,.resys-root.resys-light select:focus,.resys-root.resys-light textarea:focus{border-color:#6366f166!important;box-shadow:0 0 0 3px #6366f114!important}@media (max-width: 1024px){.resys-root{padding:1rem}}@media (max-width: 768px){.resys-root{padding:.75rem}}.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)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.streak-effect{animation:pulse 1.5s infinite}.xp-badge{position:absolute;top:-10px;right:-10px;background-color:#f59e0b;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:.6rem;font-weight:700}@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}