@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-1\/2{top:50%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#0f0f1a\]{background-color:#0f0f1a}.text-center{text-align:center}.text-left{text-align:left}.text-\[20px\]{font-size:20px}.text-\[28px\]{font-size:28px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}:root{--bg-primary:#0d0d0d;--bg-panel:#161616;--bg-card:#1a1a1a;--bg-input:#222;--accent:#7c3aed;--accent-hover:#8b5cf6;--green:#10b981;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#555;--border-subtle:#ffffff0d;--border-card:#ffffff0f;--danger:#ef4444}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle,#7c3bed14,#0000 70%);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}@layer components{.card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:14px}.card-auth{background:var(--bg-card);border:1px solid var(--border-card);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040}.glass-border{border:1px solid #ffffff0f}.input-field{background:var(--bg-input);color:var(--text-primary);border:1px solid #1e293b;border-radius:.5rem;outline:none;width:100%;padding:14px 16px 14px 44px;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input-field::-moz-placeholder{color:#475569}.input-field::placeholder{color:#475569}.input-field:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-input)inset!important;-webkit-text-fill-color:var(--text-primary)!important;border:1px solid #1e293b!important}.input-field:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg-input)inset!important;-webkit-text-fill-color:var(--text-primary)!important;border:1px solid #1e293b!important}.input-field:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-input)inset!important;-webkit-text-fill-color:var(--text-primary)!important;border:1px solid #1e293b!important}.input-inline{color:var(--text-secondary);background:0 0;border:none;outline:none;width:100%;padding:8px 0;font-size:14px}.input-inline::-moz-placeholder{color:#333}.input-inline::placeholder{color:#333}.input-inline:focus{box-shadow:none;outline:none}.input-planning{background:var(--bg-input);color:var(--text-primary);border:1px solid #1e293b;border-radius:.5rem;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.input-planning:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input-planning::-moz-placeholder{color:#475569}.input-planning::placeholder{color:#475569}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:14px 24px;font-size:14px;font-weight:700;transition:all .3s}.btn-primary:hover{box-shadow:0 0 20px #7c3bed66}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);background:#ffffff0d}.timer-glow{filter:drop-shadow(0 0 8px #7c3aed66)}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#222;border-radius:10px}.grid-focus{grid-template-columns:1fr;gap:1.5rem;display:grid}.mobile-only{display:block}.desktop-only{display:none}.input-field-mobile{color:var(--text-primary);background:#7c3bed0d;border:1px solid #7c3bed33;border-radius:.75rem;outline:none;width:100%;height:56px;padding:16px;font-size:14px;transition:all .2s}.input-field-mobile:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input-field-mobile::-moz-placeholder{color:#64748b}.input-field-mobile::placeholder{color:#64748b}.input-field-mobile:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;border:1px solid #7c3bed33!important;-webkit-box-shadow:inset 0 0 0 1000px #7c3bed0d!important}.input-field-mobile:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;border:1px solid #7c3bed33!important;-webkit-box-shadow:inset 0 0 0 1000px #7c3bed0d!important}.input-field-mobile:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;border:1px solid #7c3bed33!important;-webkit-box-shadow:inset 0 0 0 1000px #7c3bed0d!important}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(16px);padding:12px 24px;padding-bottom:calc(12px + env(safe-area-inset-bottom,12px));background:#161616e6;border-top:1px solid #ffffff0f;position:fixed;bottom:0;left:0;right:0}.header-mobile{z-index:40;-webkit-backdrop-filter:blur(16px);background:#0d0d0dcc;position:sticky;top:0}.card-timer-mobile{background:var(--bg-panel);border:1px solid #ffffff0f;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040}.card-task-mobile{background:var(--bg-panel);cursor:pointer;border:1px solid #ffffff0f;border-radius:.75rem;align-items:center;gap:16px;padding:16px;transition:transform .1s;display:flex}.card-task-mobile:active{transform:scale(.98)}.habits-grid-mobile{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card-habit-mobile{background:var(--bg-panel);text-align:center;cursor:pointer;border:1px solid #ffffff0f;border-radius:.75rem;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.btn-oauth-mobile{height:48px;color:var(--text-primary);cursor:pointer;background:#7c3bed0d;border:1px solid #7c3bed33;border-radius:.75rem;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:background .2s;display:flex}.btn-oauth-mobile:hover{background:#7c3bed1a}}@media(min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}@media(min-width:1024px){.grid-focus{grid-template-columns:1.2fr 1fr}}@media(max-width:768px){.has-bottom-nav{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
