.zOffBackdrop{opacity:0;pointer-events:none;z-index:1050;background:#00000059;transition:opacity .2s;position:fixed;inset:0}.zOffBackdrop.show{opacity:1;pointer-events:auto}.zOffcanvas{z-index:1060;background:#fff;flex-direction:column;width:360px;max-width:92vw;height:100vh;transition:transform .22s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-12px 0 30px #00000026}.zOffcanvas.show{transform:translate(0)}.zOffHead{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px;display:flex}.zOffTitle{color:#111;font-size:16px;font-weight:700}.zOffClose{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:18px}.zOffClose:hover{background:#f2f2f2}.zOffBody{padding:12px 12px 18px;overflow:auto}.zOffCard{border:1px solid #eee;border-radius:12px;margin-bottom:12px;padding:12px}.zOffMuted{color:#666;font-size:13px}.zOffBtn{color:#fff;white-space:nowrap;background:#111;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.zOffBtn:hover{opacity:.92;color:#fff}.zOffSection{border-top:1px solid #f0f0f0;margin-top:10px;padding-top:10px}.zOffSectionTitle{color:#111;margin:6px 6px 8px;font-size:13px;font-weight:700}.zOffItem,.zOffItemBtn{color:#111;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 10px;text-decoration:none;display:flex}.zOffItem:hover,.zOffItemBtn:hover{background:#f6f6f6}.zOffRight{color:#999;margin-left:auto;font-size:18px}.zOffMeta{color:#555;background:#f4f4f4;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.zAccBtn{color:#111;background:#fff;border:1px solid #ddd;border-radius:12px;height:38px;padding:0 12px}.zOffMiniRow{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.zOffLinkBtn{color:#111;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.zModalBackdrop{opacity:0;pointer-events:none;z-index:2000;background:#0000008c;transition:opacity .2s;position:fixed;inset:0}.zModalBackdrop.show{opacity:1;pointer-events:auto}.zModalWrap{z-index:2001;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.zModalCard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 80px #00000040}.zModalHead{border-bottom:1px solid #f1f1f1;justify-content:space-between;align-items:center;padding:14px;display:flex}.zModalTitle{color:#111;font-weight:700}.zModalClose{color:#111;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:36px;height:36px}.zModalClose:hover{background:#f9f9f9}.zModalTabs{border-bottom:1px solid #f1f1f1;gap:8px;padding:10px 14px;display:flex}.zTab{color:#666;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:10px 12px}.zTab.active{color:#111;background:#f9fafb;border-color:#ddd}.zModalBody{padding:14px}.zAuthForm{flex-direction:column;gap:10px;display:flex}.zAuthLabel{color:#444;font-size:13px}.zAuthInput{color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;height:44px;padding:0 12px}.zAuthInput:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d4826}.zAuthBtn{color:#fff;cursor:pointer;background:#000;border:0;border-radius:12px;height:46px;margin-top:6px;font-weight:700}.zAuthBtn:disabled{opacity:.75;cursor:not-allowed}.zAuthErr{color:#111;background:#fdecec;border:1px solid #f5c2c7;border-radius:12px;padding:10px 12px}