@import"https://fonts.cdnfonts.com/css/product-sans";@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap";:root{--bg-app: #f3f3f3;--bg-card: #ffffff;--bg-card-glass: rgba(255, 255, 255, .85);--border-light: #d1d5db;--border-med: #9ca3af;--text-main: #1e293b;--text-strong: #0f172a;--text-muted: #475569;--text-light: #64748b;--text-lighter: #94a3b8;--accent: #2575BB;--accent-bg-10: rgba(37, 117, 187, .08);--shadow: 0 1px 3px 0 rgb(0 0 0 / .05);--sleep-accent: #34A8B3;--sleep-border: #54CBB2;--sleep-bg-5: rgba(84, 203, 178, .05);--sleep-bg-10: rgba(84, 203, 178, .1);--sleep-text: #2575BB;--clear-btn-bg: rgba(239, 68, 68, .06);--clear-btn-border: rgba(239, 68, 68, .2);--clear-btn-text: #dc2626;--clear-btn-hover-bg: rgba(239, 68, 68, .1);--clear-btn-hover-border: rgba(239, 68, 68, .35)}.dark-theme{--bg-app: #101521;--bg-card: #1e293b;--bg-card-glass: rgba(16, 21, 33, .9);--border-light: #2d3f55;--border-med: #3d5068;--text-main: #e8edf5;--text-strong: #f8fafc;--text-muted: #d1dce8;--text-light: #b8c8d8;--text-lighter: #8fa4bc;--accent: #54CBB2;--accent-bg-10: rgba(84, 203, 178, .08);--shadow: 0 4px 6px -1px rgb(0 0 0 / .4);--sleep-accent: #34A8B3;--sleep-border: #2575BB;--sleep-bg-5: rgba(52, 168, 179, .06);--sleep-bg-10: rgba(52, 168, 179, .12);--sleep-text: #54CBB2;--clear-btn-bg: rgba(248, 113, 113, .08);--clear-btn-border: rgba(248, 113, 113, .25);--clear-btn-text: #f87171;--clear-btn-hover-bg: rgba(248, 113, 113, .15);--clear-btn-hover-border: rgba(248, 113, 113, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Product Sans,Sarabun,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-app);color:var(--text-main);-webkit-tap-highlight-color:transparent;line-height:1.6;transition:background-color .3s ease,color .3s ease}button,textarea,input{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border-med);border-radius:99px}.container{width:100%;max-width:540px;margin:0 auto;transition:max-width .3s ease}.app-header{position:sticky;top:0;z-index:50;background:var(--bg-card-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);padding:16px 20px 0}@media(min-width:768px){.container{max-width:800px}}@media(min-width:1024px){.container{max-width:1000px}}@media(min-width:1280px){.container{max-width:1200px}}.grid-2-col,.grid-internal-2-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1024px){.grid-internal-2-col{grid-template-columns:1fr}}.break-long-text{word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.flex-responsive{display:flex}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-3-fixed{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4-col{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-6-col{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.grid-12-col{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}@media(max-width:1024px){.grid-4-col{grid-template-columns:repeat(2,1fr)}.grid-3-col{grid-template-columns:1fr}}@media(max-width:768px){.grid-3-col{grid-template-columns:1fr}.grid-12-col{display:flex;overflow-x:auto;gap:10px;padding:4px 0 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.grid-12-col>*{flex:0 0 calc((100% - 20px) / 3);scroll-snap-align:center}}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day-header{text-align:center;font-size:11px;color:var(--text-light);padding:6px 0;font-weight:600}@media(min-width:768px){.calendar-day-header{font-size:13px;padding:10px 0}.calendar-grid{gap:10px}}.responsive-padding{padding:18px 20px}@media(max-width:640px){.grid-2-col{grid-template-columns:1fr}.flex-responsive{flex-direction:column}.grid-6-col{grid-template-columns:repeat(3,1fr)}.grid-stats{grid-template-columns:1fr 1fr}.responsive-padding{padding:14px 16px}}@media(max-width:480px){.grid-6-col{grid-template-columns:repeat(2,1fr)}}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}}.cta-card{background:var(--bg-card);border-radius:24px;padding:32px 28px;border:1px solid var(--border-light);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:24px}@media(max-width:480px){.cta-card{padding:24px 16px;gap:20px}}.daily-flow-card{margin-bottom:70px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;padding:40px 30px;box-shadow:var(--shadow)}.flow-item{display:flex;gap:20px;align-items:flex-start}.mobile-scroll-hint{display:none}@media(max-width:640px){.daily-flow-card{padding:24px 16px;margin-bottom:40px}}@media(max-width:480px){.flow-item{flex-direction:column;gap:8px}}@media(max-width:768px){.mobile-scroll-hint{display:block}}@media print{body *{visibility:hidden!important}.printable-receipt,.printable-receipt *{visibility:visible!important}.printable-receipt{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;background:#fff!important;color:#1e293b!important}.no-print{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.pricing-desktop-table{display:block}.pricing-mobile-cards{display:none}@media(max-width:768px){.pricing-desktop-table{display:none}.pricing-mobile-cards{display:flex;flex-direction:column;gap:16px;text-align:left}}@keyframes logTabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.log-tab-content-active{animation:logTabFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.settings-tabs-container{display:flex;background:var(--bg-app);padding:4px;border-radius:14px;margin-bottom:16px;border:1px solid var(--border-light);gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.settings-tabs-container::-webkit-scrollbar{display:none}.settings-tab-button{flex:1 1 0%;min-width:0;padding:10px 12px;border-radius:11px;border:none;background:transparent;color:var(--text-light);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.settings-tab-button span{font-size:14px;transition:transform .2s ease}.settings-tab-button:hover{color:var(--text-strong);background:#00000005}.dark-theme .settings-tab-button:hover{background:#ffffff05}.settings-tab-button.active{background:var(--bg-card);color:var(--text-strong);font-weight:800;box-shadow:0 1px 3px #0000001a}.settings-tab-button.active span{transform:scale(1.1)}@media(max-width:600px){.settings-tabs-container{gap:2px;padding:3px}.settings-tab-button{flex:0 0 auto;padding:8px 12px;font-size:12px;border-radius:9px;gap:4px}.settings-tab-button span{font-size:13px}}