:root{--bg-main: #1C1C23;--bg-card: #272730;--bg-card-hover: #32323C;--primary: #CEEF88;--primary-glow: rgba(206, 239, 136, .4);--secondary: #F4C7C9;--text-main: #FFFFFF;--text-muted: rgba(255, 255, 255, .85);--text-inverse: #16161B;--hp-color: #FF453A;--hp-bg: rgba(255, 69, 58, .2);--xp-color: var(--primary);--xp-bg: var(--primary-glow);--credits-color: #FF9F0A;--nav-height: 83px;--header-height: 60px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-neon: 0 0 15px var(--primary-glow);--glass-bg: rgba(22, 22, 27, .7);--glass-border: rgba(255, 255, 255, .05);--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom)}:root[data-theme=light]{--bg-main: #F2F2F7;--bg-card: #FFFFFF;--bg-card-hover: #E5E5EA;--primary: #34C759;--primary-glow: rgba(52, 199, 89, .2);--secondary: #FF2D55;--text-main: #1C1C1E;--text-muted: rgba(60, 60, 67, .7);--text-inverse: #FFFFFF;--hp-color: #FF3B30;--hp-bg: rgba(255, 59, 48, .1);--xp-color: var(--primary);--xp-bg: var(--primary-glow);--credits-color: #FF9500;--border-color: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .15);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05)}@media(prefers-color-scheme:dark){:root{--bg-main: #1C1C23;--bg-card: #272730;--bg-card-hover: #32323C;--primary: #CEEF88;--primary-glow: rgba(206, 239, 136, .4);--secondary: #F4C7C9;--text-main: #FFFFFF;--text-muted: rgba(255, 255, 255, .85);--text-inverse: #16161B;--hp-color: #FF453A;--hp-bg: rgba(255, 69, 58, .2);--xp-color: var(--primary);--xp-bg: var(--primary-glow);--credits-color: #FF9F0A;--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--glass-bg: rgba(22, 22, 27, .7);--glass-border: rgba(255, 255, 255, .05)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;justify-content:center;min-height:100vh;min-height:100dvh;background-color:#000}.app-container{width:100%;max-width:480px;background-color:var(--bg-main);min-height:100%;position:relative;display:flex;flex-direction:column;overflow-x:hidden;box-shadow:0 0 20px #00000080;color:var(--text-main)}.page-content{flex:1;overflow-y:auto;padding:calc(var(--header-height) + var(--sat, 0px) + 32px) 16px calc(var(--nav-height) + max(20px,var(--sab, 20px))) 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}h1,h2,h3,h4{margin-bottom:.5rem;font-weight:700;letter-spacing:-.5px}p{color:var(--text-muted)}button{border:none;background:none;font-family:inherit;cursor:pointer;color:inherit;outline:none}a{text-decoration:none;color:inherit}input,select,textarea{font-family:inherit;font-size:16px}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .3s cubic-bezier(.2,0,0,1)}.checkin-modal{background:var(--bg-card);border:.5px solid var(--border-color);border-radius:var(--radius-lg);padding:32px 24px;width:100%;max-width:450px;box-shadow:var(--shadow-lg)}.modal-header{text-align:center;margin-bottom:24px}.warning-icon{color:var(--hp-color);margin-bottom:12px}.modal-header h2{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--text-main);margin-bottom:8px}.modal-header p{color:var(--text-muted);font-size:.95rem;line-height:1.4}.pending-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;max-height:300px;overflow-y:auto}.pending-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-main);border:.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:var(--shadow-sm)}.pending-item:active{transform:scale(.98);opacity:.8}.pending-item.checked{background:var(--bg-card-hover);border-color:var(--primary)}.checkbox{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--text-muted);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .2s cubic-bezier(.2,0,0,1)}.pending-item.checked .checkbox{border-color:var(--primary);background:var(--primary);color:#fff}.routine-title{flex:1;font-weight:600;color:var(--text-main)}.pending-item.checked .routine-title{text-decoration:line-through;color:var(--text-muted)}.routine-diff{font-size:.75rem;font-weight:600;opacity:.7}.confirm-btn{width:100%;background:var(--primary);color:#fff;border:none;padding:16px;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:var(--shadow-sm)}.confirm-btn:active{transform:scale(.95);opacity:.85}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.app-header{position:fixed;top:0;left:0;width:100%;min-height:calc(var(--header-height) + var(--sat, 0px));background-color:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--border-color);z-index:50;display:flex;align-items:center;padding:max(12px,var(--sat, 0px)) 16px 12px 16px}@media(min-width:768px){.app-header{position:static;width:100%;background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;padding:24px;z-index:10}}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap}.brand{display:flex;align-items:center;gap:6px;flex-shrink:1;min-width:0}.brand-icon{color:var(--primary);font-size:1.2rem}.brand h1{font-size:1.1rem;margin:0;font-weight:700;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:380px){.brand h1{display:none}}.header-status{display:flex;gap:8px}.status-badge{display:flex;align-items:center;gap:4px;background:var(--bg-card);padding:6px 8px;border-radius:var(--radius-lg);font-size:.8rem;font-weight:700;box-shadow:var(--shadow-sm);border:.5px solid var(--border-color);flex-shrink:0;white-space:nowrap}.status-badge.hp{color:var(--hp-color);box-shadow:0 0 10px var(--hp-bg)}.status-badge.xp{color:var(--xp-color);box-shadow:0 0 10px var(--xp-bg)}.status-badge.coins{color:var(--credits-color);box-shadow:0 0 10px #ff9f0a33}.bottom-nav{position:fixed;bottom:max(16px,var(--sab, 16px));left:16px;right:16px;width:calc(100% - 32px);height:64px;background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;justify-content:space-around;align-items:center;z-index:100;padding:0 8px}.page-content{flex:1;overflow-y:auto;padding:calc(var(--header-height) + var(--sat, 0px) + 32px) 16px calc(100px + max(20px,var(--sab, 20px))) 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.nav-item{display:flex;flex-direction:column;align-items:center;width:100%;color:var(--text-muted);gap:2px;transition:all .2s ease}.nav-label{font-size:.65rem;font-weight:500}.nav-item.active{color:var(--primary)}@media(min-width:768px){:root:has(.app-container) body .app-container{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar header" "sidebar main";max-width:100%;height:100vh;overflow:hidden}.app-header{grid-area:header}.page-content{grid-area:main;padding:24px 32px}.bottom-nav{grid-area:sidebar;position:static;width:100%;height:100vh;border-top:none;border-radius:0;border-right:.5px solid var(--border-color);border-left:none;border-bottom:none;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:32px 16px;gap:8px;background-color:var(--bg-card);box-shadow:none}.nav-item{flex-direction:row;width:100%;padding:12px 16px;border-radius:var(--radius-md);gap:12px}.nav-item:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.nav-label{font-size:1rem;font-weight:600}.nav-item.active{background-color:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-neon)}}.status-bar-container{width:100%;margin-bottom:12px}.status-bar-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-label{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.status-value{color:var(--text-main);font-weight:700}.status-track{width:100%;height:10px;background-color:var(--border-color);border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000001a}.status-fill{height:100%;border-radius:10px;transition:width .5s cubic-bezier(.2,0,0,1),background-color .3s ease}.pomodoro-container{width:100%;margin-top:12px;background:#0003;border-radius:var(--radius-sm);overflow:hidden;position:relative;border:1px solid var(--border-color)}.pomodoro-progress-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:0}.pomodoro-progress-fill{height:100%;background:var(--primary-glow);transition:width 1s linear}.pomodoro-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.pomodoro-time{font-size:1.2rem;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(206,239,136,.5)}.pomodoro-controls{display:flex;align-items:center;gap:8px}.pomodoro-controls .btn-icon{background:var(--bg-card);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-main);box-shadow:var(--shadow-sm);border:.5px solid var(--border-color)}.pomodoro-controls .btn-icon:hover{background:var(--bg-card-hover);color:var(--primary)}.pomodoro-controls .btn-text.cancel{font-size:.8rem;color:var(--text-muted);font-weight:500}.pomodoro-controls .btn-text.cancel:hover{color:var(--hp-color)}.task-card{background-color:var(--bg-card);border-radius:var(--radius-md);padding:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-left:4px solid var(--primary);box-shadow:var(--shadow-sm);border:.5px solid var(--border-color);border-left-width:4px;transition:transform .2s cubic-bezier(.2,0,0,1),background-color .2s ease}.task-card:active{transform:scale(.97);background-color:var(--bg-card-hover)}.task-info{display:flex;flex-direction:column;gap:4px}.task-title{color:var(--text-main);font-size:1rem;font-weight:600;margin:0;letter-spacing:-.3px}.task-meta{display:flex;gap:8px;font-size:.75rem;color:var(--text-muted);font-weight:500}.task-actions{display:flex;gap:12px}.btn-action{color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-action.complete{color:var(--xp-color);opacity:.7}.btn-action.complete:hover,.btn-action.complete:active{opacity:1;transform:scale(1.1)}.btn-action.fail{color:var(--hp-color);opacity:.7}.btn-action.fail:hover,.btn-action.fail:active{opacity:1;transform:scale(1.1)}.task-card-wrapper{position:relative;overflow:hidden;margin-bottom:12px;border-radius:var(--radius-md);background-color:var(--bg-card-hover)}.task-card-drawer{position:absolute;right:0;top:0;bottom:0;width:120px;display:flex;z-index:0;overflow:hidden;border-radius:0 var(--radius-md) var(--radius-md) 0}.drawer-btn{flex:1;display:flex;align-items:center;justify-content:center;border:none;color:#fff;cursor:pointer;transition:filter .2s}.drawer-btn:active{filter:brightness(.8)}.drawer-btn.edit{background-color:var(--credits-color)}.drawer-btn.delete{background-color:var(--hp-color)}.routines-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.routines-header h2{font-size:1.5rem;margin:0;font-weight:700;letter-spacing:-.5px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-lg);font-weight:600;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:var(--shadow-sm)}.btn-primary:active{transform:scale(.95);opacity:.8}.btn-primary.full-width{width:100%;margin-top:10px}.add-routine-form{background:var(--bg-card);padding:16px;border-radius:var(--radius-md);margin-bottom:24px;border:.5px solid var(--border-color);box-shadow:var(--shadow-sm)}.add-routine-form input,.add-routine-form select{width:100%;padding:12px;margin-bottom:12px;border-radius:var(--radius-sm);border:.5px solid var(--border-color);background:var(--bg-main);color:var(--text-main);font-size:16px;-webkit-appearance:none;appearance:none}.add-routine-form select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%238E8E93%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:12px auto;padding-right:32px}.form-row{display:flex;gap:12px}.routine-category{margin-bottom:24px}.routine-category h3{font-size:1.1rem;color:var(--secondary);border-bottom:.5px solid var(--border-color);padding-bottom:8px;margin-bottom:12px;font-weight:600}.empty-text{font-size:.9rem;color:var(--text-muted);font-style:italic;background:var(--bg-card);padding:12px;border-radius:var(--radius-sm);text-align:center;border:.5px solid var(--border-color)}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.credits-display{color:var(--credits-color);font-weight:700;font-size:.95rem;margin-top:4px}.shop-grid{display:grid;grid-template-columns:1fr;gap:16px}.shop-card{background:var(--bg-card);border:.5px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.shop-card-info h4{color:var(--text-main);margin-bottom:4px;font-weight:600;letter-spacing:-.3px}.shop-card-info p{font-size:.8rem;margin-bottom:8px;color:var(--text-muted)}.type-badge{font-size:.65rem;background:var(--bg-main);padding:4px 8px;border-radius:var(--radius-sm);text-transform:uppercase;color:var(--text-muted);font-weight:600;border:.5px solid var(--border-color)}.buy-btn{background:#ff950026;border:none;color:var(--credits-color);padding:8px 16px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:6px;font-weight:700;transition:all .2s cubic-bezier(.2,0,0,1)}.buy-btn:not(.disabled):hover,.buy-btn:not(.disabled):active{background:var(--credits-color);color:#fff;transform:scale(.95)}.buy-btn.disabled{opacity:.4;cursor:not-allowed;background:var(--bg-main);color:var(--text-muted)}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.avatar-circle{width:120px;height:120px;border-radius:50%;background:var(--bg-card);border:4px solid var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-md)}.level-text{color:var(--xp-color);font-weight:700;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:center;border:.5px solid var(--border-color);box-shadow:var(--shadow-sm)}.stat-icon{margin-bottom:8px}.stat-icon.streak{color:#ff9500}.stat-info{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.5px}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.achievements-section h3{border-bottom:.5px solid var(--border-color);padding-bottom:8px;margin-bottom:12px;font-weight:600}.achievements-grid{display:flex;gap:12px;margin-top:16px}.achievement-badge{width:60px;height:60px;border-radius:50%;background:var(--bg-card);position:relative;box-shadow:var(--shadow-sm);border:.5px solid var(--border-color)}.achievement-badge.locked{opacity:.4;border:2px dashed var(--border-color);box-shadow:none}.settings-section{margin-top:32px}.settings-section h3{border-bottom:.5px solid var(--border-color);padding-bottom:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-weight:600}.setting-item{background:var(--bg-card);border-radius:var(--radius-md);padding:16px;border:.5px solid var(--border-color);display:flex;flex-direction:column;gap:12px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.setting-label{display:flex;justify-content:space-between;align-items:center;font-weight:500}.setting-input{width:100%;background:var(--bg-main);border:.5px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;color:var(--text-main);font-size:16px;transition:border-color .2s;-webkit-appearance:none;appearance:none}.setting-input:focus{outline:none;border-color:var(--primary)}.setting-input:disabled{opacity:.5;cursor:not-allowed}.switch{position:relative;display:inline-block;width:50px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s cubic-bezier(.2,0,0,1);border-radius:30px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:2px;bottom:2px;background-color:#fff;transition:.3s cubic-bezier(.2,0,0,1);border-radius:50%;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}input:checked+.slider{background-color:#34c759}input:focus+.slider{box-shadow:0 0 1px #34c759}input:checked+.slider:before{transform:translate(20px)}.save-btn{background:var(--primary);color:#fff;border:none;padding:12px;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:transform .2s cubic-bezier(.2,0,0,1),opacity .2s;margin-top:8px;font-size:1rem;box-shadow:var(--shadow-sm)}.save-btn:active:not(:disabled){transform:scale(.95);opacity:.8}.save-btn:disabled{opacity:.6;cursor:not-allowed}.login-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-main)}.login-banner{display:none}.login-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:.5px solid var(--border-color);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.login-header{text-align:center;margin-bottom:32px}.login-header h2{font-size:1.75rem;font-weight:700;color:var(--text-main);margin-bottom:8px;letter-spacing:-.5px}.login-header p{color:var(--text-muted);font-size:.95rem}.login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.logo-icon{color:var(--primary);margin-bottom:12px}.login-logo h1{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.5px}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.85rem;color:var(--text-muted);font-weight:600;margin-left:4px}.input-group input{background:var(--bg-main);border:.5px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;color:var(--text-main);font-size:16px;transition:all .2s ease;-webkit-appearance:none;appearance:none}.input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.login-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:16px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:var(--shadow-sm)}.login-btn:hover,.login-btn:active{opacity:.85;transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{margin-top:32px;text-align:center;font-size:.9rem;color:var(--text-muted)}.toggle-mode-btn{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;margin-left:8px;font-size:.9rem;padding:0}.toggle-mode-btn:hover{text-decoration:underline}@media(min-width:900px){.login-container{flex-direction:row}.login-banner{display:flex;flex:1.2;background:linear-gradient(135deg,var(--primary),#1a56db);color:#fff;align-items:center;justify-content:center;padding:60px;position:relative}.login-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(0,0,0,.2) 0%,transparent 40%);pointer-events:none}.banner-content{max-width:480px;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center}.banner-icon{margin-bottom:32px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));color:#fff}.banner-content h2{font-size:3.5rem;font-weight:800;margin-bottom:24px;letter-spacing:-1.5px;line-height:1.1}.banner-content p{font-size:1.25rem;line-height:1.6;opacity:.9;font-weight:400}.login-content{flex:1;background:var(--bg-main)}.login-card{border:none;box-shadow:none;background:transparent;padding:0;max-width:420px}.desktop-hidden{display:none!important}}