.book-loading{color:#66615f;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:36px 20px;display:flex}.book-loading--screen{box-sizing:border-box;min-height:100svh;padding-bottom:max(36px, env(safe-area-inset-bottom));background:#fff}.book-loading-motion{width:164px;height:64px;position:relative}.book-loading-track{background:#e9ece6;height:1px;position:absolute;top:36px;left:12px;right:12px}.book-loading-dot{opacity:0;background:#59694d;border-radius:50%;width:3px;height:3px;position:absolute;top:34.5px}.book-loading-mark{will-change:transform, opacity;width:19px;height:19px;position:absolute;top:26.5px;left:0}.book-loading-caption{text-align:center;color:#0000;-webkit-text-fill-color:transparent;will-change:background-position, opacity;background-image:linear-gradient(105deg,#777d73 0% 35%,#c3c8bf 48%,#777d73 61% 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;max-width:290px;min-height:22px;margin:0;font-family:inherit;font-size:12px;line-height:1.7}.book-loading button{color:#444d3e;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b6bcb1;min-height:44px;padding:0 16px;font-size:13px}.book-loading button:focus-visible{outline-offset:4px;outline:2px solid #74806b}.book-loading--error .book-loading-dot{opacity:.3}.book-loading--error .book-loading-mark{opacity:.25}.book-loading--error .book-loading-caption{color:#66615f;-webkit-text-fill-color:currentColor;background:0 0}@media (prefers-reduced-motion:reduce){.book-loading-dot{opacity:.45}.book-loading-caption{color:#777d73;-webkit-text-fill-color:currentColor;will-change:auto;background:0 0}}.sign-in-page{color:#29262b;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 22px max(48px, env(safe-area-inset-bottom));background:#fff;justify-content:center;align-items:center;display:flex}.sign-in-splash{z-index:1;opacity:1;pointer-events:none;background:#fff;place-content:center;gap:18px;transition:opacity .28s,visibility 0s linear .28s;display:grid;position:fixed;inset:0}.sign-in-splash img{object-fit:contain;width:58px;height:58px;animation:.46s cubic-bezier(.16,1,.3,1) both sign-in-mark-settle;display:block}.sign-in-splash-track{background:#eeebec;width:58px;height:2px;display:block;overflow:hidden}.sign-in-splash-track:after{content:"";background:#59694d;width:42%;height:100%;animation:.44s cubic-bezier(.16,1,.3,1) both sign-in-track-load;display:block;transform:translate(-100%)}.sign-in-shell{z-index:0;opacity:0;transition:opacity .36s,transform .42s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(8px)}.sign-in-page.is-ready .sign-in-splash{visibility:hidden;opacity:0}.sign-in-page.is-ready .sign-in-shell{opacity:1;transform:none}@keyframes sign-in-mark-settle{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:none}}@keyframes sign-in-track-load{to{transform:translate(240%)}}.sign-in-shell{flex-direction:column;gap:34px;width:100%;max-width:360px;display:flex}.sign-in-brand img{object-fit:contain;width:90px;height:90px;display:block}.sign-in-brand{justify-content:center;align-items:center;display:flex}.sign-in-preview{padding-top:2px}.sign-in-track{border:0;height:44px;margin:0;position:relative}.sign-in-track:before{content:"";background:radial-gradient(circle,#d9d5d8 1px,#0000 1.35px) 0 0/7px 5px;height:20px;position:absolute;inset:15px 0 auto}.sign-in-tick{width:1.5px;height:16px;position:absolute;top:17px}.sign-in-marker{position:absolute;top:0;translate:-50%}.sign-in-marker svg{display:block}.sign-in-form h2{margin:0;font-size:15px;font-weight:650}.sign-in-provider{width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ded9dc;align-items:center;gap:10px;padding:0 2px;font-size:14px;text-decoration:none;display:flex}.sign-in-form h2+.sign-in-provider{border-top:1px solid #ded9dc;margin-top:14px}.sign-in-provider>span:nth-child(2){flex:1}.sign-in-provider-mark{color:#5f595e;border:1px solid #bdb7ba;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.sign-in-provider-mark.kakao{color:#3c1e1e;background:#f2e14a;border-color:#f2e14a}.sign-in-provider:focus-visible{outline-offset:3px;outline:2px solid #59694d}.sign-in-form form{margin-top:12px;animation:.22s cubic-bezier(.16,1,.3,1) both sign-in-panel-in}@keyframes sign-in-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sign-in-form label{color:#7d767b;font-size:11px;display:block}.sign-in-form input{width:100%;min-height:48px;color:inherit;font:inherit;background:0 0;border:0;border-bottom:1px solid #c9c4c7;border-radius:0;padding:6px 0;font-size:16px;display:block}.sign-in-form input:focus{border-bottom-color:#59694d;outline:0}.sign-in-form form>button[type=submit]{color:#3f4b39;width:100%;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c9c4c7;justify-content:space-between;align-items:center;margin-top:20px;padding:0 2px;font-size:14px;display:flex}.sign-in-form button:disabled{opacity:.45;cursor:default}.sign-in-form .sign-in-change{color:#7d767b;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:12px}.sign-in-note,.sign-in-error{word-break:keep-all;margin:12px 0 0;font-size:12px;line-height:1.6}.sign-in-note{color:#67616a}.sign-in-error{color:#a13434}@media (min-width:860px){.sign-in-page{align-items:center;padding:72px 40px}.sign-in-shell{flex-direction:row;gap:72px;max-width:880px}.sign-in-shell>*{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){.sign-in-splash{display:none}.sign-in-shell,.sign-in-form form{opacity:1;transition:none;animation:none;transform:none}}
