:root{--color-primary:#0f766e;--color-on-primary:#fff;--color-bg:#fff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-text:#1f2937;--color-text-muted:#6b7280;--color-error:#b91c1c;--color-error-bg:#fef2f2;--color-info-bg:#f0fdfa;color:var(--color-text);background-color:var(--color-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-primary:#2dd4bf;--color-on-primary:#042f2e;--color-bg:#111827;--color-surface:#1f2937;--color-border:#374151;--color-text:#f3f4f6;--color-text-muted:#9ca3af;--color-error:#fca5a5;--color-error-bg:#450a0a;--color-info-bg:#042f2e}}*,:before,:after{box-sizing:border-box}body{margin:0}.auth{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:1.5rem 1rem 3rem;display:flex}.auth__header{text-align:center}.auth__header h1{color:var(--color-primary);margin:.5rem 0 0;font-size:2.25rem}.auth__header p{color:var(--color-text-muted);margin:0}.auth__links{flex-direction:column;align-items:center;gap:.25rem;display:flex}.shell{min-height:100vh}.topbar{z-index:10;background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;max-width:40rem;margin:0 auto;padding:.5rem 1rem;display:flex;position:sticky;top:0}.topbar__brand{font:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.25rem;font-size:1.25rem;font-weight:700;display:flex}.page{flex-direction:column;gap:1rem;max-width:40rem;margin:0 auto;padding:1rem 1rem 3rem;display:flex}.page .card{max-width:none}.stack{flex-direction:column;gap:1rem;display:flex}.stack--tight{gap:.25rem}.stack h2,.page>h2{margin:0}.row{flex-wrap:wrap;gap:.5rem;display:flex}.center{text-align:center}.menu{position:relative}.menu__trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;display:block}.menu__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.menu__panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;flex-direction:column;min-width:13rem;padding:.35rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #00000026}.menu__name{border-bottom:1px solid var(--color-border);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;padding:.5rem .75rem;font-weight:600;overflow:hidden}.menu__panel button{font:inherit;text-align:left;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.6rem .75rem}.menu__panel button:hover,.menu__panel button:focus-visible{background:var(--color-bg)}.avatar{object-fit:cover;background:var(--color-border);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar--initials{color:#fff;background:hsl(var(--avatar-hue,170) 45% 42%);font-weight:700}.avatar-edit{align-items:center;gap:1rem;display:flex}.pena-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pena-list__item{width:100%;font:inherit;text-align:left;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-weight:600;display:flex}.pena-list__item:hover{border-color:var(--color-primary)}.pena-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.card h3{margin:0;font-size:1.05rem}.badge{background:var(--color-info-bg);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:999px;flex:none;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.members{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.members__item{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.members__item:first-child{border-top:none}.members__name{overflow-wrap:anywhere;flex:8rem;min-width:0}.members__actions{gap:.25rem;display:flex}.confirm{background:var(--color-bg);border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;flex-basis:100%;gap:.5rem;padding:.75rem;display:flex}.confirm p{margin:0}.invite{flex-direction:column;gap:.5rem;display:flex}.invite__url{background:var(--color-bg);border:1px dashed var(--color-border);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:.5rem;padding:.6rem .75rem;font-size:.9rem;display:block}.card--danger{border-color:var(--color-error)}.btn--danger{background:var(--color-error);color:var(--color-bg)}.link--danger{color:var(--color-error)}.link--back{align-self:flex-start}.card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;flex-direction:column;gap:1rem;width:100%;max-width:24rem;padding:1.5rem;display:flex}.home .card{max-width:none}.card h2{margin:0;font-size:1.25rem}.card p{margin:0}label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;display:flex}input{font:inherit;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:.5rem;padding:.65rem .75rem}input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.5rem;padding:.65rem 1rem;font-weight:600}.btn:disabled{opacity:.6;cursor:wait}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn--oauth{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.divider{color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--color-border);flex:1}.link{font:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-self:center;padding:.25rem;font-size:.9rem}.link:hover{text-decoration:underline}.inline-form{flex-wrap:wrap;gap:.5rem;display:flex}.inline-form input{flex:10rem}.msg{border-radius:.5rem;padding:.6rem .75rem;font-size:.9rem}.msg--error{background:var(--color-error-bg);color:var(--color-error)}.msg--info{background:var(--color-info-bg);color:var(--color-primary)}.muted{color:var(--color-text-muted)}.version-badge{right:.5rem;bottom:calc(.35rem + env(safe-area-inset-bottom,0px));color:var(--color-text-muted);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;position:fixed}.password-field{display:flex;position:relative}.password-field input{flex:1;min-width:0;padding-right:2.75rem}.password-field__toggle{width:2.25rem;height:2.25rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.password-field__toggle:hover{color:var(--color-text)}.password-field__toggle:focus-visible{outline:2px solid var(--color-primary)}input[aria-invalid=true]{border-color:var(--color-error)}.card .field-hint{margin:-.5rem 0 0;font-size:.85rem}.field-hint--error{color:var(--color-error)}