:root{color:#111827;background:#eef1f5;font-family:Noto Sans Thai,Th Sarabun New,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.submit-shell{min-height:100svh;grid-template-rows:auto minmax(380px,1fr)}.howto-panel{align-items:center;background:linear-gradient(135deg,#040911f0,#0d1f34eb),linear-gradient(120deg,#09111f,#132f4c);display:flex;flex-direction:column;gap:14px;justify-content:center;overflow:hidden;padding:18px 0 14px}.share-slide{display:block;max-width:90%;overflow:hidden;position:relative;width:100%}.share-slide-track{display:flex;transition:transform .42s ease-out;width:100%}.slide-image{border:4px solid #111827;border-radius:10px;box-shadow:0 22px 54px #00000061;display:block;flex:0 0 100%;height:auto;max-width:100%;width:100%}@media(prefers-reduced-motion:reduce){.share-slide-track{transition:none}}.slide-dots{display:flex;gap:10px;margin-top:0}.slide-dots button{background:#ffffff5c;border:0;border-radius:2px;height:10px;padding:0;width:10px}.slide-dots button.active{background:#f8fafc;width:28px}.form-panel{background:#eef1f5;display:flex;justify-content:center;padding:24px 18px 36px}.form-panel form{background:#fff;border:1px solid #d8dee8;border-radius:10px;box-shadow:0 18px 42px #0f172a1a;max-width:640px;padding:clamp(18px,4vw,28px);width:100%}.form-heading{margin-bottom:16px}.form-heading p{color:#1d4ed8;font-size:13px;font-weight:900;margin:0 0 4px;text-transform:uppercase}.form-heading h2{color:#18201d;font-size:clamp(24px,5vw,34px);line-height:1.1;margin:0}.form-panel label:first-of-type{color:#26342e;display:block;font-size:16px;font-weight:800;margin-bottom:10px}.hashtag-copy{align-items:center;background:#eff4fb;border:1px solid #d6e0ed;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto;margin-bottom:18px;padding:13px 14px}.hashtag-copy span{color:#475569;display:block;font-size:13px;font-weight:800;margin-bottom:3px}.hashtag-copy strong{color:#1f2924;display:block;font-size:clamp(15px,3.4vw,18px);overflow-wrap:anywhere}.hashtag-copy button{align-items:center;background:#0f2f56;border:0;border-radius:6px;color:#fff;display:inline-flex;height:42px;justify-content:center;padding:0;width:42px}.url-control{position:relative}.url-control input,.admin-login input{border:1px solid #bdcbc5;border-radius:8px;color:#17211b;min-height:54px;outline:none;padding:0 16px;width:100%}.url-control input{padding-right:60px}.url-control input:focus,.admin-login input:focus{border-color:#0f2f56;box-shadow:0 0 0 4px #0f2f5624}.submit-button,.modal-panel button,.dashboard-header button,.admin-login button{background:#0f2f56;border:0;border-radius:8px;color:#fff;font-weight:800;min-height:54px;padding:0 18px}.url-control button{align-items:center;background:#0f2f56;border:0;border-radius:6px;color:#fff;display:inline-flex;height:42px;justify-content:center;padding:0;position:absolute;right:6px;top:6px;width:42px}.terms-row{align-items:flex-start;color:#34443d;display:flex;gap:10px;line-height:1.5;margin:18px 0}.terms-row input{height:20px;margin-top:2px;width:20px}.terms-row button,.link-button,.top-list button{background:transparent;border:0;color:#0f2f56;padding:0;text-align:left;text-decoration:underline}.status{border-radius:8px;font-weight:700;margin:0 0 16px;padding:12px 14px}.status.error{background:#ffe9e9;color:#9a2525}.toast{animation:toast-in .18s ease-out;border-radius:8px;box-shadow:0 16px 42px #22302b33;font-weight:800;left:50%;line-height:1.45;max-width:min(92vw,560px);padding:12px 18px;position:fixed;text-align:center;top:calc(env(safe-area-inset-top) + 16px);transform:translate(-50%);z-index:40}.toast.error{background:#ffe9e9;color:#9a2525}.toast.idle,.toast.success{background:#e8eef7;color:#0f2f56}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.submit-button{font-size:18px;width:100%}.submit-button:disabled{background:#7b8796}.modal-backdrop{align-items:center;background:#0f181494;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:20}.modal-panel{background:#fff;border-radius:10px;max-height:86svh;max-width:560px;overflow:auto;padding:24px;width:100%}.modal-panel h2{margin:0 0 14px}.modal-panel li{line-height:1.55;margin-bottom:10px}.modal-panel button{margin-top:8px;width:100%}.success-shell{align-items:center;background:linear-gradient(135deg,#e8eef7,#fff);display:flex;justify-content:center;min-height:100svh;padding:24px;text-align:center}.success-shell section{max-width:520px}.success-mark{align-items:center;background:#0f2f56;border-radius:10px;color:#fff;display:inline-flex;font-size:42px;font-weight:900;height:84px;justify-content:center;width:84px}.success-shell h1{font-size:clamp(34px,7vw,58px);line-height:1.08;margin:24px 0 10px}.success-shell p{color:#4c5d55;font-size:20px;line-height:1.55;margin:0}.closed-shell{align-items:center;background:linear-gradient(135deg,#e8eef7,#fff);display:flex;justify-content:center;min-height:100svh;padding:24px;text-align:center}.closed-shell section{max-width:560px}.closed-shell h1{font-size:clamp(28px,6vw,46px);line-height:1.1;margin:0 0 16px}.closed-shell p{color:#0f2f56;font-size:clamp(20px,4vw,28px);font-weight:700;line-height:1.5;margin:0}.dashboard-shell{background:#eef1f5;min-height:100svh;padding:28px}.dashboard-shell.locked{align-items:center;display:flex;justify-content:center}.admin-login{background:#fff;border-radius:10px;box-shadow:0 18px 50px #22302b1f;display:grid;gap:14px;max-width:420px;padding:24px;width:100%}.admin-login h1{margin:0}.dashboard-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.dashboard-header p{color:#0f2f56;font-weight:900;margin:0 0 4px}.dashboard-header h1{margin:0}.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.dashboard-actions button:disabled{background:#7b8796;cursor:not-allowed}.dashboard-filter{align-items:center;background:#fff;border:1px solid #dfe8e3;border-radius:8px;color:#475569;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding:10px 14px}.dashboard-filter label{align-items:center;color:#111827;display:flex;font-weight:800;gap:8px}.dashboard-filter input{height:18px;width:18px}.dashboard-filter strong{font-size:14px;text-align:right}.metrics-status{align-items:center;background:#fff;border:1px solid #dfe8e3;border-radius:8px;color:#34443d;display:flex;gap:10px;justify-content:space-between;line-height:1.5;margin-bottom:18px;padding:12px 16px}.metrics-status strong{color:#0f2f56}.summary-grid{display:grid;gap:18px;grid-template-columns:1fr;margin-bottom:22px}.top-list,.table-panel{background:#fff;border:1px solid #dfe8e3;border-radius:8px;padding:18px}.top-list h2{margin:0 0 14px}.top-list ol{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));list-style-position:inside;margin:0;padding:0}.top-list li{border:1px solid #e3e8ef;border-radius:8px;display:grid;gap:8px;min-width:0;padding:8px}.top-list button{align-items:start;display:grid;gap:4px;width:100%}.top-list span,.link-button{overflow-wrap:anywhere}.top-list strong{color:#17211b;font-size:18px}.embedded-post{background:#eef1f5;border-radius:6px;height:170px;overflow:hidden;width:100%}.embedded-post iframe{border:0;height:170px;width:100%}.post-preview-fallback{align-content:center;background:linear-gradient(135deg,#0f2f56f0,#040911eb);border:0;border-radius:6px;color:#fff;display:grid;gap:6px;height:170px;justify-items:start;padding:14px;text-align:left;text-decoration:none;width:100%}.post-preview-fallback span{color:#fff;font-weight:900;overflow-wrap:anywhere}.post-preview-fallback small{color:#cbd5e1;line-height:1.4;overflow-wrap:anywhere}.empty-text{color:#607069}.table-scroll{overflow-x:auto}table{border-collapse:collapse;min-width:940px;width:100%}th,td{border-bottom:1px solid #edf1ef;padding:12px;text-align:left;vertical-align:top}th{color:#52625b;font-size:14px}.danger-button{background:#b3261e;border:0;border-radius:6px;color:#fff;font-weight:800;padding:8px 12px}.metric-status{display:inline-grid;gap:2px;line-height:1.3}.metric-status small{color:#64748b;font-size:12px;max-width:220px;overflow-wrap:anywhere}.metric-status:first-line{font-weight:800}.metric-status.failed{color:#b3261e}.metric-status.pending{color:#64748b;font-weight:800}.metric-status.updated{color:#0f2f56;font-weight:800}@media(max-width:760px){.submit-shell{grid-template-rows:auto minmax(58svh,auto)}.howto-panel{gap:14px;padding:14px 0 12px}.summary-grid{grid-template-columns:1fr}.top-list ol{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-header,.dashboard-filter,.metrics-status{align-items:stretch;flex-direction:column}.dashboard-filter strong{text-align:left}.dashboard-actions,.dashboard-actions button{width:100%}.dashboard-shell{padding:18px}}@media(max-width:420px){.top-list ol{grid-template-columns:1fr}}