.message-center{max-width:820px;padding:16px 16px calc(120px + env(safe-area-inset-bottom))}.message-heading h1{font-size:30px;margin:0 0 3px}.message-heading p{margin:0;color:#8290a4;font-size:14px}.message-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:2px;border:1px solid #e0e8ee;border-radius:26px;background:#ffffffab;margin:18px 0 12px}.message-tabs a{text-align:center;padding:8px;min-height:44px;border-radius:24px;color:#78879b;font-weight:600}.message-tabs a[aria-current]{background:#318c86;color:white}.message-section{margin:12px 0 0;padding:14px 12px 4px;border-radius:19px;border:1px solid #e5edf2;box-shadow:0 2px 12px #315d7204;background:#ffffffed}.message-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.message-section-heading h2{display:flex;align-items:center;gap:8px;margin:0;font-size:19px}.message-section-heading h2 svg{width:22px;color:#318c86}.message-section-heading>a{display:flex;align-items:center;gap:4px;font-size:11px;color:#8290a4;text-decoration:none;white-space:nowrap}.message-section-heading>a svg{width:14px}.message-order{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f5}.message-order:last-child{border-bottom:0}.message-order-image{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:60px;height:66px;border-radius:12px;background:linear-gradient(135deg,#e1f2eb,#eef6fa);color:#75aaa3}.message-order-image svg{width:30px;height:30px}.message-order-copy{min-width:0;flex:1 1}.message-order h3{font-size:14px;margin:0 0 2px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.message-order time{font-size:10px;color:#8593a6}.message-order-state{color:#268d80;font-size:12px;margin:4px 0}.message-order-state:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}.message-order-bottom{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:6px}.message-order-bottom>span{font-size:11px;color:#6f8394}.message-order-bottom a{background:#e5f5f2;color:#278c82;padding:8px 12px;border-radius:12px;font-size:12px;min-height:36px;text-decoration:none}.message-notice{padding:8px 0;border-bottom:1px solid #edf1f5}.message-notice:last-child{border-bottom:0}.message-notice-main{display:flex;position:relative;gap:10px;align-items:center;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;text-decoration:none;color:var(--ui-ink);min-height:48px;padding-right:12px}.message-notice-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#e0f3ef;color:#328e82}.message-notice-icon.tone-community{background:#e8f0fc;color:#588bc7}.message-notice-icon.tone-store{background:#fcf0df;color:#c99856}.message-notice-icon.tone-shield{background:#eeeafa;color:#8d79ae}.message-notice-copy{min-width:0;flex:1 1}.message-notice-copy>div{display:flex;align-items:center;gap:6px;justify-content:space-between}.message-notice h3{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-notice time{color:#8996aa;font-size:10px;white-space:nowrap}.message-notice-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:12px;color:#8593a6}.message-notice-main>svg{position:absolute;top:7px;right:-2px;width:12px;height:14px;color:#8996aa}.message-unread{position:absolute;width:7px;height:7px;border-radius:50%;background:#f45d70;right:0;bottom:8px}.message-timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.message-timeline-toolbar>.ui-button{flex:0 0 auto;min-height:34px;padding:5px 9px;font-size:12px}.message-delivery-fallback{margin:8px 0 12px;padding:9px 10px;border:1px solid #d8e8f3;border-radius:10px;background:#f2f8fc;color:#41657d;font-size:12px;line-height:1.5}.message-preferences{display:flex;align-items:center;gap:10px;margin-top:12px;padding:14px 12px;border-radius:19px;background:white;border:1px solid #e5edf2;text-decoration:none;color:var(--ui-ink)}.message-preferences>span{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;color:#328c83;background:#e5f4f1}.message-preferences>div{min-width:0;flex:1 1}.message-preferences h2{font-size:15px;margin:0}.message-preferences p{font-size:11px;margin:2px 0 0;color:#8391a4}.message-preferences>svg{width:14px;color:#8391a4}.message-empty{padding:16px 8px 20px;text-align:center}.message-empty>svg{width:30px;height:30px;color:#8ebbb1}.message-empty h3{font-size:14px;margin:5px 0}.message-empty p{font-size:12px;margin:4px 0;color:#8191a3}.message-empty a{display:inline-flex;align-items:center;font-size:12px;text-decoration:none}.message-empty a svg{width:14px}.message-empty button{margin:8px 0 0;min-height:36px}.message-chips{display:flex;flex:1 1;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:8px}@media (max-width:420px){.message-timeline-toolbar{align-items:flex-start}.message-chips{padding-top:1px}}.message-chips a{flex-shrink:0;padding:5px 10px;border-radius:16px;background:#f2f6f8;font-size:11px;color:#76899d}.message-chips a[aria-current]{background:#e0f2ec;color:#278c80}.message-next{display:block;padding:12px;text-align:center;font-size:12px}.message-skeleton>div{display:flex;gap:10px;padding:12px 0}.message-skeleton span{width:50px;height:55px;border-radius:12px;background:#e6f1ee}.message-skeleton p{flex:1 1;margin:0}.message-skeleton i{display:block;height:12px;margin:8px 0;border-radius:6px;background:#eef3f5}.message-skeleton i:last-child{width:65%}.message-preferences-page{max-width:700px;padding-bottom:calc(120px + env(safe-area-inset-bottom))}