:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#faf8f5;--color-surface-resting:#fff;--color-surface-inset:#ebe7df;--color-accent-primary:#3b5940;--color-accent-secondary:#a66e4e;--color-text-primary:#262522;--color-text-secondary:#6b6964;--color-border:#00000014;--color-border-subtle:#0000000f;--color-bg-hover:#0000000a;--color-card-border:#fff9;--shadow-elevation-1:0px 1px 2px #0000000a, 0px 4px 12px #2826230f;--shadow-elevation-2:0px 8px 24px #2826231f, 0px 2px 4px #0000000a;--shadow-inset:inset 0px 2px 4px #0000000f;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-out-soft:cubic-bezier(.25, 1, .5, 1);--transition-tactile:transform .2s var(--ease-spring), box-shadow .2s var(--ease-out-soft), background-color .25s var(--ease-out-soft), border-color .25s var(--ease-out-soft)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#12100e;--color-surface-resting:#1b1714;--color-surface-inset:#0c0a09;--color-accent-primary:#527a5b;--color-accent-secondary:#c88d6a;--color-text-primary:#ece4db;--color-text-secondary:#9e948b;--color-border:#ffffff14;--color-border-subtle:#ffffff0f;--color-bg-hover:#ffffff0a;--color-card-border:#ffffff0f;--shadow-elevation-1:0px 1px 3px #00000080, 0px 4px 16px #0009;--shadow-elevation-2:0px 8px 32px #000c, 0px 2px 6px #00000080;--shadow-inset:inset 0px 2px 6px #000c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-canvas);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);letter-spacing:-.01em;font-family:Playfair Display,Georgia,serif;font-weight:700}p,span,label,input,button,textarea,select{font-family:Inter,system-ui,sans-serif}input,textarea,select{color:var(--color-text-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:.65}select option{background-color:var(--color-surface-resting);color:var(--color-text-primary)}.stationery-container{max-width:1200px;margin:0 auto;padding:2rem}.task-card-resting{background-color:var(--color-surface-resting);box-shadow:var(--shadow-elevation-1);border:1px solid var(--color-card-border);transition:var(--transition-tactile);border-radius:12px}.task-card-resting:hover{box-shadow:var(--shadow-elevation-2);transform:translateY(-2px)}.task-card-active{box-shadow:var(--shadow-elevation-2);border:1px solid var(--color-accent-primary);transform:translateY(-2px)}.habit-slot-empty{background-color:var(--color-surface-inset);box-shadow:var(--shadow-inset);border:1px solid var(--color-border-subtle);border-radius:8px}.btn-tactile{background-color:var(--color-accent-primary);color:#faf8f5;box-shadow:var(--shadow-elevation-1);cursor:pointer;transition:var(--transition-tactile);border:1px solid #0000000d;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;display:inline-flex}.btn-tactile:hover{box-shadow:var(--shadow-elevation-2);transform:translateY(-1px)}.btn-tactile:active{transform:scale(.96)}.btn-secondary{background-color:var(--color-surface-resting);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.btn-secondary:hover{background-color:var(--color-canvas)}.task-card-container,.habit-card-container{perspective:1500px;width:100%}.task-card-inner,.habit-card-inner{width:100%;transform-style:preserve-3d;position:relative}.task-card-front,.task-card-back,.habit-card-front,.habit-card-back{backface-visibility:hidden;width:100%}.task-card-back,.habit-card-back{background-color:var(--color-canvas);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;transform:rotateY(180deg)}.history-grid-container{background-color:var(--color-surface-inset);border:1px dashed var(--color-border-subtle);border-radius:8px;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;display:flex}.history-grid-header{color:var(--color-text-secondary);justify-content:space-between;padding:0 10px;font-size:.75rem;font-weight:700;display:flex}.history-weeks-wrapper{flex-direction:column;gap:8px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.history-weeks-wrapper::-webkit-scrollbar{width:4px}.history-weeks-wrapper::-webkit-scrollbar-track{background:var(--color-surface-inset);border-radius:2px}.history-weeks-wrapper::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:2px}@keyframes goo-drop-scale-right{0%{transform-origin:50%;transform:translate(-50%,-50%)scale(1)}30%{transform-origin:50%;transform:translate(-50%,-50%)scale(1.25,.7)}55%{transform-origin:50%;transform:translate(-50%,-50%)scale(2.4,.5)}75%{transform-origin:50%;transform:translate(-50%,-50%)scale(1.35,.65)}85%{transform-origin:50%;transform:translate(-50%,-50%)scale(1.03,.97)}to{transform-origin:50%;transform:translate(-50%,-50%)scale(1)}}@keyframes goo-drop-scale-left{0%{transform-origin:50%;transform:translate(-50%,-50%)scale(1)}30%{transform-origin:50%;transform:translate(-50%,-50%)scale(1.25,.7)}55%{transform-origin:50%;transform:translate(-50%,-50%)scale(2.4,.5)}75%{transform-origin:50%;transform:translate(-50%,-50%)scale(1.35,.65)}85%{transform-origin:50%;transform:translate(-50%,-50%)scale(1.03,.97)}to{transform-origin:50%;transform:translate(-50%,-50%)scale(1)}}.goo-drop-right{animation:goo-drop-scale-right var(--goo-duration,.5s) var(--goo-easing,cubic-bezier(.5, 0, .3, 1)) forwards}.goo-drop-left{animation:goo-drop-scale-left var(--goo-duration,.5s) var(--goo-easing,cubic-bezier(.5, 0, .3, 1)) forwards}@keyframes recoil-right-anim{0%{transform:translate(0)scaleX(1)}25%{transform:translate(6px)scaleX(1.06)}55%{transform:translate(-3px)scaleX(.96)}80%{transform:translate(.5px)scaleX(1)}to{transform:translate(0)scaleX(1)}}.recoil-right{animation:.6s cubic-bezier(.25,1,.5,1) forwards recoil-right-anim}@keyframes recoil-left-anim{0%{transform:translate(0)scaleX(1)}25%{transform:translate(-6px)scaleX(1.06)}55%{transform:translate(3px)scaleX(.96)}80%{transform:translate(-.5px)scaleX(1)}to{transform:translate(0)scaleX(1)}}.recoil-left{animation:.6s cubic-bezier(.25,1,.5,1) forwards recoil-left-anim}.create-reward-dashed-card{cursor:pointer;border:2px dashed var(--color-border-subtle);height:100%;min-height:260px;transition:var(--transition-tactile);box-shadow:none;background-color:#0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.create-reward-dashed-card:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover);transform:translateY(-2px)}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.dashboard-item-small{grid-column:span 1}.dashboard-item-medium{grid-column:span 2}.dashboard-item-large{grid-column:span 3}@media (width<=1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-item-small{grid-column:span 1}.dashboard-item-medium,.dashboard-item-large{grid-column:span 2}}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-item-small,.dashboard-item-medium,.dashboard-item-large{grid-column:span 1}}@keyframes dash-pulse{0%{border-color:var(--color-border-subtle)}50%{border-color:var(--color-accent-secondary)}to{border-color:var(--color-border-subtle)}}.dashboard-item-edit-mode{animation:2s ease-in-out infinite dash-pulse;position:relative;border:2px dashed var(--color-accent-secondary)!important}