@layer components{.lg-google{min-height:48px;font-size:var(--fs-3);background:#fff;gap:10px;padding:0 20px}.lg-google:hover:not(:disabled){background:var(--sheet)}.lg-auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.lg-auth-art{background:var(--paper-2);border-right:1px solid var(--edge);align-content:center;justify-items:center;gap:28px;padding:48px 32px;display:grid}.lg-auth-stool{width:min(380px,70%);height:auto;color:var(--moss);display:block;overflow:visible}.lg-auth-line{text-align:center;max-width:18ch;font-family:var(--font-display);font-weight:400;font-size:var(--fs-5);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;line-height:1.1}.lg-auth-main{outline:none;align-content:center;justify-items:start;gap:14px;padding:48px clamp(24px,7vw,112px);display:grid}.lg-auth-word{color:var(--moss);align-items:center;gap:10px;display:inline-flex}.lg-auth-title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-6);letter-spacing:-.015em;color:var(--ink);line-height:1.05}.lg-auth-sub{max-width:38ch;font-size:var(--fs-3);color:var(--ink-2)}.lg-auth-back{font-size:var(--fs-2);margin-top:8px}@media (max-width:860px){.lg-auth{grid-template-columns:minmax(0,1fr)}.lg-auth-art{border-right:0;border-bottom:1px solid var(--edge);gap:12px;padding:28px 24px 24px}.lg-auth-stool{width:150px}.lg-auth-line{display:none}.lg-auth-main{padding:32px 20px 48px}.lg-auth-title{font-size:var(--fs-5)}}.lg-wslist{min-height:100dvh;padding:0 clamp(16px,4vw,56px) 56px}.lg-wshead{justify-content:space-between;align-items:center;gap:12px;padding:14px 0 10px;display:flex}.lg-wslogo{color:var(--moss);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.lg-wsme{align-items:center;gap:14px;display:flex}.lg-wsme-name{color:var(--ink-2);font-size:var(--fs-2)}.lg-wsmain{outline:none;max-width:1100px;margin:0 auto;padding-top:34px}.lg-wsmain>.lg-sub{margin-top:6px}.lg-shelf{flex-wrap:wrap;align-items:flex-start;gap:22px 30px;margin-top:28px;padding:0 18px;list-style:none;display:flex}.lg-volume{width:176px}.lg-vspine{background:var(--moss);width:96px;height:300px;color:var(--paper);transition:transform var(--dur-fast) var(--ease-out);border:1px solid #1d3320;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:center;margin:0 auto;padding:14px 0 12px;text-decoration:none;display:flex;position:relative}.lg-volume[data-tone="1"] .lg-vspine{background:var(--ink);border-color:#000}.lg-volume[data-tone="2"] .lg-vspine{background:#3a5d3c}.lg-vspine:hover{transform:translateY(-4px)}.lg-vband{border-top:1px solid #f6f1e68c;border-bottom:1px solid #f6f1e68c;width:calc(100% - 18px);height:5px;display:block}.lg-vtitle{writing-mode:vertical-rl;max-height:190px;font-family:var(--font-display);font-weight:400;font-size:var(--fs-3);text-align:center;flex:1;justify-content:center;align-items:center;padding:8px 0;line-height:1.2;display:flex;overflow:hidden;transform:rotate(180deg)}.lg-vyear{font-size:var(--fs-1);letter-spacing:.04em;color:var(--paper);margin-top:6px;font-weight:600}.lg-shelfedge{background:var(--ink-2);height:2px;margin-top:-1px}.lg-vcap{text-align:center;font-size:var(--fs-2);margin-top:14px}.lg-vname{font-weight:600}.lg-wssect{max-width:660px;margin-top:44px}.lg-invites{border-top:1px solid var(--rule);margin-top:12px;list-style:none}.lg-invites li{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.lg-createform{max-width:520px;margin-top:12px}@media (max-width:640px){.lg-shelf{justify-content:center;padding:0}.lg-vspine{height:240px}.lg-volume{width:150px}.lg-wsme-name{display:none}}}