@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Sarabun:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #020617;--bg2: #0f172a;--bg3: #1e293b;--text: #f8fafc;--text2: #cbd5e1;--text3: #94a3b8;--muted: #64748b;--border: rgba(255, 255, 255, .1);--card: #0f172a;--red: #ff2d20;--blue: #38bdf8;--green: #22c55e;--purple: #a78bfa;--amber: #fbbf24;--cyan: #22d3ee;--accent-gradient: linear-gradient(135deg, #ff2d20 0%, #ff7a59 100%);--ai-gradient: linear-gradient(135deg, #38bdf8 0%, #a78bfa 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Sarabun,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.05) 1px,transparent 0);background-size:40px 40px;z-index:-1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.card-sm{padding:16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;border:none;transition:all .2s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#dc2626}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text2)}.form-group input{width:100%;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--blue)}.error{color:var(--red);font-size:.875rem;margin-top:8px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#22c55e26;color:var(--green)}.badge-locked{background:#ef444426;color:var(--red)}.fade-in{animation:fadeIn .3s ease-out}@media (max-width: 768px){.day-inner{flex-direction:column!important;padding:30px!important}.day-badge{width:60px!important;height:60px!important}.highlights{grid-template-columns:1fr!important}}