.hcm-device-note{width:100%;margin:24px 0;padding:16px 20px;border-radius:12px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;box-sizing:border-box}.hcm-device-note--sp_browser{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-left:4px solid #4caf50}.hcm-device-note--sp_browser .hcm-device-note__header{color:#2e7d32}.hcm-device-note--android_only{background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);border-left:4px solid #ff9800}.hcm-device-note--android_only .hcm-device-note__header{color:#e65100}.hcm-device-note--pc_only{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:4px solid #2196f3}.hcm-device-note--pc_only .hcm-device-note__header{color:#1565c0}.hcm-device-note--partial{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-left:4px solid #ff9800}.hcm-device-note--partial .hcm-device-note__header{color:#e65100}.hcm-device-note--unknown{background:linear-gradient(135deg,#f5f5f5 0%,#eee 100%);border-left:4px solid #9e9e9e}.hcm-device-note--unknown .hcm-device-note__header{color:#616161}.hcm-device-note--general{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-left:4px solid #4caf50}.hcm-device-note--general .hcm-device-note__header{color:#2e7d32}.hcm-device-note__header{font-size:16px;font-weight:700;margin-bottom:12px}.hcm-device-note__message{color:#333;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed rgba(0,0,0,.15)}.hcm-device-note__message strong{color:#d32f2f;font-weight:700}.hcm-device-note__status{color:#555;font-size:13px;line-height:1.8;background:rgba(255,255,255,.5);padding:12px 16px;border-radius:8px}.hcm-device-note__status strong{color:#333;font-size:14px}.hcm-device-note--status-only{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left:4px solid #2196f3;padding:12px 16px}.hcm-device-note--status-only .hcm-device-note__status{background:0 0;padding:0}.hcm-device-note--compact{display:inline-block;font-size:12px;color:#666;background:#f5f5f5;padding:4px 8px;border-radius:4px}@media (max-width:480px){.hcm-device-note{padding:14px 16px;font-size:13px}.hcm-device-note__header{font-size:15px}.hcm-device-note__status{font-size:12px;padding:10px 12px}}@media (prefers-color-scheme:dark){.hcm-device-note{background:#1e1e1e;border-left-color:#4caf50}.hcm-device-note--sp_browser,.hcm-device-note--general{background:linear-gradient(135deg,#1b3a1e 0%,#2e4a30 100%)}.hcm-device-note--android_only,.hcm-device-note--partial{background:linear-gradient(135deg,#3e2a10 0%,#4a3518 100%)}.hcm-device-note--pc_only{background:linear-gradient(135deg,#1a2a3e 0%,#243a52 100%)}.hcm-device-note--unknown,.hcm-device-note--status-only{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%)}.hcm-device-note__header{color:#81c784}.hcm-device-note__message{color:#e0e0e0;border-bottom-color:rgba(255,255,255,.15)}.hcm-device-note__message strong{color:#ef5350}.hcm-device-note__status{color:#bdbdbd;background:rgba(0,0,0,.3)}.hcm-device-note__status strong{color:#e0e0e0}}