*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-elevated:#3a3a3c;--label-1:#fff;--label-2:#ebebf599;--label-3:#ebebf54d;--label-4:#ebebf52e;--fill-1:#7878805c;--fill-2:#78788052;--fill-3:#7676803d;--fill-4:#7676802e;--separator:#545458a6;--accent:#ff375f;--accent-dim:#ff375f1f;--accent-border:#ff375f47;--accent-glow:#ff375f33;--sys-blue:#0a84ff;--sys-green:#30d158;--sys-orange:#ff9f0a;--sys-purple:#bf5af2;--sys-yellow:#ffd60a;--sys-teal:#5ac8fa;--sys-red:#ff453a;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Noto Sans Thai", sans-serif;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px}html,body{height:100%;font-family:var(--font);color:var(--label-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;overflow:hidden}#root{background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.phone-container{background:var(--bg-primary);border-radius:0;width:100%;max-width:390px;height:100vh;max-height:844px;position:relative;overflow:hidden}@media (height>=860px) and (width>=440px){.phone-container{border-radius:48px;height:844px;box-shadow:0 0 0 1px #ffffff14,0 40px 120px #000c}}.screen-content{-webkit-overflow-scrolling:touch;height:calc(100% - 83px);overflow:hidden auto}.screen-content::-webkit-scrollbar{display:none}.apple-group{background:var(--bg-secondary);border-radius:var(--r-xl);overflow:hidden}.apple-row{border-bottom:.5px solid var(--separator);align-items:center;gap:12px;padding:12px 16px;display:flex}.apple-row:last-child{border-bottom:none}button{cursor:pointer;font-family:var(--font);color:inherit;background:0 0;border:none}input,textarea{font-family:var(--font);color:var(--label-1);background:0 0;border:none;outline:none}textarea{resize:none}*{-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px #0000}}.screen-content>*{animation:.25s both fadeIn}.entry-card{transition:transform .12s,opacity .12s}.entry-card:active{opacity:.85;transform:scale(.98)}button:active{opacity:.7}.streak-glow{border-radius:var(--r-lg);animation:2.5s ease-in-out infinite pulse-glow}.tab-bar-enter{animation:.3s both slideUp}