.cn-settings{display:grid;gap:4px}.cn-settings h2{font:700 var(--fs-17)/1.3 var(--font-ui)}.cn-settings>div>p{margin-top:4px;color:var(--muted);font-size:var(--fs-13)}.cn-setting{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.cn-setting strong{font-weight:600}.cn-setting small{display:block;margin-top:2px;max-width:460px;color:var(--muted);font-size:var(--fs-13);line-height:1.5}.cn-setting-control{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.cn-setting input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:48px;height:28px;margin:0;border-radius:var(--r-pill);background:var(--line-strong);cursor:pointer;transition:background-color .15s}.cn-setting input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s}.cn-setting input[type=checkbox]:checked{background:var(--green)}.cn-setting input[type=checkbox]:checked:before{transform:translateX(20px)}.cn-setting input[type=checkbox]:disabled{opacity:.5;cursor:wait}.cn-saved{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green-tint);color:var(--green);opacity:0;transition:opacity .2s}.cn-saved.show{opacity:1}.cn-saved svg{width:13px;height:13px}.cn-settings-error{margin-top:12px;color:var(--danger);font-size:var(--fs-13)}.cn-load{justify-self:start;margin-top:12px}.cn-open{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}.cn-device{display:flex;align-items:flex-start;gap:14px;margin-top:16px;padding:16px;border-radius:var(--r-box);background:var(--soft)}.cn-device-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:var(--surface);color:var(--muted)}.cn-device-icon svg{width:19px;height:19px}.cn-device-on .cn-device-icon{background:var(--green);color:#fff}.cn-device-off .cn-device-icon{background:var(--coral-tint);color:var(--coral-ink)}.cn-device-body{flex:1 1;min-width:0}.cn-device-body strong{display:block;font-size:var(--fs-15)}.cn-device-body p{margin-top:4px;color:var(--muted);font-size:var(--fs-13);line-height:1.5;overflow-wrap:anywhere}.cn-device-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.cn-device-link{min-height:36px;padding:0;border:0;background:none;color:var(--green);font-weight:600;font-size:var(--fs-13);text-decoration:underline;text-underline-offset:3px;text-align:left}.cn-count{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:8px;padding:0 7px;border-radius:var(--r-pill);background:var(--coral-deep);color:#fff;font:700 var(--fs-12)/1 var(--font-ui);vertical-align:2px}.cn-inbox{padding-block:20px 48px;max-width:880px;margin-inline:auto}.cn-inbox-heading{margin:8px 0 20px}.cn-inbox-heading h1{font:700 var(--fs-30)/1.15 var(--font-head);letter-spacing:-.02em}.cn-inbox-heading p{margin-top:6px;color:var(--muted)}.cn-inbox-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 20px;padding:18px 20px;border-radius:var(--r-card);background:var(--surface)}.cn-inbox-toolbar>div>span{display:block;margin-top:2px;color:var(--muted);font-size:var(--fs-13)}.cn-actions{display:flex;flex-wrap:wrap;gap:8px}.cn-inbox-error{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;padding:14px 18px;border-radius:var(--r-box);background:var(--danger-tint);color:#7A1A14}.cn-empty{display:grid;justify-items:start;gap:10px;margin-top:20px;padding:32px 24px;border-radius:var(--r-card);background:var(--surface)}.cn-empty h2{font:700 var(--fs-20)/1.25 var(--font-head)}.cn-empty p{max-width:440px;color:var(--muted)}.cn-day{margin:28px 0 10px;color:var(--muted);font:600 var(--fs-13)/1.4 var(--font-ui)}.cn-notice{display:flex;gap:16px;margin-bottom:10px;padding:18px 20px;border-radius:var(--r-card);background:var(--surface)}.cn-notice.unread{box-shadow:inset 4px 0 0 var(--green)}.cn-notice-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--ink)}.cn-notice-icon svg{width:22px;height:22px}.cn-notice-icon.pickup{background:var(--green);color:#fff}.cn-notice-icon.marketing{background:var(--coral-tint);color:var(--coral-ink)}.cn-notice-content{flex:1 1;min-width:0}.cn-notice-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:var(--fs-13)}.cn-category{color:var(--green);font-weight:700}.cn-notice time{color:var(--muted)}.cn-new{margin-left:auto;padding:2px 8px;border-radius:var(--r-tag);background:var(--coral-deep);color:#fff;font-size:var(--fs-12);font-weight:700}.cn-notice-content h3{margin:6px 0 4px;font:700 var(--fs-17)/1.35 var(--font-ui);overflow-wrap:anywhere}.cn-notice-content p{color:var(--muted);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.cn-notice-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:12px}.cn-notice-footer a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px;flex-wrap:wrap;min-width:0}.cn-notice-footer .cn-order-no{margin-left:.3em;overflow-wrap:anywhere}.cn-notice-footer .btn{min-height:40px;padding:6px 16px;font-size:var(--fs-13)}.cn-read-status{color:var(--muted);font-size:var(--fs-13)}.cn-load-more{margin-top:20px}@media (max-width:767px){.cn-inbox-heading h1{font-size:var(--fs-24)}.cn-inbox-toolbar{padding:16px}.cn-actions{width:100%}.cn-actions .btn{flex:1 1}.cn-notice{padding:16px;gap:12px}.cn-notice-icon{width:36px;height:36px}.cn-notice-icon svg{width:19px;height:19px}}.cp-banner{background:var(--coral-tint);color:var(--ink);font-size:var(--fs-15)}.cp-inner{position:relative;display:flex;align-items:center;gap:14px;width:min(100% - 2 * var(--gutter),var(--page-width));margin-inline:auto;padding:12px 48px 12px 0}.cp-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:var(--surface);color:var(--coral-ink)}.cp-icon svg{width:20px;height:20px}.cp-body{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;flex:1 1;min-width:0}.cp-text{font-weight:700}.cp-diag{order:3;flex-basis:100%;color:var(--muted);font-size:var(--fs-13);overflow-wrap:anywhere}.cp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-left:auto}.cp-primary{min-height:40px;padding:6px 16px}.cp-link{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.cp-close{position:absolute;top:50%;right:0;transform:translateY(-50%);display:grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;border:0;border-radius:50%;background:transparent;font-size:24px;line-height:1}.cp-close:hover{background:var(--surface)}@media (max-width:640px){.cp-inner{align-items:flex-start;gap:12px;padding:12px 40px 12px 0}.cp-text{flex-basis:100%}.cp-actions,.cp-diag{margin-left:0}.cp-close{top:6px;transform:none}}