/* Sign-in page, 26 October 2026 (mockup https://claude.ai/artifact/VA56Q6pgvVrwHMMrY9XxoN, John chose Jackanorie teal).
   Covers are made-up books built from free Unsplash photos (cover-keeper.jpg, cover-noone.jpg, cover-summer.jpg). */
.si-nav a:not(.btn){display:inline!important}
.si{min-height:calc(100vh - 69px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:48px 16px 80px;background:var(--mist)}
.si-card{width:100%;max-width:920px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 24px 48px -20px rgba(16,32,31,.16)}
.si-form{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.si-form h1{font-size:32px;letter-spacing:-.03em}
.si-form .btn{align-self:stretch}
#authOff .btn{width:100%}
.si-form.center{text-align:center;align-items:center}
.si-side{background:var(--teal);color:#fff;padding:40px 36px;display:flex;flex-direction:column;gap:28px}
.si-stack{position:relative;height:200px}
.si-stack img{position:absolute;display:block;width:112px;height:auto;aspect-ratio:2/3;object-fit:cover;top:10px;border-radius:4px 8px 8px 4px;box-shadow:inset 3px 0 0 rgba(0,0,0,.15),0 16px 28px -12px rgba(0,40,36,.55)}
.si-stack .c1{left:0;transform:rotate(-6deg)}
.si-stack .c2{left:104px;top:0;z-index:2;width:124px}
.si-stack .c3{left:220px;transform:rotate(6deg)}
.si-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.si-ticks li{padding-left:34px;position:relative;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.95)}
.si-ticks li b{color:#fff}
.si-ticks li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--mk) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M7 11.3l2.8 2.8L15.2 8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}
.si-back{color:var(--teal-text);font-weight:600;font-size:15px;text-decoration:none}
.si-back:hover{text-decoration:underline}
@media (max-width:820px){.si{padding:28px 14px 48px;justify-content:flex-start}.si-card{grid-template-columns:1fr}.si-form{padding:32px 24px}.si-form h1{font-size:27px}.si-side{padding:28px 24px}.si-stack{height:170px;max-width:290px;margin:0 auto;width:100%}.si-stack img{width:84px}.si-stack .c2{width:96px;left:88px}.si-stack .c3{left:184px}.si-nav{gap:16px}}