:root{--paper:#0a0a0c;--paper-deep:#121218;--ink:#f4f4f5;--ink-soft:#a1a1aa;--ink-faint:#71717a;--sage:#47b0b1;--sage-deep:#3a9495;--brand-magenta:#9e1e62;--brand-teal:#47b0b1;--brand-gold:#df8b19;--card:#16161c;--card-elevated:#1c1c24;--shadow-soft:0 10px 30px #00000059;--shadow-lift:0 16px 40px #00000073;--radius-bubble:1.5rem;--font-display:"Fraunces", Georgia, serif;--font-body:"Plus Jakarta Sans", "Nunito", system-ui, sans-serif;--phone-max:430px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(90% 60% at 50% -10%,#47b0b11a,#0000 55%),radial-gradient(70% 50% at 100% 20%,#9e1e6214,#0000 50%),#050507;margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}.app-shell{justify-content:center;align-items:stretch;height:100%;display:flex}.phone-frame{width:100%;max-width:var(--phone-max);background:linear-gradient(180deg, #ffffff08 0%, transparent 24%), var(--paper);height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.canvas{will-change:transform;width:200%;height:100%;display:flex}.canvas-panel{flex-shrink:0;width:50%;height:100%;position:relative;overflow:hidden}.daily-focus{height:100%;padding:1.15rem 1.1rem calc(1rem + var(--safe-bottom));flex-direction:column;gap:.75rem;display:flex}.top-bar{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.greeting h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.7rem;font-weight:560;line-height:1.15}.greeting p{color:var(--ink-soft);margin:.25rem 0 0;font-size:.95rem}.mode-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.35rem;padding:.35rem .7rem;font-size:.68rem;font-weight:700;display:inline-flex}.icon-btn{width:2.5rem;height:2.5rem;color:var(--ink-soft);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;place-items:center;transition:background .2s,color .2s;display:grid}.icon-btn:hover,.icon-btn:focus-visible{color:var(--ink);background:#ffffff14}.focus-area{flex-direction:column;flex:auto;gap:.7rem;min-height:0;padding-top:.2rem;display:flex}.focus-bubbles{flex-direction:column;flex:auto;gap:.7rem;min-height:0;display:flex;position:relative}.focus-bubble{border-radius:var(--radius-bubble);text-align:center;min-height:4.6rem;box-shadow:var(--shadow-soft);touch-action:none;transform-origin:50%;will-change:transform, filter;border:1px solid #ffffff14;flex:1 1 0;justify-content:center;align-items:center;padding:1rem 1.15rem;display:flex;position:relative;overflow:hidden}.focus-bubble .label{font-family:var(--font-display);pointer-events:none;max-width:92%;font-size:1.12rem;font-weight:520;line-height:1.25}.focus-bubble.is-empty .label{font-family:var(--font-body);opacity:.55;font-size:.92rem;font-weight:550}.focus-bubble.is-completed .label{opacity:.72;text-decoration:line-through;text-decoration-thickness:2px}.focus-bubble.is-completed{opacity:.88;filter:saturate(.75)}.focus-bubble .slash{pointer-events:none;position:absolute;inset:0}.focus-bubble .slash-line{transform-origin:0;background:#f4f4f5b3;border-radius:999px;height:3px;position:absolute;top:50%;left:12%;right:12%}.small-todo-area{flex-direction:column;flex:none;gap:.4rem;min-height:0;max-height:34%;display:flex}.small-todo-area h2{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin:0 0 .1rem;font-size:.72rem;font-weight:700}.todo-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:.4rem;padding-bottom:.25rem;display:flex;overflow-y:auto}.todo-row{background:var(--card);touch-action:pan-y;border:1px solid #ffffff0f;border-radius:1rem;align-items:center;gap:.7rem;padding:.7rem .8rem;display:flex;position:relative}.todo-row.is-fading-in{animation:.55s both fadeInTodo}@keyframes fadeInTodo{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.todo-check{background:#ffffff0a;border:2px solid #ffffff38;border-radius:.45rem;flex-shrink:0;place-items:center;width:1.35rem;height:1.35rem;display:grid}.todo-check.is-checked{background:var(--sage);border-color:var(--sage);color:#041416}.todo-input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.todo-input::placeholder{color:var(--ink-faint)}.todo-add{color:var(--ink-faint);border:1px dashed #ffffff1f;border-radius:1rem;align-items:center;gap:.55rem;padding:.55rem .8rem;font-size:.9rem;display:flex}.footer-actions{flex-direction:column;flex-shrink:0;gap:.45rem;padding-top:.25rem;display:flex}.save-btn{color:#041416;letter-spacing:.04em;background:linear-gradient(#5bc4c5 0%,#47b0b1 100%);border-radius:999px;width:100%;padding:.95rem 1rem;font-weight:800;transition:transform .15s,filter .15s;box-shadow:0 10px 28px #34d39947}.save-btn:active{filter:brightness(.95);transform:scale(.98)}.link-subtle{text-align:center;color:var(--ink-faint);text-underline-offset:3px;padding:.35rem;font-size:.82rem;text-decoration:underline}.item-selection{height:100%;padding:1.15rem 1.1rem calc(1rem + var(--safe-bottom));flex-direction:column;gap:.85rem;display:flex}.item-selection-header{align-items:center;gap:.65rem;display:flex}.item-selection-header h1{font-family:var(--font-display);flex:1;margin:0;font-size:1.35rem;font-weight:560}.back-chip{color:var(--ink-soft);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:.5rem .85rem;font-size:.85rem}.category-list{flex-direction:column;flex:1;gap:.7rem;padding-bottom:1rem;display:flex;overflow-y:auto}.category-bubble{border-radius:var(--radius-bubble);box-shadow:var(--shadow-soft);border:1px solid #ffffff14;padding:1rem 1.1rem;overflow:hidden}.category-title{font-family:var(--font-display);text-align:left;justify-content:space-between;align-items:center;gap:.5rem;width:100%;font-size:1.08rem;font-weight:540;display:flex}.child-list{flex-direction:column;gap:.45rem;margin-top:.75rem;display:flex;overflow:hidden}.child-item{text-align:left;touch-action:none;background:#00000047;border:1px solid #ffffff0f;border-radius:1.1rem;padding:.9rem 1rem;font-size:.98rem;font-weight:650}.child-hint{color:var(--ink-faint);margin:0;padding:0 .25rem;font-size:.8rem}.sheet-backdrop{z-index:40;background:#0000008c;position:absolute;inset:0}.sheet{z-index:50;padding:.65rem 1.15rem calc(1.25rem + var(--safe-bottom));background:#14141a;border:1px solid #ffffff14;border-radius:1.5rem 1.5rem 0 0;flex-direction:column;max-height:70%;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -16px 48px #00000073}.sheet-handle{background:#ffffff2e;border-radius:999px;width:2.5rem;height:.3rem;margin:.2rem auto .85rem}.sheet h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.2rem;font-weight:560}.sheet-list{flex-direction:column;flex:1;gap:.4rem;display:flex;overflow-y:auto}.sheet-row{border-radius:.9rem;align-items:center;gap:.7rem;padding:.8rem .65rem;display:flex}.sheet-row.selected{background:#34d3991f}.sheet-actions{gap:.55rem;margin-top:.85rem;display:flex}.sheet-actions button{border-radius:999px;flex:1;padding:.85rem;font-weight:700}.sheet-actions .primary{background:var(--sage);color:#041416}.sheet-actions .ghost{background:#ffffff0f}.settings-screen{z-index:60;background:var(--paper);padding:1.15rem 1.1rem calc(1.5rem + var(--safe-bottom));position:absolute;inset:0;overflow-y:auto}.settings-screen h1{font-family:var(--font-display);margin:0;font-size:1.45rem}.settings-section{margin-top:1.25rem}.settings-section h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin:0 0 .55rem;font-size:.75rem}.settings-card{background:var(--card);border:1px solid #ffffff0f;border-radius:1.1rem;margin-bottom:.65rem;padding:.9rem}.settings-card input{width:100%;color:var(--ink);background:#00000047;border:1px solid #ffffff1a;border-radius:.7rem;outline:none;padding:.6rem .75rem}.settings-row{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.settings-row button,.dev-tools button{background:#ffffff14;border-radius:999px;padding:.5rem .75rem;font-size:.82rem;font-weight:650}.settings-row button.danger{color:#f9a8d4;background:#9e1e6233}.child-admin{flex-direction:column;gap:.35rem;margin-top:.55rem;padding-left:.35rem;display:flex}.dev-tools{background:#ffffff08;border:1px dashed #ffffff1f;border-radius:1.1rem;margin-top:1.5rem;padding:.9rem}.dev-tools p{color:var(--ink-soft);margin:0 0 .55rem;font-size:.82rem}.dev-tools .row{flex-wrap:wrap;gap:.4rem;display:flex}.drag-ghost{z-index:100;pointer-events:none;box-shadow:var(--shadow-lift);border:1px solid #ffffff1f;border-radius:1.1rem;max-width:min(280px,70vw);padding:.85rem 1.1rem;font-weight:700;position:fixed}