:root{--color-beige:#fdfbf7;--color-red:#d32f2f;--color-red-light:#ef5350;--color-yellow:#d97706;--color-yellow-light:#fde68a;--color-dark:#1f2937;--color-muted:#4b5563;--color-subtle:#6b7280;--color-card-bg:#ffffffbf;--color-input-bg:#ffffffe0;--color-input-border:#0000001f;--color-input-text:#1f2937;--color-chip-sunday-bg:#d32f2f1a;--color-chip-sunday-text:#d32f2f;--color-chip-weekday-bg:#fbc02d40;--color-chip-weekday-text:#1f2937;--color-border-subtle:#00000014;--color-btn-subtle-bg:#0000000d;--color-btn-subtle-text:#374151;--color-modal-bg:#fffffff0;--glass-bg:#ffffffb3;--glass-border:#ffffffd9;--glass-border-bottom:#ffffff59;--glass-shadow:0 10px 30px -5px #0000000f, 0 0 0 1px #fff6;--glass-shadow-hover:0 20px 40px -10px #d32f2f1f, 0 0 0 1px #ffffffe6;--glass-blur:blur(24px);--glass-radius:24px;--background:var(--color-beige);--foreground:var(--color-dark);--font-be-vietnam-pro:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-inter:"Inter", system-ui, -apple-system, sans-serif;--font-noto-sans-sc:"Noto Sans SC", system-ui, -apple-system, sans-serif;--font-primary:var(--font-be-vietnam-pro)}html[data-lang=vi]{--font-primary:var(--font-be-vietnam-pro)}html[data-lang=en]{--font-primary:var(--font-inter)}html[data-lang=zh]{--font-primary:var(--font-noto-sans-sc)}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{min-height:100vh;color:var(--foreground);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;background-image:radial-gradient(circle at 15% 15%,#fee2e2a6 0%,#0000 45%),radial-gradient(circle at 85% 20%,#fef3c7a6 0%,#0000 50%),radial-gradient(circle at 50% 85%,#fee2e28c 0%,#0000 55%),linear-gradient(135deg,#fffdf9 0%,#fff5f5 50%,#fffbeb 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:150% 150%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex-direction:column;animation:12s ease-in-out infinite alternate liquidMeshGlow;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.liquid-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border-bottom);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.liquid-glass:hover{box-shadow:var(--glass-shadow-hover);background:#ffffffe0;transform:translateY(-4px)scale(1.01)}.liquid-glass:active{transform:translateY(-1px)scale(.98)}.liquid-glass:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);width:80%;height:100%;transition:left .75s ease-in-out;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.liquid-glass:hover:after{left:140%}@media (prefers-color-scheme:dark){:root{--color-beige:#000;--background:#000;--color-red:#ff453a;--color-red-light:#ff6961;--color-yellow:#ff9f0a;--color-yellow-light:#ffd60a;--color-dark:#fff;--color-muted:#ebebf5;--color-subtle:#8e8e93;--color-card-bg:#1c1c1ed9;--color-input-bg:#2c2c2ee6;--color-input-border:#ffffff1f;--color-input-text:#fff;--color-chip-sunday-bg:#ff453a2e;--color-chip-sunday-text:#ff453a;--color-chip-weekday-bg:#ff9f0a29;--color-chip-weekday-text:#ff9f0a;--color-border-subtle:#ffffff1a;--color-btn-subtle-bg:#78788033;--color-btn-subtle-text:#fff;--color-modal-bg:#1c1c1ef5;--glass-bg:#1c1c1ec7;--glass-border:#ffffff1f;--glass-border-bottom:#ffffff0f;--glass-shadow:0 10px 30px 0 #0009, 0 0 0 1px #ffffff14;--glass-shadow-hover:0 16px 40px 0 #ff453a2e, 0 0 0 1px #fff3;--glass-blur:blur(30px) saturate(190%)}body{background-color:#000;background-image:radial-gradient(circle at 50% 0,#ff453a1f 0%,#0000 45%),radial-gradient(circle at 10% 30%,#ff9f0a14 0%,#0000 40%),radial-gradient(circle at 90% 60%,#0a84ff14 0%,#0000 45%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:none}.liquid-glass:hover{background:#2c2c2ee0}.liquid-glass:after{background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes liquidMeshGlow{0%{background-position:0 0}50%{background-position:100%}to{background-position:50% 100%}}@keyframes floatLogo{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.02)}}.logo-floating{animation:4s ease-in-out infinite floatLogo}.apple-tile{transition:all .35s cubic-bezier(.16,1,.3,1)}.apple-tile:hover .icon-container{transform:scale(1.1)translateY(-2px)}.apple-tile:active{transform:scale(.96)!important}@keyframes pulsePill{0%,to{box-shadow:0 4px 15px #d32f2f1a}50%{box-shadow:0 6px 22px #d32f2f40}}.pill-glow{animation:3s ease-in-out infinite pulsePill}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes cardGlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-appear{animation:.4s cubic-bezier(.16,1,.3,1) both cardGlide}.action-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:960px;display:grid}@media (max-width:768px){.action-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 4px}}.modal-overlay{-webkit-backdrop-filter:blur(12px);background-color:#000000a6;position:absolute;inset:0}.modal-content-container{background-color:var(--color-modal-bg);width:100%;max-width:520px;max-height:90vh;color:var(--color-dark);border-radius:24px;padding:32px;animation:.35s cubic-bezier(.16,1,.3,1) slideUpCenter;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000073}@keyframes slideUpCenter{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.modal-wrapper{align-items:flex-end!important;padding:0!important}.modal-content-container{max-width:100%;max-height:85vh;padding:24px 20px;animation:.35s cubic-bezier(.16,1,.3,1) slideUpBottom;border-radius:24px 24px 0 0!important}.modal-content-container:before{content:"";background:var(--color-border-subtle);border-radius:4px;width:44px;height:4px;margin:-10px auto 18px;display:block}}@keyframes slideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.giole-header{padding:12px 20px}.giole-btn-contribute{color:var(--color-red);cursor:pointer;background-color:#ff453a1f;border:1px solid #ff453a40;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .25s;display:inline-flex}.giole-btn-contribute:hover{background-color:#ff453a38;transform:scale(1.04)}@media (max-width:640px){.giole-header{gap:8px!important;padding:8px 12px!important}.giole-btn-text{display:none!important}.giole-btn-contribute{justify-content:center;width:36px;height:36px;border-radius:50%!important;padding:8px!important}}