.topic-usage-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a85;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.topic-usage-modal{background:var(--front-color-surface);width:620px;animation:topic-usage-modal-enter var(--front-transition-base) both;border:1px solid #ffffffb8;border-radius:14px;overflow:hidden;box-shadow:0 28px 80px #0f172a3d}.topic-usage-modal__header{justify-content:space-between;align-items:flex-start;padding:14px 28px 12px;display:flex}.topic-usage-modal__header h2,.topic-usage-modal__header p,.topic-usage-modal__footer p{margin:0}.topic-usage-modal__header h2{color:var(--front-color-text-primary);font-family:var(--front-font-display);letter-spacing:-.025em;font-size:20px;line-height:1.25}.topic-usage-modal__header p{color:var(--front-color-text-secondary);margin-top:6px;font-size:14px;line-height:1.5}.topic-usage-modal__close{border-radius:var(--front-radius-base);width:36px;height:36px;color:var(--front-color-text-secondary);cursor:pointer;transition:var(--front-transition-fast);background:0 0;border:0;place-items:center;display:grid}.topic-usage-modal__close:hover{background:var(--front-color-primary-soft);color:var(--front-color-primary)}.topic-usage-modal__quota{border:1px solid var(--front-color-primary-border);border-radius:var(--front-radius-md);background:radial-gradient(circle at 94% 88%,#60a5fa21 0 22%,#0000 22.5%),radial-gradient(circle at 86% 112%,#3157f614 0 31%,#0000 31.5%),linear-gradient(112deg,#f4f8ff 0%,#f7faff 48%,#edf5ff 100%);align-items:center;gap:18px;margin:0 28px;padding:10px 118px 20px 10px;display:flex;position:relative;overflow:hidden}.topic-usage-modal__icon{width:72px;height:72px;color:var(--front-color-primary);background:#dbeafeb8;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #bfdbfe66}.topic-usage-modal__quota-copy{z-index:1;gap:12px;display:grid;position:relative}.topic-usage-modal__quota-copy strong{color:var(--front-color-text-primary);white-space:nowrap;font-size:18px}.topic-usage-modal__quota-copy em{color:#f05a22;font-family:var(--front-font-display);font-size:34px;font-style:normal}.topic-usage-modal__quota-copy span{border-top:1px solid var(--front-color-primary-border);color:var(--front-color-text-secondary);padding-top:14px;font-size:14px}.topic-usage-modal__quota-copy b{color:var(--front-color-success);font-family:var(--front-font-display);margin-left:8px;font-size:22px}.topic-usage-modal__paper{border-radius:var(--front-radius-md);background:#ffffffad;border:1px solid #a5b4fc66;width:96px;height:122px;padding:26px 16px;position:absolute;bottom:-32px;right:20px;transform:rotate(12deg)}.topic-usage-modal__paper i{border-radius:var(--front-radius-sm);background:var(--front-color-primary-border);height:6px;margin-bottom:10px;display:block}.topic-usage-modal__paper i:last-child{width:66%}.topic-usage-modal__footer{justify-content:space-between;align-items:center;gap:16px;padding:10px 28px 14px;display:flex}.topic-usage-modal__footer p{max-width:270px;color:var(--front-color-text-secondary);font-size:13px;line-height:var(--front-line-height-normal);align-items:center;gap:8px;display:flex}.topic-usage-modal__footer>div{gap:10px;display:flex}.topic-usage-modal__confirm{background:linear-gradient(112deg, #60a5fa 0%, var(--front-color-primary) 55%, #2563eb 100%);color:#fff;min-width:126px;height:36px;font-size:14px;font-weight:var(--front-font-weight-bold);box-shadow:var(--front-shadow-primary);cursor:pointer;transition:var(--front-transition-fast);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.topic-usage-modal__confirm:hover{transform:translateY(-1px);box-shadow:0 14px 30px #3157f652}.topic-usage-modal__close:focus-visible,.topic-usage-modal__confirm:focus-visible{outline-offset:2px;outline:3px solid #3157f62e}@keyframes topic-usage-modal-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}