.hid-modal{--hid-card:#ffffff;--hid-line:rgba(15,23,42,0.12);--hid-text:#1f2937;--hid-muted:#6b7280;--hid-ink:#0f5c4a;position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.5)}.dark .hid-modal,[data-theme=dark] .hid-modal{--hid-card:#15201b;--hid-line:rgba(255,255,255,0.12);--hid-text:#e8efe9;--hid-muted:#93a59b;--hid-ink:#7dd3b0}.hid-box{width:100%;max-width:420px;max-height:100%;overflow-y:auto;padding:16px;border-radius:14px;background:var(--hid-card);color:var(--hid-text);display:flex;flex-direction:column;gap:12px}.hid-head{display:flex;align-items:center;justify-content:space-between}.hid-head h3{margin:0;font-size:17px;font-weight:700;color:var(--hid-text)}.hid-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--hid-card);color:var(--hid-text);cursor:pointer}.hid-canvas,.hid-close{border-radius:8px;border:1px solid var(--hid-line)}.hid-canvas{display:block;width:100%;max-height:58vh;-o-object-fit:contain;object-fit:contain;aspect-ratio:1080/1350}.hid-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hid-styles button{height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid var(--hid-line);background:var(--hid-card);color:var(--hid-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.hid-styles button.is-on{border-color:var(--hid-ink);box-shadow:inset 0 0 0 1px var(--hid-ink);color:var(--hid-ink)}.hid-styles i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(127,127,127,.5)}.hid-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hid-primary,.hid-secondary{height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.hid-primary{border:none;background:#0f5c4a;color:#ffffff}.hid-secondary{border:1px solid var(--hid-line);background:var(--hid-card);color:var(--hid-text)}.hid-primary .material-symbols-outlined,.hid-secondary .material-symbols-outlined{font-size:20px}.hid-size{margin:0;text-align:center;font-size:12px;color:var(--hid-muted)}.hod{--hod-card:#ffffff;--hod-line:rgba(15,23,42,0.1);--hod-ink:#0f5c4a;--hod-text:#1f2937;--hod-muted:#6b7280;margin-bottom:36px}.dark .hod,[data-theme=dark] .hod{--hod-card:#15201b;--hod-line:rgba(255,255,255,0.1);--hod-ink:#7dd3b0;--hod-text:#e8efe9;--hod-muted:#93a59b}.hod-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hod-head h2{margin:0;font-size:22px;font-weight:700;color:var(--hod-text)}.hod-nav{display:flex;align-items:center;gap:6px}.hod-arrow,.hod-today{height:36px;border-radius:8px;border:1px solid var(--hod-line);background:var(--hod-card);color:var(--hod-text);cursor:pointer}.hod-arrow{width:36px;display:flex;align-items:center;justify-content:center;padding:0}.hod-arrow .material-symbols-outlined{font-size:20px}.hod-today{padding:0 12px;font-size:13px;font-weight:600}.hod-card{margin:0;padding:24px;border-radius:12px;border:1px solid var(--hod-line);background:var(--hod-card)}.hod-en{margin:0;font-size:18px;line-height:1.6;color:var(--hod-text)}.hod-src{margin-top:12px;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;color:var(--hod-muted)}.hod-src cite{font-style:normal;font-weight:600;color:var(--hod-ink)}.hod-actions{margin-top:16px;padding-top:12px;border-top:1px solid var(--hod-line);display:flex;gap:20px}.hod-text-btn{padding:0;border:none;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--hod-ink);text-decoration:none;cursor:pointer}.hod-text-btn:hover{text-decoration:underline}@media (max-width:640px){.hod-card{padding:18px}.hod-en{font-size:16px}}