:root{--cp-bg-color:#f0f4f8;--cp-text-main:#0f2942;--cp-text-muted:#8a9ba8;--cp-color-public:#64ccdb;--cp-color-public-hover:#52b8c7;--cp-color-user:#ff3b30;--cp-color-user-hover:#e02f25;--cp-font-family:"Noto Sans Thai",sans-serif;--cp-shadow-sm:0 2px 8px rgba(15,41,66,.05);--cp-shadow-md:0 4px 20px -2px rgba(15,41,66,.08);--cp-shadow-lg:0 10px 25px -5px rgba(15,41,66,.15);--cp-shadow-modal:0 20px 50px rgba(0,0,0,.15);--cp-transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}.cp-container{flex-grow:1;font-family:var(--cp-font-family);margin:0 auto;max-width:1200px;opacity:0;padding:3rem 1.5rem;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;width:100%}.cp-container.cp-loaded{opacity:1;transform:translateY(0)}.cp-header-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:1000px}.cp-reset-btn{align-items:center;background:hsla(0,0%,100%,.7);border:none;border-radius:9999px;box-shadow:var(--cp-shadow-sm);color:var(--cp-text-muted);cursor:pointer;display:flex;font-family:var(--cp-font-family);font-size:.75rem;gap:.5rem;padding:.5rem 1rem;transition:var(--cp-transition-smooth)}.cp-reset-btn:hover{background-color:#fff;color:var(--cp-color-user);transform:translateY(-1px)}.cp-stats-badge{align-items:center;background-color:#fff;border:1px solid rgba(15,41,66,.05);border-radius:9999px;box-shadow:var(--cp-shadow-sm);display:flex;font-size:.825rem;gap:.5rem;padding:.5rem 1.25rem}.cp-pulse-dot{animation:cp-pulse-ring 2s infinite;background-color:#10b981;border-radius:50%;height:10px;width:10px}@keyframes cp-pulse-ring{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7);transform:scale(.95)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(16,185,129,0);transform:scale(.95)}}.cp-stats-text{color:var(--cp-text-muted);font-weight:500}.cp-stats-count{color:var(--cp-text-main);font-weight:700}.cp-hero{margin-bottom:3rem;text-align:center;user-select:none}.cp-flex-center{align-items:center;display:flex;justify-content:center}.cp-hero-icon-container{border-radius:50%;display:inline-flex;margin-bottom:1rem;padding:.75rem;transition:var(--cp-transition-smooth)}.cp-hero-icon-container.cp-theme-public{background-color:#e0f7fa;color:var(--cp-color-public)}.cp-hero-icon-container.cp-theme-user{background-color:#ffebee;color:var(--cp-color-user)}.cp-hero-title{align-items:center;color:var(--cp-text-main);display:flex;font-size:2.25rem;font-weight:700;gap:.5rem;justify-content:center}.cp-hero-desc{color:var(--cp-text-muted);font-size:.95rem;line-height:1.6;margin:.75rem auto 0;max-width:550px}.cp-tabs-container{display:flex;justify-content:center;margin-bottom:3.5rem}.cp-tabs-wrapper{backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.85);border:1px solid rgba(15,41,66,.03);border-radius:9999px;box-shadow:var(--cp-shadow-sm);display:inline-flex;gap:.25rem;padding:.375rem}.cp-tab-btn{align-items:center;background-color:transparent;border:none;border-radius:9999px;color:var(--cp-text-muted);cursor:pointer;display:flex;font-family:var(--cp-font-family);font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:155px;outline:none;padding:.875rem 2rem;transition:var(--cp-transition-smooth);-webkit-tap-highlight-color:rgba(0,0,0,0)}.cp-tab-btn:hover{background-color:hsla(0,0%,100%,.9);color:var(--cp-text-main)!important}.cp-tab-btn.cp-active-public{background-color:var(--cp-color-public);box-shadow:0 4px 14px rgba(100,204,219,.35);color:#fff}.cp-tab-btn.cp-active-user{background-color:var(--cp-color-user);box-shadow:0 4px 14px rgba(255,59,48,.35);color:#fff}.cp-coupon-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin:0 auto;max-width:1000px;opacity:1;transform:translateY(0);transition:var(--cp-transition-smooth)}.cp-coupon-grid.cp-fade-out{opacity:0;transform:translateY(15px)}@media(min-width:768px){.cp-coupon-grid.cp-grid-2{grid-template-columns:repeat(2,1fr)}.cp-coupon-grid.cp-grid-3{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.cp-tab-btn{padding:.875rem .6rem}}.cp-ticket-card{background-color:#fff;border:1px solid rgba(15,41,66,.03);border-radius:1.25rem;box-shadow:var(--cp-shadow-md);cursor:pointer;display:flex;overflow:visible;position:relative;transition:var(--cp-transition-smooth)}.cp-ticket-card:hover{box-shadow:var(--cp-shadow-lg);transform:translateY(-5px)}.cp-ticket-left{align-items:center;border-radius:1.25rem 0 0 1.25rem;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:.5rem;position:relative;user-select:none;width:35%}.cp-ticket-left.cp-bg-public{background-color:var(--cp-color-public)}.cp-ticket-left.cp-bg-user{background-color:var(--cp-color-user)}.cp-ticket-value{font-size:1.85rem;font-weight:700;letter-spacing:-.5px}.cp-ticket-min-spend{font-size:.75rem;font-weight:300;margin-top:.25rem;opacity:.9;text-align:center}.cp-cp-ticket-notch-bottom,.cp-ticket-notch-bottom,.cp-ticket-notch-top{background-color:var(--cp-bg-color);border-radius:50%;height:16px;position:absolute;right:-8px;width:16px;z-index:10}.cp-ticket-notch-top{top:0;transform:translateY(-50%)}.cp-ticket-notch-bottom{bottom:0;transform:translateY(50%)}.cp-ticket-divider-line{border-right:1px dashed hsla(0,0%,100%,.45);bottom:.75rem;position:absolute;right:0;top:.75rem}.cp-ticket-right{align-items:flex-start;border-radius:0 1.25rem 1.25rem 0;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;width:65%}.cp-ticket-title{color:var(--cp-text-main);font-family:var(--cp-font-family);font-size:1.125rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap;width:100%}.cp-ticket-card:hover .cp-ticket-title{color:var(--cp-color-public)}.cp-ticket-card.cp-user-card:hover .cp-ticket-title{color:var(--cp-color-user)}.cp-ticket-subtitle{color:var(--cp-text-muted);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cp-ticket-bottom-row{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem;width:100%}.cp-ticket-expiry{align-items:center;color:var(--cp-text-muted);display:flex;font-size:.75rem;font-weight:400;gap:.35rem;line-height:.75rem}.cp-ticket-expiry i{transform:translateY(-1.5px)}a.cp-collect-btn{line-height:.75rem;text-decoration:none}.cp-collect-btn{background:transparent;border:1px solid transparent;border-radius:9999px;cursor:pointer;font-family:var(--cp-font-family);font-size:.75rem;font-weight:600;padding:.35rem 1.15rem;transition:var(--cp-transition-smooth);z-index:15}.cp-collect-btn.cp-public-theme{border-color:var(--cp-color-public);color:var(--cp-color-public)}.cp-collect-btn.cp-public-theme:hover{background-color:#e0f7fa;transform:scale(1.05)}.cp-collect-btn.cp-user-theme{border-color:var(--cp-color-user);color:var(--cp-color-user)}.cp-collect-btn.cp-user-theme:hover{background-color:#ffebee;transform:scale(1.05)}.cp-collect-btn.cp-collected{background-color:#f1f5f9!important;border-color:#cbd5e1!important;color:#94a3b8!important;cursor:not-allowed;transform:none!important}.cp-modal-overlay{align-items:center;backdrop-filter:blur(6px);background-color:rgba(15,41,66,.6);display:flex;inset:0;justify-content:center;opacity:0;padding:1.25rem;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1000}.cp-modal-overlay.cp-open{opacity:1;pointer-events:auto}.cp-modal-container{background-color:#fff;border-radius:2rem;box-shadow:var(--cp-shadow-modal);max-width:520px;padding:2.25rem;position:relative;transform:scale(.92);transition:transform .35s cubic-bezier(.34,1.56,.64,1);width:100%}.cp-modal-overlay.cp-open .cp-modal-container{transform:scale(1)}.cp-modal-close{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--cp-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1.75rem;top:1.75rem;transition:var(--cp-transition-smooth)}.cp-modal-close:hover{background-color:#f1f5f9;color:var(--cp-text-main);transform:rotate(90deg)}.cp-modal-header{margin-bottom:1.5rem;padding-right:2rem}.cp-modal-title{color:var(--cp-text-main);font-size:1.65rem;font-weight:700;line-height:1.35}.cp-modal-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.85rem}.cp-modal-badge{border-radius:.5rem;font-size:.875rem;font-weight:600;padding:.35rem .85rem}.cp-modal-badge.cp-public{background-color:#e0f7fa;color:#00acc1}.cp-modal-badge.cp-user{background-color:#ffebee;color:var(--cp-color-user)}.cp-modal-badge-sub{color:var(--cp-text-muted);font-size:.875rem;font-weight:500}.cp-modal-divider{border:0;border-top:1px solid #f1f5f9;margin:1.5rem 0}.cp-modal-section-title{color:var(--cp-text-main);font-size:.95rem;font-weight:700;letter-spacing:.025em;margin-bottom:1.15rem}.cp-modal-rules-list{color:var(--cp-text-muted);display:flex;flex-direction:column;font-size:.85rem;list-style:none}.cp-modal-rules-list ul{margin:0}.cp-modal-rule-item{align-items:start;color:#475569;display:flex;font-size:.95rem;gap:.75rem;line-height:1.6}.cp-modal-rule-dot{border-radius:2px;flex-shrink:0;height:8px;margin-top:.55rem;width:8px}.cp-modal-rule-dot.cp-public{background-color:var(--cp-color-public)}.cp-modal-rule-dot.cp-user{background-color:var(--cp-color-user)}.cp-modal-expiry-text{color:var(--cp-text-main);font-size:.875rem;font-weight:500;margin:1.75rem 0 0;text-align:center}.cp-modal-action-btn{border:none;border-radius:1.25rem;color:#fff;cursor:pointer;font-family:var(--cp-font-family);font-size:1.125rem;font-weight:600;outline:none;padding:1.15rem;text-align:center;transition:var(--cp-transition-smooth);width:100%}.cp-modal-action-btn.cp-public{background-color:var(--cp-color-public);box-shadow:0 4px 12px rgba(100,204,219,.2)}.cp-modal-action-btn.cp-public:hover{background-color:var(--cp-color-public-hover);color:var(--cp-bg-color);transform:translateY(-1px)}.cp-modal-action-btn.cp-user{background-color:var(--cp-color-user);box-shadow:0 4px 12px rgba(255,59,48,.2)}.cp-modal-action-btn.cp-user:hover{background-color:var(--cp-color-user-hover);color:var(--cp-bg-color);transform:translateY(-1px)}.cp-modal-action-btn:disabled{background-color:#cbd5e1!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed;transform:none!important}.cp-toast{align-items:center;backdrop-filter:blur(4px);background-color:rgba(15,41,66,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:9999px;bottom:2rem;box-shadow:var(--cp-shadow-lg);color:#fff;display:flex;gap:.75rem;left:50%;opacity:0;padding:.75rem 1.75rem;pointer-events:none;position:fixed;transform:translate(-50%,1rem);transition:var(--cp-transition-smooth);z-index:2000}.cp-toast.cp-show{opacity:1;transform:translate(-50%)}.cp-toast-icon{align-items:center;border-radius:50%;color:var(--cp-text-main);display:flex;font-size:.75rem;height:24px;justify-content:center;width:24px}.cp-toast-icon.cp-success{background-color:var(--cp-color-public)}.cp-toast-icon.cp-error{background-color:#ef4444;color:#fff}.cp-toast-icon.cp-info{background-color:#fbbf24}.cp-toast-text{font-size:.875rem;font-weight:500}.cp-footer{background-color:#fff;border-top:1px solid #eef2f6;color:var(--cp-text-muted);font-size:.75rem;margin-top:4rem;padding:1.5rem;text-align:center;user-select:none}