:root{--font-display:"Fredoka", sans-serif;--font-body:"Quicksand", sans-serif;--bg-app:#fdf6ec;--bg-surface:#fff;--ink:#1a1a2e;--ink-soft:#5a5a72;--border-soft:#1a1a2e14;--shadow-soft:0 8px 24px #1a1a2e14;--shadow-pop:0 12px 28px #1a1a2e29;--accent:#ff6b6b;--radius-lg:28px;--radius-md:20px;--radius-sm:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg-app);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,.display{font-family:var(--font-display);letter-spacing:.01em;font-weight:600}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:16px}a{color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1a1a2e2e;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.btn{box-shadow:var(--shadow-soft);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--bg-surface);color:var(--ink);border:1px solid var(--border-soft);box-shadow:none}.btn-ghost:hover{box-shadow:var(--shadow-soft)}.btn-icon{border-radius:999px;justify-content:center;width:40px;height:40px;padding:0}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.pill{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.day-column{flex:260px;min-width:260px}.past-days-toggle{color:var(--ink-soft);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.85rem;font-weight:600;display:flex}.board-section{padding:0 28px 40px}.mobile-tabbar{display:none}@media (width<=640px){.day-column{width:100%;min-width:0;max-width:none}.board-section{padding-bottom:104px}.board-header{padding-left:12px!important;padding-right:12px!important}.hide-mobile{display:none!important}.board-header-controls,.week-nav{width:100%}.week-nav .nav-today-btn{flex:1;justify-content:center}.mobile-tabbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:20;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);gap:6px;padding:6px;display:grid;position:fixed}.mobile-tabbar-button{color:var(--ink-soft);background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 2px;font-size:.65rem;font-weight:600;display:flex}.mobile-tabbar-button--active{background:var(--bg-surface-muted,#eceef0);color:var(--ink)}}.icon-badge{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.settings-modal-panel{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:820px;max-height:85vh;box-shadow:var(--shadow-pop);display:flex;overflow:hidden}.settings-sidebar{background:var(--bg-app);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:28px 16px;display:flex;overflow-y:auto}.settings-sidebar h2{overflow-wrap:anywhere;margin:0 12px 16px;font-size:1.1rem}.settings-nav-item{box-shadow:none;border-radius:var(--radius-sm);color:var(--ink-soft);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.92rem;font-weight:600;display:flex}.settings-nav-item:hover{background:var(--border-soft);transform:none}.settings-nav-item.active{background:var(--bg-surface);color:var(--ink);box-shadow:var(--shadow-soft)}.settings-content{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}@media (width<=680px){.settings-modal-panel{flex-direction:column;max-height:calc(100vh - 40px)}.settings-sidebar{flex-flow:wrap;gap:8px;width:100%;padding:20px 16px 12px;overflow-y:visible}.settings-sidebar h2{width:100%;margin:0 0 4px}.settings-nav-item{flex:140px;width:auto}.settings-content{padding:20px 16px 24px}}.blob{filter:blur(2px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#1a1a2e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);width:100%;max-width:560px;max-height:90vh;padding:28px;overflow:hidden auto}.field{flex-direction:column;gap:6px;min-width:0;margin-bottom:16px;display:flex}.field label{color:var(--ink-soft);font-size:.85rem;font-weight:600}.field input,.field textarea,.field select{border:2px solid var(--border-soft);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--ink);background:var(--bg-app);outline:none;padding:10px 14px;font-size:16px;transition:border-color .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field-row>.field{flex:200px;min-width:0}.field .subfield-label{margin-top:4px}.type-picker{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.type-option{border-radius:var(--radius-sm);background:var(--bg-app);color:var(--ink-soft);border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.type-option.selected{border-color:var(--ink);color:var(--ink)}