@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playpen+Sans:wght@300;400;500;600;700;800&family=Architects+Daughter&display=swap";:root{--bg-base: #f6f2e8;--bg-raised: #fbfbf9;--bg-surface: #ece5d8;--bg-hover: #dfd7c7;--bg-active: #d2c8b6;--border: #7c6f5e;--border-hover: #4e4438;--border-focus: #115e59;--text-primary: #2d261e;--text-secondary: #5c5246;--text-tertiary: #8b7d6b;--text-quaternary: #c7bda9;--accent: #0f766e;--accent-hover: #115e59;--accent-subtle: rgba(15, 118, 110, .08);--accent-text: #0f766e;--success: #166534;--success-subtle: #f0fdf4;--warning: #9a3412;--warning-subtle: #fff7ed;--danger: #991b1b;--danger-subtle: #fef2f2;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 1px 1px 0px var(--border);--shadow-sm: 2px 2px 0px var(--border);--shadow-md: 4px 4px 0px var(--border);--shadow-lg: 6px 6px 0px var(--border);--shadow-accent: 3px 3px 0px var(--accent);--transition-fast: .1s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .25s cubic-bezier(.16, 1, .3, 1);--font-family: "Playpen Sans"}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family),-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;transition:background var(--transition-smooth),color var(--transition-smooth)}#root{height:100dvh}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px;border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}::selection{background:var(--accent-subtle);color:var(--accent-text)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input,textarea,select{font-family:inherit}input[type=date],input[type=time]{color-scheme:light}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:2px solid var(--border)!important;box-shadow:var(--shadow-xs)!important;font-size:.85rem;font-weight:700!important;cursor:pointer;background:var(--bg-raised);color:var(--text-primary);transition:transform .1s ease,box-shadow .1s ease,background .1s ease;font-family:inherit;white-space:nowrap;line-height:1;transform:translate(0)}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)!important;background:var(--bg-hover)}.btn:active{transform:translate(1px,1px);box-shadow:none!important}.btn-primary{background:var(--accent);color:#fff;border-color:var(--border)!important}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-primary:disabled{background:var(--bg-surface);color:var(--text-tertiary);box-shadow:none!important;transform:none;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent!important;box-shadow:none!important}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);transform:none;box-shadow:none!important}.btn-ghost:active{transform:none}.btn-secondary{background:var(--bg-raised);color:var(--text-secondary);border-color:var(--border)!important}.tooltip-wrap{position:relative}.tooltip-wrap .tooltip{position:absolute;visibility:hidden;opacity:0;transition:opacity var(--transition-fast),visibility var(--transition-fast);pointer-events:none;z-index:30}.tooltip-wrap:hover .tooltip{visibility:visible;opacity:1}.screen-header{padding:calc(12px + env(safe-area-inset-top)) 20px 12px;border-bottom:2px solid var(--border);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px}@media(min-width:768px){.screen-header{padding:20px 32px}}.screen-title{font-size:1.2rem;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}@media(min-width:768px){.screen-title{font-size:1.4rem}}.screen-subtitle{color:var(--text-tertiary);font-size:.78rem;margin:2px 0 0}.screen-content{flex:1;overflow-y:auto;padding:16px 16px 24px;min-height:0}@media(min-width:768px){.screen-content{padding:20px 32px 32px}}@media(max-width:767px){.btn{min-height:38px;padding:9px 14px}}.task-list-wrapper{display:flex;flex-direction:column;gap:10px;transition:all var(--transition-smooth)}.task-item-card{padding:12px 16px;background:var(--bg-raised);border:2px solid var(--border);border-radius:6px;box-shadow:var(--shadow-sm);margin-bottom:0;transform:translate(0);transition:transform .1s ease,box-shadow .1s ease,background .2s ease,opacity .2s ease}.task-item-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--border);background:var(--bg-raised)}.task-item-card:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--border)}.task-item-card.done{opacity:.55;box-shadow:none;transform:none}.task-item-card.done:hover{opacity:.8;transform:none;box-shadow:none}.task-item-card.compact{padding:8px 12px;margin-bottom:0}.days-grid-container{border:2px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;border-radius:8px!important;background:var(--bg-raised)!important}.days-grid-container button{border-radius:4px!important}.days-grid-container button:hover{border:1.5px solid var(--border)!important}.day-button{aspect-ratio:1;min-height:38px;border-radius:4px;border:1.5px solid transparent;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-size:.82rem;padding:0;transition:all var(--transition-fast);font-family:inherit}.day-button:hover{background:var(--bg-hover)}.day-button.today{background:var(--bg-surface);color:var(--text-primary);font-weight:600;border:1.5px dashed var(--border)!important}.day-button.selected{border:2px solid var(--border)!important;background:var(--accent)!important;color:#fff!important;font-weight:700;box-shadow:inset 1px 1px 3px #0003!important}article{border:2px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;border-radius:8px!important;background:var(--bg-raised)!important}article:hover{box-shadow:var(--shadow-md)!important}textarea,input,select{border:2px solid var(--border)!important;border-radius:4px!important;box-shadow:inset 1px 1px 2px #00000014!important;background:var(--bg-raised);color:var(--text-primary)}textarea:focus,input:focus,select:focus{border-color:var(--border-focus)!important;outline:none}@keyframes attentionBounce{0%,80%,to{transform:translateY(0) scale(1)}85%{transform:translateY(-6px) scale(1.08)}90%{transform:translateY(1px) scale(.95)}95%{transform:translateY(-2px) scale(1.03)}}.order-icon-active{animation:attentionBounce 3.5s infinite ease-in-out;color:var(--warning)!important}.binder-clip-container{position:absolute;top:-15px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center}.sticky-board{display:flex;flex-wrap:wrap;gap:16px;padding:28px 16px 20px;background:var(--bg-surface);border:2px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);position:relative;justify-content:center;min-height:140px}.sticky-note{width:110px;height:110px;padding:8px 6px 18px;position:relative;display:flex;flex-direction:column;box-shadow:2px 5px 8px #0000001f,0 2px 4px #00000014;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease,z-index .2s ease;color:#1e1b18;border-bottom-right-radius:12px 3px;cursor:select}.sticky-note:hover{transform:scale(1.08) rotate(0)!important;box-shadow:6px 12px 20px #0000002e;z-index:10}.sticky-note textarea{flex:1;background:transparent!important;border:none!important;box-shadow:none!important;resize:none!important;width:100%;height:100%;font-family:Architects Daughter,cursive!important;font-size:.72rem!important;line-height:1.2!important;color:#2a221a!important;padding:0!important;overflow-y:auto;outline:none!important}.sticky-note textarea::placeholder{color:#2a221a59}.sticky-note-delete{position:absolute;top:4px;right:4px;background:transparent;border:none!important;box-shadow:none!important;cursor:pointer;padding:2px;color:#2d261e73;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,color .2s ease,background-color .2s ease;z-index:5}.sticky-note:hover .sticky-note-delete{opacity:1}.sticky-note-delete:hover{color:var(--danger)!important;background-color:#0000000f!important;transform:none!important;box-shadow:none!important}.sticky-note-send{position:absolute;top:4px;left:4px;background:transparent;border:none!important;box-shadow:none!important;cursor:pointer;padding:2px;color:#2d261e73;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,color .2s ease,background-color .2s ease;z-index:5}.sticky-note:hover .sticky-note-send{opacity:1}.sticky-note-send:hover{color:var(--accent)!important;background-color:#0000000f!important;transform:none!important;box-shadow:none!important}.sticky-note-color-picker{position:absolute;bottom:4px;left:8px;right:8px;display:flex;justify-content:center;gap:5px;opacity:0;transition:opacity .2s ease}.sticky-note:hover .sticky-note-color-picker{opacity:1}.sticky-note-color-dot{width:7px;height:7px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.22);transition:transform .15s ease}.sticky-note-color-dot:hover{transform:scale(1.35)}.weather-card{position:relative;background:var(--bg-raised);border:2px solid var(--border);border-radius:8px;padding:22px 16px 16px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:12px}.weather-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px dashed var(--border);padding-bottom:8px}.weather-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;align-items:center}.weather-detail-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;background:var(--bg-base);border:1px solid var(--border);border-radius:4px;font-size:.72rem;color:var(--text-secondary)}.weather-search-input{font-size:.75rem!important;padding:4px 8px!important;width:120px!important;height:26px!important;box-sizing:border-box}.sticky-note-tape{position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:44px;height:14px;background-color:#fefaebb8;box-shadow:1px 1px 2px #0000000a,inset 0 0 3px #00000008;border-left:1.5px dashed rgba(124,111,94,.2);border-right:1.5px dashed rgba(124,111,94,.2);z-index:10}.pencil-strike{position:relative;display:inline-block}.pencil-strike:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:#5c5246b3;border-radius:4px;transform:translateY(-50%) rotate(-.5deg);animation:drawStrike .4s ease-out forwards;transform-origin:left}@keyframes drawStrike{0%{transform:scaleX(0) translateY(-50%) rotate(-.5deg)}to{transform:scaleX(1) translateY(-50%) rotate(-.5deg)}}.task-circle-btn{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;cursor:pointer;padding:2px;border-radius:50%;transition:color var(--transition-fast),transform var(--transition-fast)}.task-circle-btn:hover{color:var(--accent);transform:scale(1.15)}.task-circle-btn:active{transform:scale(.95)}