:root{--color-ink: #17251f;--color-surface: #fffdf7;--color-accent: #c84b31;--space-4: 1rem;--radius: .75rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:system-ui,sans-serif}button,input{font:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.auth-card{width:min(100%,34rem);padding:clamp(1.5rem,5vw,3rem);border:1px solid color-mix(in srgb,var(--color-ink) 16%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--color-surface) 94%,white)}h1{font-size:clamp(2.1rem,8vw,3.4rem);line-height:1;margin:.25rem 0 1rem}h2{margin-top:2rem}p{line-height:1.5}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}form,.settings{display:grid;gap:1rem;margin-top:1.5rem}.field{display:grid;gap:.45rem;font-weight:650}.field-hint{color:#526171;font-size:.875rem;font-weight:400}input{width:100%;min-height:2.75rem;padding:.65rem .8rem;border:1px solid #718096;border-radius:.5rem;background:var(--color-surface);color:inherit}.field input[readonly]{border-color:#aeb7c2;background:#edf0f3;color:#4a5563;cursor:default}.field input.intentional-entry[readonly]{border-color:#718096;border-style:dashed;background:var(--color-surface);color:var(--color-ink);cursor:text}.field input.intentional-entry::placeholder{color:#526171;opacity:1}input:focus-visible,button:focus-visible{outline:3px solid #1677ff;outline-offset:2px}.password-input{position:relative;display:block}.password-input input{padding-right:3.3rem}.visibility{position:absolute;right:.15rem;top:.15rem;min-width:2.45rem;min-height:2.45rem;padding:.55rem;border:0;background:transparent;color:inherit}button{min-height:2.75rem;cursor:pointer;border:0;border-radius:.5rem;padding:.7rem 1rem;background:#1259c3;color:#fff;font-weight:700}button:disabled{opacity:.65;cursor:wait}.secondary,.oauth,.link-button{background:transparent;color:inherit;border:1px solid #718096}.link-button{min-height:2.25rem;margin-top:.8rem;padding:.3rem;border:0;text-decoration:underline;text-underline-offset:.2em;text-align:left}.notice{padding:.75rem;border-radius:.5rem;background:#e6f0ff}.context-nav{display:flex;gap:1rem;justify-content:flex-end}.context-nav .link-button{margin:0}.catalog-list,.collection-list{display:grid;gap:.8rem;margin:1.5rem 0;padding:0;border:0}.catalog-list legend{font-size:1.35rem;font-weight:700}.catalog-choice,.collection-card,.rejoin-dialog{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #aeb7c2;border-radius:.6rem}.catalog-choice input{width:auto;min-height:auto}.catalog-choice span{display:grid;gap:.15rem}.catalog-choice small{color:#526171}.catalog-choice.unavailable{color:#526171;background:#edf0f3}.collection-card{display:block}.collection-card h2{margin:0}.collection-card .link-button{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0}.stats div{padding:.5rem;background:#edf0f3;border-radius:.4rem}.stats dt{font-size:.75rem;color:#526171}.stats dd{margin:.15rem 0 0;font-weight:700}.danger{color:#9b1c1c}.empty-state{padding:1rem;border:1px dashed #aeb7c2;border-radius:.6rem}.rejoin-dialog{display:block;margin-top:1.5rem;background:#eef5ff}.rejoin-dialog button{margin:.35rem .35rem .35rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app-boot-loader,.boot-loader{min-height:100vh;display:grid;place-content:center;gap:.8rem;text-align:center;background:var(--color-surface);color:var(--color-ink)}#app-boot-loader strong,.boot-loader strong{font-size:1.4rem}.notice{display:none}.private-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem}.private-photo-card{display:grid;gap:.6rem;margin:0}.private-photo-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid #aeb7c2;border-radius:.6rem;background:#edf0f3}.private-photo-card figcaption{display:grid;gap:.5rem}.private-photo-card figcaption span{overflow-wrap:anywhere}.private-photo-card button{justify-self:start}.toast-layer{position:fixed;z-index:1000;top:1rem;left:50%;transform:translate(-50%);width:min(32rem,calc(100vw - 2rem));display:grid;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid #718096;border-radius:.6rem;box-shadow:0 .5rem 1.5rem #0000002e;background:var(--color-surface);animation:toast-in .18s ease-out}.toast-success{border-left:4px solid #228b5b}.toast-info{border-left:4px solid #1259c3}.toast-error{border-left:4px solid #a32626}.toast-close{min-height:auto;padding:0 .35rem;background:transparent;color:inherit;font-size:1.4rem}.toast-leaving{animation:toast-out .18s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes toast-out{to{opacity:0;transform:translateY(-.5rem)}}@media(max-width:40rem){.toast-layer{top:0;width:100%}.toast{border-radius:0}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}