:root{--bg-color: #dcfce7;--bg-gradient-start: #dcfce7;--bg-gradient-end: #bbf7d0;--text-color: #334155;--primary-color: #22c55e;--primary-hover: #16a34a;--primary-glow: rgba(34, 197, 94, .4);--glass-bg: rgba(255, 255, 255, .95);--course-bg: #f0fdf4;--input-bg: #f8fafc;--input-border: #e2e8f0;--error-color: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}html,body{margin:0;padding:0;width:100%}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:-1}body:before{width:600px;height:600px;background:#fff3;top:-100px;left:-100px;animation:float 20s infinite ease-in-out}body:after{width:400px;height:400px;background:#22c55e1a;bottom:-50px;right:-50px;animation:float 15s infinite ease-in-out reverse}@keyframes float{0%{transform:translate(0)}5%{transform:translate(10px,10px)}to{transform:translate(0)}}a{color:var(--primary-color);text-decoration:none;transition:all .3s ease;font-weight:500}a:hover{color:var(--primary-hover)}.login-container{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:95%;max-width:420px;text-align:center;margin:auto;animation:slideUp .6s ease-out;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-color)}.login-subtitle{font-size:.95rem;color:#64748b;margin-bottom:2.5rem}.form-group{margin-bottom:1.5rem;position:relative;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#64748b;font-weight:500}.form-group input{width:100%;padding:.9rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;color:var(--text-color);font-size:1rem;outline:none;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow)}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 6px -1px #22c55e4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #22c55e66}.login-button:active{transform:translateY(0)}.register-link{display:block;margin-top:2rem;font-size:.9rem;color:#64748b}.register-link span{color:var(--primary-color);cursor:pointer;font-weight:600;margin-left:.3rem;transition:color .2s}.register-link span:hover{color:var(--primary-hover);text-decoration:underline}@media(max-width:480px){.login-container{padding:1.5rem}.login-title{font-size:1.5rem}}.dashboard-container{padding:2rem;max-width:1200px;margin:0 auto;width:100%}.dashboard-header{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(34,197,94,.2);position:relative}.dashboard-top-bar{display:flex;justify-content:flex-end;margin-bottom:1rem}.welcome-section{text-align:center;margin-bottom:2rem}.welcome-section h1{font-size:2rem;color:var(--text-color);margin-bottom:.5rem}.dashboard-actions{display:flex;flex-direction:row;gap:1rem;margin-bottom:2rem;width:100%;max-width:600px;margin-left:auto;margin-right:auto}.action-button{background:#fff;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:center;flex:1}.action-button.create{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#166534}.action-button.join{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:#1e40af}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.action-content{display:flex;flex-direction:row;align-items:center;gap:.5rem}.action-icon-large{font-size:1.2rem;line-height:1;font-weight:500}.action-label{font-weight:600;font-size:1rem}.groups-section h2{color:var(--text-color);margin-bottom:1rem;font-size:1.2rem;padding-left:.5rem;border-left:4px solid var(--primary-color)}.groups-list{display:flex;flex-direction:column;gap:1rem}.group-list-item{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:all .2s ease}.group-list-item:hover{background:#fff;transform:translate(4px);box-shadow:0 4px 6px #0000000d;border-color:var(--primary-color)}.group-item-info{display:flex;flex-direction:column;gap:.25rem}.group-item-name{font-weight:600;font-size:1.05rem;color:#334155}.group-code-pill{display:inline-flex;align-items:center;gap:.3rem;background:#f1f5f9;padding:.2rem .5rem;border-radius:6px;font-size:.8rem;color:#64748b;font-family:monospace;width:fit-content;cursor:copy}.group-code-pill:hover{background:#e2e8f0;color:#334155}.delete-group-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s}.delete-group-btn:hover{background:#fee2e2;color:#ef4444}.no-groups{text-align:center;color:#94a3b8;font-style:italic;padding:2rem}.dashboard-header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(34,197,94,.2);position:relative;flex-wrap:wrap;gap:1rem}.dashboard-header-main h1{font-size:clamp(1.5rem,4vw,1.8rem);color:var(--text-color);text-shadow:none;margin:0;text-align:left;flex:1;min-width:0;padding-right:1rem}@media(max-width:768px){.dashboard-container{padding:.5rem;width:100%}.dashboard-header-main{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header-main h1{text-align:center;width:100%;padding-right:0;margin-bottom:.5rem}.header-actions{width:100%;justify-content:center;margin-left:0}}.dashboard-header-main .header-actions{position:static;margin-left:auto;flex-shrink:0}.dashboard-header>div:first-child{position:absolute;left:0;display:flex;align-items:center}.header-actions{position:absolute;right:0}.dashboard-header h1{font-size:1.8rem;color:var(--text-color);text-shadow:none;margin:0;text-align:center}@media(max-width:768px){.dashboard-header{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;justify-content:stretch;padding-bottom:.5rem}.dashboard-header>div:first-child{position:static;width:auto}.header-actions{position:static;width:auto}.dashboard-header h1{position:static;transform:none;left:auto;width:100%;max-width:100%;font-size:1.3rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem}}.logout-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:8px;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:var(--primary-color);color:#fff}.groups-grid{display:grid;gap:2rem;min-width:100%;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:768px){.groups-grid{grid-template-columns:1fr;gap:1rem}.group-card{min-width:unset;width:100%}}.group-card{background:#f3f3f356;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:1rem;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,.8);transition:all .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:10px;position:relative;gap:1rem;min-width:100%}.delete-group-icon{position:absolute;top:12px;right:12px;background:#fff;box-shadow:0 2px 4px #0000001a;border:none;color:#ef4444;font-size:1.2rem;cursor:pointer;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:.8}@media(max-width:768px){.delete-group-icon,.delete-item-icon{width:32px;height:32px;font-size:1.5rem;opacity:1}}.delete-group-icon:hover{color:#fff;background:#ef4444;opacity:1;transform:scale(1.1)}.delete-item-icon{position:absolute;top:15px;right:15px;background:#fff;box-shadow:0 2px 4px #0000001a;border:none;color:#ef4444;font-size:1.2rem;cursor:pointer;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:.8}.delete-item-icon:hover{color:#fff;background:#ef4444;opacity:1;transform:scale(1.1)}.group-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a;border-color:var(--primary-color)}.group-card.action-card{justify-content:center;gap:.5rem}.group-card.create-new{background:#f3f3f356;border:2px dashed var(--primary-color);cursor:pointer}.group-card.create-new:hover{background:#52f9653d;border:2px dashed var(--primary-color);cursor:pointer}.group-card.join-group{background:#f3f3f33b;border:2px dashed #3b82f6;cursor:pointer}.group-card.join-group:hover{background:#3b83f622;border-color:#3b82f6}.group-card.join-group .create-text,.group-card.join-group .action-icon{color:#3b82f6}.action-icon{font-size:1.5rem;color:var(--primary-color);line-height:1;margin-bottom:0}.create-text{font-weight:600;color:var(--primary-color);font-size:1.1rem}.group-info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:100%;overflow:hidden}.group-name{font-size:1.1rem;font-weight:700;color:#334155;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-code-container{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#475569;background:#ffffff64;padding:.5rem .6rem;border-radius:12px;width:fit-content;border:none;font-family:monospace;font-weight:600;box-shadow:inset 0 2px 4px #0000000d;border:2px solid rgba(255,255,255,.397)}.group-code-label{font-weight:600;color:#8f9aa9}.copy-btn{background:#fff;border:1px solid #e2e8f0;cursor:pointer;font-size:.9rem;padding:8px;border-radius:8px;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}.copy-btn:hover{background:#f8fafc;color:#334155;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.toast-notification{position:fixed;top:2rem;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:500;z-index:2000;pointer-events:none;animation:fadeInOut 2s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;padding:2rem;border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color)}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-secondary{background:#f1f5f9;color:#64748b;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;flex:1}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;flex:1}.btn-danger{background:#ef4444;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s ease}.btn-danger:hover{background:#dc2626}.group-detail-content{padding:2rem;max-width:1200px;margin:0 auto;color:var(--text-color)}.create-list-section{background:#f3f3f356;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem;border-radius:20px;box-shadow:0 4px 20px #0000000d;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.8);transition:all .2s ease}.create-list-form,.add-item-form{display:flex;gap:.75rem;margin-top:0}.input-field{flex:1;min-width:0;padding:.6rem .8rem;background:#fff9;border:1px solid rgba(255,255,255,.5);border-radius:8px;font-size:.95rem;width:100%}.divider{border:0;border-top:1px solid rgba(255,255,255,.2);margin:2rem 0}.btn-icon-add{background:var(--primary-color);color:#fff;border:none;border-radius:8px;width:2.5rem;font-size:1.5rem;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background .2s ease}.btn-icon-add:hover{background:var(--primary-hover)}.lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem;padding-bottom:.5rem}.item-card.relative-item{position:relative;padding-right:2rem}.delete-item-btn{position:absolute;top:5px;right:5px;background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:1.2rem;line-height:1;padding:2px 5px;border-radius:4px;transition:all .2s ease}.hub-grid{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;padding:1rem 0}.hub-button{background:#fff;border:2px solid transparent;border-radius:12px;padding:1.5rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;justify-content:center;width:100%;color:var(--text-color)}.hub-button.primary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#166534}.hub-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.hub-button.primary:hover{background:linear-gradient(135deg,#dcfce7,#f0fdf4);box-shadow:0 10px 15px -3px #22c55e33;border-color:#86efac}.floating-actions-bar{position:fixed;bottom:2rem;right:2rem;display:flex;gap:1rem;z-index:9999;pointer-events:auto}.btn-floating-action{width:3.5rem;height:3.5rem;border-radius:50%;border:none;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-floating-action svg{width:24px;height:24px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.btn-floating-action:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 16px #0000004d}.btn-floating-action.btn-clear-action{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-floating-action.btn-categorize-action{background:linear-gradient(135deg,#3b82f6,#2563eb)}@media(max-width:768px){.floating-actions-bar{bottom:1.5rem;right:1.5rem}.btn-floating-action{width:3rem;height:3rem}}.delete-item-btn:hover{color:#ef4444;background:#ef44441a}.list-card{background:#f3f3f356;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;border-radius:20px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.8);position:relative;box-shadow:0 4px 20px #0000000d}.list-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #0000001a}.list-card.active{border-color:var(--primary-color);background-color:#f0fdf4}.items-list-vertical{display:flex;flex-direction:column;gap:0rem;margin-top:1rem;max-height:50vh;overflow-y:auto;padding-right:.5rem}.items-list-vertical::-webkit-scrollbar{width:6px}.items-list-vertical::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.items-list-vertical::-webkit-scrollbar-thumb{background:#22c55e4d;border-radius:3px}.items-list-vertical::-webkit-scrollbar-thumb:hover{background:#22c55e80}.item-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .6rem;background:#ffffff64;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 4px #0000000d;border:2px solid rgba(255,255,255,.397);transition:all .2s ease;height:auto;min-height:2.75rem;margin-bottom:.5rem;color:#334155;font-size:.95rem;font-weight:600}.item-row:hover{border-color:var(--primary-color);transform:translate(2px)}.item-card-content{flex:1;font-weight:500;font-size:1rem;color:#334155;background:none;border:none;padding:0}.delete-item-btn-side{background-color:transparent;color:#ef4444;border:none;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;margin-left:.5rem;padding:0;transition:background .2s ease}.delete-item-btn-side:hover{background-color:#ef44441a;color:#dc2626}.item-card-content{flex:1;font-size:.95rem;color:#475569;background:#ffffff64;padding:.5rem .6rem;border-radius:12px;width:fit-content;border:none;font-family:monospace;font-weight:600;box-shadow:inset 0 2px 4px #0000000d;border:2px solid rgba(255,255,255,.397)}.list-name{font-weight:700;font-size:1.1rem;color:#334155;margin-bottom:.5rem}.list-count{font-size:.9rem;color:#666}.items-container{margin-top:1rem;background:#f3f3f356;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem;border-radius:20px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,.8);transition:all .2s ease}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.item-card{background:#ffffff64;padding:.5rem .6rem;border-radius:12px;text-align:center;border:2px solid rgba(255,255,255,.397);font-weight:600;color:var(--text-color);box-shadow:0 2px 4px #0000000d;font-size:.95rem}.no-data{color:#fff;opacity:.8;font-style:italic}.checkbox-container{display:flex;align-items:center;justify-content:center;margin-right:12px}.item-checkbox{width:22px;height:22px;cursor:pointer;accent-color:var(--primary-color);border-radius:6px;transition:all .2s ease}.item-checkbox:hover{transform:scale(1.1)}.item-row.checked .item-card-content{text-decoration:line-through;color:#94a3b8;opacity:.8;background-color:#e2e8f066;border-color:transparent}.btn-back{background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--primary-color);border:1px solid rgba(255,255,255,.5);padding:0;width:2.5rem;height:2.5rem;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px #0000000d;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:0;font-size:.95rem;margin-right:.75rem}.btn-back:hover{background:var(--primary-color);color:#fff;transform:translate(-3px);box-shadow:0 6px 10px #0000001a}.header-actions{display:flex;align-items:center}.btn-categorize{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;width:2.5rem;height:2.5rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #3b82f680;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:1rem}.btn-categorize:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 15px -3px #3b82f699;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.btn-categorize:active{transform:translateY(0) scale(.95)}.btn-categorize svg{width:20px;height:20px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));transition:transform .5s ease}.btn-categorize:hover svg{transform:rotate(15deg) scale(1.1)}.dashboard-header h1{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:800;color:#334155;text-shadow:none;margin:0;text-align:center;background:none;-webkit-text-fill-color:initial;position:absolute;left:50%;transform:translate(-50%);width:auto;max-width:70%;white-space:normal;line-height:1.2;overflow:visible;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.btn-back{background:#e0f2f1!important;color:#16a34a!important;border:none;padding:0;width:2.8rem;height:2.8rem;border-radius:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-right:0}.btn-back:hover{background:#d1fae5!important;color:#15803d!important;transform:scale(1.05);box-shadow:0 4px 6px #0000001a}.btn-categorize{background:#3b82f6!important;color:#fff;border:none;width:2.8rem;height:2.8rem;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #3b82f680;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:0}.btn-categorize:hover{background:#2563eb!important;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px -2px #3b82f699}.btn-clear-purchased{background:#ef4444!important;color:#fff;border:none;width:2.8rem;height:2.8rem;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #ef444480;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:0}.btn-clear-purchased:hover{background:#dc2626!important;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px -2px #ef444499}.btn-clear-purchased svg{width:20px;height:20px}.language-selector{display:flex;gap:10px}.lang-btn{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.lang-btn:hover{background:#fff6;transform:scale(1.1)}.lang-btn.active{background:#fff9;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 10px #ffffff80}#root{width:100%;margin:0;padding:0;min-height:100vh}.app-container{min-height:100vh;display:flex;flex-direction:column;width:100%}.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}.toast-notification{position:fixed;top:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:500;z-index:2000;pointer-events:none;animation:fadeInOut 3s ease forwards;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 12px #00000026}.toast-info{background-color:#000c;color:#fff}.toast-success{background-color:#22c55ee6;color:#fff}.toast-error{background-color:#ef4444e6;color:#fff}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}