@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Roboto+Mono:wght@400;500&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";
:root{--color-primary:red;--color-primary-hover:#c00;--color-secondary:#065fd4;--color-neutral:#606060;--color-bg:#fff;--color-surface:#f2f2f2;--color-surface-hover:#e8e8e8;--color-text-primary:#0f0f0f;--color-text-secondary:#606060;--color-border:#e5e5e5;--color-success:#2ba640;--color-warning:#fb8c00;--color-error:red;--el-wood:#2ba640;--el-fire:red;--el-earth:#fb8c00;--el-metal:#606060;--el-water:#065fd4;--font-family:"Roboto", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Roboto Mono", monospace;--elevation-0:none;--elevation-1:0 1px 2px #0000001a;--elevation-2:0 4px 32px #0000001a;--elevation-3:0 8px 40px #0003;--radius-badge:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:20px}h1,h2,h3,h4,h5{color:var(--color-text-primary);font-family:var(--font-family)}.page-title{color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:32px}.section-title{color:var(--color-text-primary);font-size:20px;font-weight:500;line-height:28px}.broadcast-header{z-index:1000;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);height:56px;box-shadow:var(--elevation-1);position:sticky;top:0}.broadcast-header__inner{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 16px;display:flex}.broadcast-logo{color:var(--color-text-primary);align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.broadcast-logo__badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);letter-spacing:.5px;padding:2px 8px;font-size:13px;font-weight:700}.broadcast-nav,.broadcast-nav--desktop{align-items:center;gap:8px;display:flex}.broadcast-nav--mobile{display:none}.broadcast-chip{border-radius:var(--radius-pill);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.broadcast-chip:hover{background-color:var(--color-surface-hover)}.broadcast-chip--active{background-color:var(--color-text-primary);color:#fff}.broadcast-chip--active:hover{background-color:#272727}.broadcast-chip--red{background-color:var(--color-primary);color:#fff}.broadcast-chip--red:hover{background-color:var(--color-primary-hover)}.btn-broadcast{border-radius:var(--radius-pill);height:36px;font-family:var(--font-family);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-broadcast--subscribe{background-color:var(--color-text-primary);color:#fff}.btn-broadcast--subscribe:hover{background-color:#272727}.btn-broadcast--red{background-color:var(--color-primary);color:#fff}.btn-broadcast--red:hover{background-color:var(--color-primary-hover)}.btn-broadcast--secondary{background-color:var(--color-surface);color:var(--color-text-primary)}.btn-broadcast--secondary:hover{background-color:var(--color-surface-hover)}.btn-broadcast--outlined{border:1px solid var(--color-border);color:var(--color-text-primary);background-color:#0000}.btn-broadcast--outlined:hover{background-color:var(--color-surface)}.btn-broadcast--lg{height:44px;padding:0 24px;font-size:15px;font-weight:500}.btn-broadcast--full{width:100%}.broadcast-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.broadcast-surface{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:20px}.form-group-broadcast{flex-direction:column;gap:6px;display:flex}.form-label-broadcast{color:var(--color-text-secondary);font-size:12px;font-weight:500;line-height:16px}.form-input-broadcast,.form-select-broadcast,.form-textarea-broadcast{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);height:40px;font-family:var(--font-family);color:var(--color-text-primary);outline:none;padding:0 16px;font-size:14px;transition:border-color .15s,background-color .15s}.form-textarea-broadcast{height:auto;padding:12px 16px}.form-input-broadcast:focus,.form-select-broadcast:focus,.form-textarea-broadcast:focus{border-color:var(--color-text-primary);background-color:#fff}.pillar-broadcast-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:12px;padding:20px 16px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.pillar-broadcast-card:hover{box-shadow:var(--elevation-1);border-color:#b3b3b3}.pillar-broadcast-card--daymaster{border:2px solid var(--color-primary);background-color:#fff5f5}.pillar-broadcast-badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.chinese-glyph-broadcast{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:14px 8px}.chinese-glyph-broadcast__char{font-family:var(--font-family);font-size:38px;font-weight:700;line-height:1.1}.pipeline-stepper{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 18px;display:flex}.pipeline-step-badge{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.pipeline-step-badge--done{background-color:var(--color-success);color:#fff}.pipeline-step-badge--active{background-color:var(--color-primary);color:#fff}.broadcast-modal-overlay{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.broadcast-modal{background-color:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--elevation-3);border:1px solid var(--color-border);padding:28px}html,body{overflow-x:hidden}.site-wrapper{width:100%;overflow-x:hidden}.page-container{max-width:1200px;margin:0 auto;padding:24px 16px 64px}@media (max-width:860px){.my-charts-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.broadcast-pillars-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (max-width:640px){.broadcast-header{z-index:1000!important;height:auto!important;position:sticky!important;top:0!important}.broadcast-header__inner{height:52px!important;padding:0 12px!important}.broadcast-logo__text-extra{display:none!important}.broadcast-logo{gap:6px!important}.broadcast-nav--desktop{display:none!important}.broadcast-nav--mobile{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;background-color:var(--color-bg)!important;border-top:1px solid #eee!important;gap:8px!important;padding:7px 12px 9px!important;display:flex!important;overflow-x:auto!important}.broadcast-nav--mobile::-webkit-scrollbar{display:none!important}.broadcast-chip{white-space:nowrap!important;border-radius:9999px!important;flex-shrink:0!important;padding:6px 14px!important;font-size:13px!important;line-height:1.2!important}.form-input-broadcast,.form-select-broadcast{height:44px!important;padding:10px 12px!important;font-size:16px!important}.form-label-broadcast{margin-bottom:6px!important;font-size:13px!important;font-weight:700!important}.navbar-google-btn{padding:5px 10px!important;font-size:12px!important}.login-btn-text-desktop{display:none!important}.login-btn-text-mobile{display:inline!important}.navbar-user-info{display:none!important}.page-container{padding:16px 12px 48px!important}.broadcast-card{border-radius:10px!important;padding:16px 14px!important}.broadcast-surface{border-radius:10px!important;padding:14px 12px!important}.page-title{font-size:20px!important;line-height:28px!important}.section-title{font-size:17px!important;line-height:24px!important}.bazi-date-grid,.bazi-hour-grid{grid-template-columns:1fr!important;gap:10px!important}.bazi-unknown-time-box label{margin-top:0!important}.luck-pillars-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;gap:8px!important;display:flex!important;overflow-x:auto!important}.luck-pillars-grid>div{scroll-snap-align:start;flex:0 0 108px!important}.prediction-cards-grid{grid-template-columns:1fr!important}.master-reading-action-btn,.save-chart-action-btn{margin-top:6px;width:100%!important}.broadcast-modal-overlay{padding:12px!important}.broadcast-modal{border-radius:12px!important;max-height:90vh!important;padding:20px 16px!important;overflow-y:auto!important}}@media (max-width:480px){.broadcast-pillars-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.pillar-broadcast-card{gap:8px!important;padding:14px 8px!important}.chinese-glyph-broadcast{padding:10px 4px!important}.chinese-glyph-broadcast__char{font-size:28px!important}.pillar-broadcast-badge{padding:2px 8px!important;font-size:10px!important}}@media (max-width:340px){.broadcast-pillars-grid{grid-template-columns:1fr!important}.broadcast-chip{padding:4px 6px!important;font-size:11px!important}}@keyframes shimmerSweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-skeleton-bar{background:linear-gradient(90deg,#f0f0f0 25%,#dcdcdc 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite shimmerSweep}.card-loading-spinner{vertical-align:middle;border:2px solid #e5e5e5;border-top-color:red;border-radius:50%;width:11px;height:11px;animation:.75s linear infinite spin;display:inline-block}.print-header-dossier{display:none}@media print{@page{margin:15mm 15mm 20mm;size:A4 portrait}body{color:#000!important;background:#fff!important;font-size:11pt!important;line-height:1.5!important}.broadcast-header,.no-print,#bazi-form,.broadcast-chip,.btn-broadcast,.broadcast-modal-overlay,.toast{display:none!important}.print-header-dossier{margin-bottom:20px;display:block!important}.page-container{max-width:100%!important;margin:0!important;padding:0!important}.broadcast-card{page-break-inside:avoid;break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important;margin-bottom:16px!important;padding:16px!important}.broadcast-pillar{box-shadow:none!important;border:1px solid #999!important}}