@import "https://fonts.googleapis.com/css2?family=Kodchasan:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap";:root{color:#40352f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf6f0;font-family:Montserrat,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:32px 20px;display:flex}.welcome__icon{font-size:40px}.welcome__eyebrow{color:#856a59;letter-spacing:.16em;text-transform:uppercase;margin:24px 0 12px;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-family:Kodchasan,sans-serif;font-size:clamp(36px,8vw,64px);font-weight:600}h1,h2,h3,h4,h5,h6{font-family:Kodchasan,sans-serif}.welcome__description{color:#796e65;max-width:380px;margin:20px 0 0;line-height:1.7}.login{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:360px;margin-top:36px;display:flex}.login label{font-size:14px;font-weight:600}.login input{color:#40352f;background:#fffdf9;border:1px solid #d9cfc3;border-radius:12px;width:100%;padding:15px 16px}.login input::placeholder{color:#85786d}.login input:focus-visible{outline-offset:2px;border-color:#92614d;outline:3px solid #92614d33}.login button{color:#fff;cursor:pointer;background:#80523f;border:none;border-radius:12px;padding:15px 16px;font-weight:600}.login button:hover:not(:disabled){background:#684131}.login button:focus-visible{outline-offset:3px;outline:3px solid #92614d}.login button:disabled{opacity:.5;cursor:not-allowed}.login__message{color:#796e65;margin:4px 0 0;font-size:14px;line-height:1.6}.profiles{width:100%;max-width:850px;margin-top:32px}.profiles__grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.profile-card{background:#fffdf9;border:1px solid #e5dbcf;border-radius:20px;padding:24px}.profile-card__heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-card h2{margin:0;font-size:22px}.profile-card__badge{color:#684131;background:#eee3d7;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600}.profile-card__empty{color:#796e65;margin:20px 0 0;font-size:14px;line-height:1.7}@media (width<=600px){.profiles__grid{grid-template-columns:1fr}}.collection-links{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.collection-links a{color:#684131;overflow-wrap:anywhere;background:#f5eee5;border-radius:12px;padding:14px 16px;font-weight:600;text-decoration:none;display:block}.collection-links a:hover{background:#eee3d7}.collection-links a:focus-visible{outline-offset:3px;outline:3px solid #92614d}.collection-form{border-top:1px solid #e5dbcf;max-width:none;padding-top:24px}.collection-form h3{margin:0 0 8px;font-size:16px}.delete-link{color:#80523f;cursor:pointer;background:0 0;border:none;margin-top:6px;padding:6px 0;font-size:12px;text-decoration:underline}.delete-link:disabled{opacity:.5;cursor:wait}.logout-button{color:#684131;cursor:pointer;background:#fffdf9;border:1px solid #d9cfc3;border-radius:10px;margin-top:12px;padding:8px 14px}.logout-button:disabled{opacity:.5;cursor:wait}.collection-links .delete-link+.delete-link{margin-left:14px}
