:root{--bg: #0e1015;--surface: #151823;--surface-2: #1b1f2c;--border: #2a3042;--text: #e9ebf2;--muted: #8d95aa;--danger: #ef4444;--danger-text: #f87171;--success: #22c55e;--primaria: #10b981;--primaria-2: #14b8a6;--radius: 10px;--sombra: 0 10px 30px rgb(0 0 0 / .35);color-scheme:dark}:root[data-theme=light]{--bg: #eef1f6;--surface: #ffffff;--surface-2: #e7ebf3;--border: #d3d9e5;--text: #1d2436;--muted: #5f6880;--danger: #ef4444;--danger-text: #dc2626;--success: #15803d;--primaria: #059669;--primaria-2: #0d9488;--sombra: 0 10px 30px rgb(29 41 81 / .12);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}input{font:inherit}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;transition:border-color .15s,background .15s,transform .06s}.btn:hover{border-color:color-mix(in srgb,var(--primaria) 45%,var(--border))}.btn:active{transform:scale(.98)}.btn.primary{background:var(--primaria);border-color:transparent;color:#fff}.btn.primary:hover{background:color-mix(in srgb,var(--primaria) 85%,#fff)}.btn.primary:disabled{opacity:.5;cursor:default}.btn.small{padding:5px 10px;font-size:12.5px}.btn.danger{background:var(--danger);border-color:transparent;color:#fff}.btn-icone{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;font-size:18px;transition:background .15s,color .15s}.btn-icone:hover{background:var(--surface-2);color:var(--text)}.login-fundo{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;overflow:hidden}.aurora{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);opacity:.5;animation:drift 26s ease-in-out infinite alternate}.aurora-1{background:radial-gradient(circle,#10b98155,transparent 65%);top:-18vmax;left:-12vmax}.aurora-2{background:radial-gradient(circle,#14b8a64d,transparent 65%);bottom:-20vmax;right:-14vmax;animation-duration:32s;animation-delay:-8s}.aurora-3{background:radial-gradient(circle,#0ea5e93d,transparent 65%);top:30%;right:-20vmax;animation-duration:22s;animation-delay:-15s}:root[data-theme=light] .aurora{opacity:.25}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(6vmax,-4vmax) scale(1.15)}}.grade{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:26px 26px;color:var(--text);opacity:.16;mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 30%,transparent 75%)}.login-cartao{position:relative;width:min(384px,100%);display:flex;flex-direction:column;gap:14px;padding:30px 26px 26px;border-radius:18px;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);box-shadow:var(--sombra);animation:cartao-entra .55s cubic-bezier(.2,.9,.3,1)}.login-cartao:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,color-mix(in srgb,var(--primaria) 60%,transparent),color-mix(in srgb,var(--border) 60%,transparent) 40%,color-mix(in srgb,var(--primaria-2) 50%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}@keyframes cartao-entra{0%{opacity:0;transform:translateY(16px) scale(.98)}}.login-logo{width:58px;height:58px;align-self:center;border-radius:14px;filter:drop-shadow(0 6px 18px color-mix(in srgb,var(--primaria) 45%,transparent))}.logo-check{stroke-dasharray:130;stroke-dashoffset:130;animation:desenhar .9s .35s ease-out forwards}@keyframes desenhar{to{stroke-dashoffset:0}}.login-titulo{margin:0;text-align:center;font-size:26px;font-weight:800;background:linear-gradient(100deg,var(--text),var(--primaria) 50%,var(--text));background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}@keyframes shine{0%{background-position:200% 0}to{background-position:0 0}}.login-sub{margin:-8px 0 2px;text-align:center;color:var(--muted)}.campo{display:flex;flex-direction:column;gap:5px}.campo-rotulo{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.campo-caixa{position:relative;display:flex}.campo-icone{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;color:var(--muted);font-size:16px;pointer-events:none;transition:color .15s}.campo-caixa:focus-within .campo-icone{color:var(--primaria)}.campo-caixa input{width:100%;padding:11px 12px 11px 40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.campo-caixa input:focus{border-color:var(--primaria);box-shadow:0 0 0 3px color-mix(in srgb,var(--primaria) 22%,transparent)}.campo-olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;padding:6px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:16px}.campo-olho:hover{color:var(--text)}.caixa-erro{padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger-text);animation:shake .35s}@keyframes shake{20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}90%{transform:translate(2px)}}.login-botao{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:12px;border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--primaria),var(--primaria-2));background-size:160%;background-position:0% 50%;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 20px color-mix(in srgb,var(--primaria) 35%,transparent);transition:background-position .35s,transform .12s,box-shadow .2s}.login-botao:hover{background-position:100% 50%;transform:translateY(-1px)}.login-botao:active{transform:scale(.99)}.login-botao:disabled{opacity:.75;cursor:default}.spinner{width:15px;height:15px;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.cabecalho{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.cabecalho h1{flex:1;margin:0;font-size:17px;font-weight:700}.cabecalho-logo{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--primaria),var(--primaria-2));color:#fff;font-size:17px;box-shadow:0 3px 10px color-mix(in srgb,var(--primaria) 35%,transparent)}.cabecalho-acoes{display:flex;gap:2px}.conteudo{flex:1;padding:14px 14px calc(24px + env(safe-area-inset-bottom))}.adicionar{display:flex;gap:8px;margin-bottom:14px}.adicionar input{flex:1;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.adicionar input:focus{border-color:var(--primaria);box-shadow:0 0 0 3px color-mix(in srgb,var(--primaria) 22%,transparent)}.adicionar .btn{font-size:17px;padding:0 16px}.itens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:12px;padding:12px 8px 12px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);animation:item-entra .18s ease-out}@keyframes item-entra{0%{opacity:0;transform:translateY(-4px)}}.item-check{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:15px;transition:border-color .15s,background .15s}.item-check:hover{border-color:var(--primaria)}.item-comprado .item-check{background:var(--primaria);border-color:var(--primaria)}.item-texto{flex:1;min-width:0;display:flex;flex-direction:column}.item-nome{overflow-wrap:anywhere}.item-comprado .item-nome{text-decoration:line-through;color:var(--muted)}.item-meta{font-size:12px;color:var(--muted)}.item-excluir{opacity:.55;font-size:16px}.item-excluir:hover{opacity:1;color:var(--danger-text)}.item-arquivado{padding-right:12px}.secao-titulo{display:flex;align-items:center;gap:8px;margin:20px 2px 8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.secao-conta{padding:1px 8px;border-radius:99px;background:var(--surface-2);font-size:12px}.secao-nota{margin:8px 2px 0;font-size:12px;color:var(--muted)}.ja-na-lista{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--success);padding-right:4px}.arquivo-dia:first-of-type .secao-titulo{margin-top:4px}.vazio{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;color:var(--muted);text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:aparecer .15s ease-out}@keyframes aparecer{0%{opacity:0}}.modal{width:min(420px,100%);padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--sombra);animation:cartao-entra .25s cubic-bezier(.2,.9,.3,1)}.modal-cabecalho{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-cabecalho h2{margin:0;font-size:16px}.modal-confirm p{margin:4px 0 16px}.modal-acoes{display:flex;justify-content:flex-end;gap:8px}.modal-texto{margin:0 0 14px;color:var(--muted)}.modal-secao{margin:18px 0 8px;font-size:13px;color:var(--muted)}.modal-form{display:flex;flex-direction:column;gap:10px}.modal-form input{padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);outline:none}.modal-form input:focus{border-color:var(--primaria);box-shadow:0 0 0 3px color-mix(in srgb,var(--primaria) 22%,transparent)}.convite-link{display:flex;gap:8px}.convite-link input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:12.5px}.convites-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.convites-lista li{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 8px 12px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);font-size:13px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,88vw);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--sombra);animation:drawer-entra .22s cubic-bezier(.2,.9,.3,1);padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}@keyframes drawer-entra{0%{transform:translate(40px);opacity:0}}.drawer-cabecalho{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 6px 14px;border-bottom:1px solid var(--border)}.drawer-cabecalho strong{display:block;font-size:16px}.drawer-usuario{color:var(--muted);font-size:12.5px}.drawer-menu{display:flex;flex-direction:column;gap:2px;padding-top:10px}.drawer-menu button,.drawer-menu a{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border:none;border-radius:var(--radius);background:transparent;color:var(--text);text-align:left;text-decoration:none;font-size:14px;cursor:pointer;transition:background .12s}.drawer-menu button:hover,.drawer-menu a:hover{background:var(--surface-2)}.drawer-menu svg{font-size:17px;color:var(--muted)}.drawer-sair{margin-top:auto;color:var(--danger-text)!important}.drawer-sair svg{color:var(--danger-text)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:480px){.aurora{filter:blur(70px)}}