*{margin:0;padding:0;box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f2f2f7!important;color:#000;overflow:hidden;height:100vh;height:100dvh;position:fixed;width:100%;top:0;left:0;margin:0;padding:0}#root{height:100vh;height:100dvh;width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;background-color:#000;margin:0;padding:0;opacity:1;visibility:visible;will-change:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.apple-button{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.apple-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.apple-button:active:before{width:300px;height:300px}code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.app-container{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background-color:#000}.app-container{height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:#000;margin:0;padding:0}.app-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-y:contain;position:relative;will-change:scroll-position}@media (max-width: 600px){body{font-size:14px}}.app-container .MuiAppBar-root{padding-top:env(safe-area-inset-top,24px)!important;margin-top:0!important;position:relative!important;background-color:transparent!important}.app-container .MuiToolbar-root{min-height:56px!important;padding-top:max(8px,calc(env(safe-area-inset-top,24px) + 8px))!important;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important;margin-top:0!important}@media (max-width: 599px){.app-container .MuiAppBar-root{padding-top:max(24px,env(safe-area-inset-top,24px))!important}.app-container .MuiToolbar-root{padding-top:max(16px,calc(env(safe-area-inset-top,24px) + 8px))!important;min-height:64px!important}}@media (max-width: 599px){html,body,#root{height:100vh!important;height:100dvh!important;width:100%!important;overflow:hidden!important;margin:0!important;padding:0!important}.app-container{height:100vh!important;height:100dvh!important;width:100%!important;margin:0!important;padding-top:max(24px,env(safe-area-inset-top,24px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.app-content{padding:0!important;align-items:stretch!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;width:100%!important;flex:1!important;min-height:0!important}.app-content>*{width:100%!important;max-width:100%!important}.app-content .MuiContainer-root{padding-left:12px!important;padding-right:12px!important;margin-left:0!important;margin-right:0!important;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important;width:100%!important;max-width:100%!important}.app-content .MuiTypography-root{text-align:left!important}.app-content .MuiTextField-root,.app-content .MuiFormControl-root{width:100%!important}.app-content .MuiPaper-root{width:100%!important;max-width:100%!important}.app-container .MuiAppBar-root{margin-top:0!important;padding-top:max(24px,env(safe-area-inset-top,24px))!important}}@media (min-width: 600px) and (max-width: 959px){.app-content{display:flex;justify-content:center;padding:0 16px}.app-content>*{max-width:600px;width:100%}}@media (min-width: 960px){.app-content{display:flex;justify-content:center;padding:0 24px}.app-content>*{max-width:800px;width:100%}}@media (min-width: 1280px){.app-content{padding:0 32px}.app-content>*{max-width:900px}}.todo-card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}.todo-card{border-radius:24px;padding:14px;min-height:90px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 12px 30px #00000040;transition:transform .12s ease;cursor:pointer;position:relative;overflow:hidden}.todo-card:hover{transform:translateY(-3px)}.todo-card.open{background:linear-gradient(135deg,#3b82f6,#6366f1)}.todo-card.in-progress{background:linear-gradient(135deg,#f59e0b,#f97316)}.todo-card.done{background:linear-gradient(135deg,#22c55e,#16a34a)}.todo-card.fallback{background:linear-gradient(135deg,#6b7280,#4b5563)}.empty-card{border-radius:24px;padding:14px;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;opacity:.85;box-shadow:0 12px 30px #00000040;cursor:default;transition:transform .12s ease;position:relative;overflow:hidden}.empty-card:hover{transform:none}@media (max-width: 600px){button,a,[role=button]{min-height:44px;min-width:44px}}