.library-sign-up-page{--library-glow:color-mix(in srgb, var(--readLaterColor) 20%, transparent);--library-glow-accent:color-mix(in srgb, var(--accent) 18%, transparent);box-sizing:border-box;padding-bottom:4rem;overflow-x:clip}.library-sign-up-hero{isolation:isolate;margin-bottom:clamp(2rem,4vw,3rem);padding:clamp(2rem,5vw,3.5rem) 0 clamp(2.5rem,5vw,3.5rem);position:relative}.library-sign-up-hero__backdrop{z-index:-1;background:radial-gradient(ellipse 75% 55% at 15% 25%, var(--library-glow), transparent 55%), radial-gradient(ellipse 65% 50% at 85% 15%, var(--library-glow-accent), transparent 50%), var(--background);margin-inline:-20px;animation:16s ease-in-out infinite alternate library-sign-up-shift;position:absolute;inset:0}@keyframes library-sign-up-shift{0%{filter:hue-rotate()}to{filter:hue-rotate(6deg)}}.library-sign-up-hero__grid{align-items:center;gap:clamp(1.5rem,4vw,2.5rem);display:grid}@media (min-width:768px){.library-sign-up-hero__grid{grid-template-columns:1fr 1fr}}.library-sign-up-hero__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--readLaterColor);background:color-mix(in srgb, var(--readLaterColor) 14%, var(--card));border:1px solid color-mix(in srgb, var(--readLaterColor) 35%, var(--border));border-radius:999px;margin:0 0 .75rem;padding:.25rem .65rem;font-size:.8125rem;font-weight:600;animation:.65s both library-sign-up-fade-up;display:inline-block}.library-sign-up-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:650;line-height:1.12;animation:.65s 60ms both library-sign-up-fade-up}.library-sign-up-hero__lead{color:var(--textSecondary);margin:1rem 0 0;font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;animation:.65s .12s both library-sign-up-fade-up}.library-sign-up-hero__actions{animation:.65s .18s both library-sign-up-fade-up}.library-sign-up-section{align-items:center;gap:clamp(1.25rem,3vw,2rem);margin-bottom:clamp(2.5rem,6vw,4rem);animation:.7s both library-sign-up-fade-up;display:grid}@media (min-width:768px){.library-sign-up-section{grid-template-columns:1fr 1fr}.library-sign-up-section--reverse .library-sign-up-section__copy{order:2}.library-sign-up-section--reverse .library-sign-up-section__media{order:1}}.library-sign-up-section__tag{letter-spacing:.06em;text-transform:uppercase;color:var(--secondaryAction);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:inline-block}.library-sign-up-section__copy h2{letter-spacing:-.02em;margin:0 0 .65rem;font-size:clamp(1.35rem,2.8vw,1.75rem);font-weight:650}.library-sign-up-section__copy p{color:var(--textSecondary);margin:0 0 .75rem;line-height:1.6}.library-sign-up-section__copy ul{color:var(--textSecondary);margin:.5rem 0 0;padding-left:1.2rem;line-height:1.55}.library-sign-up-section__copy li::marker{color:var(--accent)}.library-sign-up-media{border:1px dashed color-mix(in srgb, var(--border) 75%, var(--readLaterColor) 25%);background:linear-gradient(145deg, var(--card) 0%, color-mix(in srgb, var(--backgroundElement) 55%, var(--card)) 100%);box-shadow:0 12px 36px color-mix(in srgb, var(--text) 6%, transparent);border-radius:1rem;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.library-sign-up-section:hover .library-sign-up-media{border-color:color-mix(in srgb, var(--readLaterColor) 40%, var(--border));box-shadow:0 18px 44px color-mix(in srgb, var(--readLaterColor) 14%, transparent);transform:translateY(-3px)}.library-sign-up-media--video{aspect-ratio:16/9}.library-sign-up-media--image{aspect-ratio:4/3}.library-sign-up-media__inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;min-height:11rem;padding:1.25rem;display:flex}.library-sign-up-media__icon{width:3rem;height:3rem;color:var(--readLaterColor);background:color-mix(in srgb, var(--readLaterColor) 12%, var(--card));border:1px solid color-mix(in srgb, var(--readLaterColor) 28%, var(--border));border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;animation:2.6s ease-in-out infinite library-sign-up-pulse;display:flex}.library-sign-up-media--video .library-sign-up-media__icon:before{content:"▶";margin-left:.12rem;font-size:.85rem}.library-sign-up-media--image .library-sign-up-media__icon:before{content:"⌁";font-size:1.25rem}@keyframes library-sign-up-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.library-sign-up-media__label{color:var(--textSecondary);margin:0;font-size:.8125rem;font-weight:600}.library-sign-up-media__hint{color:color-mix(in srgb, var(--textSecondary) 85%, transparent);margin:0;font-size:.75rem}.library-sign-up-app-panel{background:linear-gradient(155deg, color-mix(in srgb, var(--readLaterColor) 12%, var(--card)), color-mix(in srgb, var(--accent) 8%, var(--card)));border:1px solid color-mix(in srgb, var(--readLaterColor) 25%, var(--border));border-radius:1.15rem;margin-bottom:clamp(2.5rem,5vw,3.5rem);padding:clamp(1.5rem,4vw,2.25rem)}.library-sign-up-app-panel__grid{align-items:center;gap:1.5rem;display:grid}@media (min-width:768px){.library-sign-up-app-panel__grid{grid-template-columns:1fr 1fr}}.library-sign-up-cta{text-align:center;background:var(--card);border:1px solid var(--border);box-shadow:0 10px 32px color-mix(in srgb, var(--text) 5%, transparent);border-radius:1.15rem;padding:clamp(1.75rem,4vw,2.5rem)}.library-sign-up-cta h2{margin:0 0 .65rem;font-size:clamp(1.35rem,3vw,1.65rem);font-weight:650}.library-sign-up-cta p{max-width:28rem;color:var(--textSecondary);margin:0 auto 1.25rem;line-height:1.55}.library-sign-up-cta .library-sign-up__actions{justify-content:center}.library-sign-up-cta .app-download{justify-content:center;margin-top:1.25rem}@keyframes library-sign-up-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.library-sign-up-hero__backdrop,.library-sign-up-media__icon,.library-sign-up-section,.library-sign-up-hero__eyebrow,.library-sign-up-hero h1,.library-sign-up-hero__lead,.library-sign-up-hero__actions{animation:none}.library-sign-up-section:hover .library-sign-up-media{transform:none}}
.library-sign-up,.library-panel{box-sizing:border-box;width:min(40rem,100%);margin-inline:auto;padding:1.5rem 1.25rem 4rem}.library-sign-up h1,.library-panel h1{margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.library-sign-up p,.library-dialog p{color:var(--textSecondary);margin:0;line-height:1.5}.library-sign-up ul{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.library-sign-up li{background:var(--backgroundElement);border-radius:999px;padding:.35rem .75rem;font-size:.875rem;font-weight:700}.library-sign-up__actions,.library-dialog__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.library-sign-up__primary,.library-sign-up__secondary,.library-dialog__danger,.library-create button,.library-rename button{cursor:pointer;font:inherit;border-radius:999px;padding:.65rem 1.1rem;font-size:.875rem;font-weight:700}.library-sign-up__primary,.library-create button,.library-rename button{background:var(--accent);color:#fff;border:0}.library-sign-up__secondary{border:1px solid var(--border);color:var(--text);background:0 0}.library-dialog__danger,.library-rename__delete{color:#fff;background:#b42318;border:0}.library-sign-up__primary:focus-visible,.library-sign-up__secondary:focus-visible,.library-dialog__danger:focus-visible,.library-create button:focus-visible,.library-rename button:focus-visible,.library-pills button:focus-visible,.library-search input:focus-visible,.library-create input:focus-visible,.library-rename input:focus-visible,.library-list-row:focus-visible,.library-subnav a:focus-visible,.library-back a:focus-visible,.library-undo button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.library-sign-up__primary:disabled,.library-create button:disabled,.library-rename button:disabled,.library-dialog__danger:disabled,.library-pills button:disabled{cursor:default;opacity:.6}.library-subnav ul{gap:1.5rem;margin:0;padding:1rem 0 0;list-style:none;display:flex}.library-subnav a{color:var(--textSecondary);border-bottom:2px solid #0000;padding-bottom:.4rem;font-weight:700;text-decoration:none;display:inline-flex}.library-subnav a[aria-current=page]{border-bottom-color:var(--accent);color:var(--text)}.library-search,.library-create,.library-rename{margin:0 0 1rem}.library-search input,.library-create input,.library-rename input{background:var(--backgroundElement);width:100%;color:var(--text);font:inherit;border:0;border-radius:8px;padding:.7rem .85rem}.library-create,.library-rename{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.library-create input,.library-rename input{flex:12rem;width:auto}.library-pills{scrollbar-width:none;gap:.5rem;margin:0 0 .5rem;display:flex;overflow-x:auto}.library-pills::-webkit-scrollbar{display:none}.library-pills button{background:var(--backgroundElement);color:var(--textSecondary);cursor:pointer;font:inherit;white-space:nowrap;border:0;border-radius:999px;padding:.4rem .85rem;font-size:.875rem;font-weight:700}.library-pills button[aria-pressed=true]{background:var(--accent);color:#fff}.library-pills__clear{margin-left:auto}.library-posts{margin:0;padding:0;list-style:none}.library-message{color:var(--textSecondary);text-align:center;margin:1.5rem 0}.library-posts__sentinel{min-height:1px}.library-lists{flex-direction:column;gap:.75rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.library-list-row{border:1px solid var(--border);background:var(--card);color:inherit;border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 1rem;text-decoration:none;display:flex}.library-list-row:hover{background:var(--backgroundElement)}.library-list-row__icon{background:var(--backgroundElement);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:8px;place-items:center;font-size:1.15rem;display:grid}.library-list-row__text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.library-list-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.library-list-row__count{color:var(--textSecondary);font-size:.875rem}.library-back{margin:0 0 .5rem}.library-back a{color:var(--textSecondary);font-size:.875rem;font-weight:700;text-decoration:none}.library-dialog{border:1px solid var(--border);background:var(--card);width:min(24rem,100% - 2rem);color:var(--text);border-radius:12px;padding:1.25rem}.library-dialog::backdrop{background:#00000073}.library-dialog h2{margin:0 0 .5rem;font-size:1.15rem}.library-undo{background:var(--text);color:var(--background);border-radius:999px;align-items:center;gap:.75rem;margin:0;padding:.75rem 1rem;display:flex;position:fixed;bottom:1rem;right:1rem}.library-undo button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;font-weight:700;text-decoration:underline}.library-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
