.navbar{background:var(--paper-card);border-bottom:1.5px solid var(--line);height:4.8rem;box-shadow:var(--shadow-sm);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 2.4rem;display:flex}.navbar-brand{align-items:center;display:flex}.navbar-title{color:var(--accent);font-family:Caveat,cursive;font-size:2.4rem;font-weight:700;text-decoration:none}.navbar-links{align-items:center;gap:1.6rem;display:flex}.nav-link{color:var(--ink-soft);border-radius:12px;padding:.4rem 1rem;font-family:Patrick Hand,cursive;font-size:1.5rem;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:var(--paper-warm);color:var(--ink)}.nav-link.active{background:var(--paper-warm);color:var(--accent);font-weight:600}.theme-toggle{font-size:1.6rem}@media (width<=480px){.navbar{padding:0 1.2rem}.navbar-title{font-size:2rem}.nav-link{padding:.4rem .6rem;font-size:1.3rem}}.priority-picker{position:relative}.priority-pill{cursor:pointer;background:var(--paper-card);white-space:nowrap;border:.15rem solid;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem 1.2rem .6rem .8rem;font-family:Patrick Hand,cursive;font-size:1.4rem;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.priority-pill:hover{box-shadow:var(--shadow-sm)}.priority-pill.priority-tiny{color:#2e7d32;background:#e8f5e9;border-color:#c8e6c9}.priority-pill.priority-small{color:#2d6a4f;background:#d4edda;border-color:#a3cfb0}.priority-pill.priority-medium{color:#7d5a00;background:#fff3cd;border-color:#f0c040}.priority-pill.priority-big{color:#8b4513;background:#ffe0cc;border-color:#f0a875}.priority-pill.priority-whale{color:#842029;background:#f8d7da;border-color:#f0a3a8}[data-theme=dark] .priority-pill.priority-tiny{color:#8c8;background:#1a2e1a;border-color:#3a6a3a}[data-theme=dark] .priority-pill.priority-small{color:#8ca;background:#1a2e22;border-color:#3a6a4e}[data-theme=dark] .priority-pill.priority-medium{color:#d4aa55;background:#2e2510;border-color:#6a5510}[data-theme=dark] .priority-pill.priority-big{color:#d48055;background:#2e1e10;border-color:#8b4a20}[data-theme=dark] .priority-pill.priority-whale{color:#e07080;background:#2e1218;border-color:#8b2a38}.pill-fish{object-fit:contain;width:2.8rem;height:auto}.pill-label{flex:1}.pill-arrow{opacity:.7;font-size:1rem}.priority-popover{background:var(--paper-card);border:1.5px solid var(--line);min-width:20rem;box-shadow:var(--shadow-md);z-index:50;border-radius:12px;padding:.4rem;animation:.15s ease-out fade-in;position:absolute;top:calc(100% + .6rem);left:0}.priority-opt{cursor:pointer;border-radius:10px;align-items:center;gap:1.2rem;padding:.8rem 1.2rem;transition:background .12s;display:flex}.priority-opt:hover,.priority-opt.active{background:var(--paper-warm)}.opt-fish{object-fit:contain;flex-shrink:0;width:3.6rem;height:auto}.opt-text{flex-direction:column;gap:.2rem;display:flex}.opt-name{color:var(--ink);font-family:Patrick Hand,cursive;font-size:1.5rem}.opt-desc{color:var(--ink-soft);font-family:Quicksand,sans-serif;font-size:1.2rem}.tank-bar{z-index:10;background:color-mix(in srgb, var(--tert) 40%, var(--paper-card));border:1.5px solid var(--line);box-shadow:var(--shadow-md);border-radius:12px;align-items:center;gap:.8rem;width:min(64rem,100vw - 3.2rem);padding:.6rem .6rem .6rem 2rem;display:flex;position:absolute;top:2.4rem;left:50%;transform:translate(-50%)}.tank-input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.8rem 0;font-family:Patrick Hand,cursive;font-size:1.4rem}.tank-input::placeholder{color:var(--ink-soft);opacity:.7}.tank-btn{border:.15rem solid var(--accent);background:var(--accent);color:var(--paper);cursor:pointer;border-radius:12px;padding:.8rem 1.6rem;font-family:Patrick Hand,cursive;font-size:1.3rem;font-weight:600;transition:background .2s,box-shadow .2s}.tank-btn:hover{background:var(--accent-soft);border-color:var(--accent-soft);box-shadow:var(--shadow-sm)}@media (width<=480px){.tank-bar{gap:.5rem;padding:.5rem .5rem .5rem 1.2rem;top:1.2rem}.tank-input{font-size:1.3rem}.tank-btn{white-space:nowrap;padding:.7rem 1rem;font-size:1.2rem}}.fish-roam{cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px #6e4e3a2e);opacity:1;will-change:transform;z-index:4;width:12rem;transition:filter .3s,opacity .3s;position:absolute;top:0;left:0}.fish-roam:hover{filter:drop-shadow(0 4px 8px #6e4e3a2e)brightness(1.08)}.fish-roam.selected{filter:drop-shadow(0 0 1.8rem var(--accent)) brightness(1.05);z-index:30}.fish-roam.completing{pointer-events:none}.fish-roam.dimmed{opacity:.15;filter:saturate(0)brightness(.5)blur(1px);transition:opacity .3s,filter .3s}.fish-inner{position:relative}.fish-inner.completing{animation:1.6s ease-in forwards float-up}.fish-label{background:color-mix(in srgb, var(--tert) 50%, var(--paper-card));border:1px solid var(--line);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-sm);pointer-events:none;text-overflow:ellipsis;border-radius:12px;max-width:16rem;padding:.2rem 1.2rem;font-family:Patrick Hand,cursive;font-size:1.4rem;position:absolute;bottom:-2.2rem;left:50%;overflow:hidden;transform:translate(-50%)}@media (width<=480px){.fish-label{max-width:12rem;padding:.2rem .8rem;font-size:1.1rem}}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#3d241859;animation:.2s ease-out scrim-in;position:absolute;inset:0}.action-card{background:var(--paper-card);border:1.5px solid var(--line);width:min(36rem,100vw - 3.2rem);box-shadow:var(--shadow-lg);z-index:31;border-radius:18px;padding:2.6rem 2.8rem;animation:.32s cubic-bezier(.34,1.56,.64,1) forwards pop-menu;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.action-card .ac-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;font-family:Patrick Hand,cursive;font-size:1.8rem;position:absolute;top:1rem;right:1.4rem}.action-card .ac-fish{border-bottom:1.5px dashed var(--line);align-items:center;gap:1.4rem;margin-bottom:1.6rem;padding-bottom:1.4rem;display:flex}.action-card .ac-fish>div{min-width:0}.action-card .ac-fish img{width:6.4rem;height:auto}.action-card .ac-task{color:var(--ink);overflow-wrap:break-word;word-break:break-word;font-family:Caveat,cursive;font-size:2.6rem;line-height:1.05}.action-card .ac-meta{margin-top:.4rem}.priority-badge{border:1.5px solid;border-radius:50px;padding:.2rem 1rem;font-family:Patrick Hand,cursive;font-size:1.3rem;display:inline-block}.badge-low{color:#2d6a4f;background:#d4edda;border-color:#a3cfb0}.badge-medium{color:#7d5a00;background:#fff3cd;border-color:#f0c040}.badge-high{color:#842029;background:#f8d7da;border-color:#f0a3a8}[data-theme=dark] .scrim{background:#0000008c}.ac-keyboard-hint{text-align:center;color:var(--ink-soft);opacity:.6;-webkit-user-select:none;user-select:none;margin-top:1.2rem;font-family:Quicksand,sans-serif;font-size:1.1rem}[data-theme=dark] .badge-low{color:#8ca;background:#1a3a2a;border-color:#3a7a5a}[data-theme=dark] .badge-medium{color:#d4aa55;background:#3a2e10;border-color:#9a7a20}[data-theme=dark] .badge-high{color:#e08090;background:#3a1820;border-color:#9a3a48}.action-card .ac-actions{flex-direction:column;gap:1rem;display:flex}.action-card .ac-btn{border:1.5px solid var(--line);background:var(--paper-card);cursor:pointer;box-shadow:var(--shadow-sm);color:var(--ink);text-align:left;border-radius:12px;align-items:center;gap:1.2rem;width:100%;padding:1.2rem 1.6rem;font-family:Patrick Hand,cursive;font-size:1.7rem;transition:transform .12s,box-shadow .12s;display:flex}.action-card .ac-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-card .ac-btn:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.action-card .ac-btn.primary{background:var(--accent);color:var(--paper);border-color:#0000;box-shadow:0 4px 14px #c85a3a47}.action-card .ac-btn.primary:hover{box-shadow:0 6px 20px #c85a3a5c}.action-card .ac-btn.lav{background:var(--sec);color:var(--paper);border-color:#0000;box-shadow:0 4px 14px #a890c447}.action-card .ac-btn.lav:hover{box-shadow:0 6px 20px #a890c45c}.action-card .ac-btn .em{font-size:2.2rem;line-height:1}.action-card .ac-btn .sub{opacity:.75;margin-top:.1rem;font-family:Quicksand,sans-serif;font-size:1.2rem;display:block}.fish-legend{z-index:10;flex-direction:column;align-items:flex-start;gap:.8rem;display:flex;position:absolute;bottom:3.2rem;left:3.2rem}.legend-btn{border:1.5px solid var(--line);background:var(--paper-card);width:3.6rem;height:3.6rem;color:var(--ink-soft);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-family:Patrick Hand,cursive;font-size:1.8rem;transition:transform .12s,box-shadow .12s;display:flex}.legend-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.legend-card{background:var(--paper-card);border:1.5px solid var(--line);box-shadow:var(--shadow-md);border-radius:12px;min-width:22rem;padding:1.4rem 1.6rem;animation:.15s ease-out fade-in}.legend-title{color:var(--accent);margin-bottom:.6rem;font-family:Caveat,cursive;font-size:2rem}.legend-subtitle{color:var(--ink-soft);border-bottom:1px dashed var(--line);margin-bottom:1rem;padding-bottom:.8rem;font-family:Quicksand,sans-serif;font-size:1.1rem}.legend-row{align-items:center;gap:1rem;padding:.5rem 0;display:flex}.legend-fish{object-fit:contain;flex-shrink:0;width:3.2rem;height:auto}.legend-info{flex-direction:column;flex:1;gap:.4rem;display:flex}.legend-top{align-items:baseline;gap:.6rem;display:flex}.legend-name{color:var(--ink);font-family:Patrick Hand,cursive;font-size:1.4rem}.legend-mood{color:var(--ink-soft);flex:1;font-family:Quicksand,sans-serif;font-size:1.1rem}.legend-time{color:var(--ink-soft);font-family:Quicksand,sans-serif;font-size:1.1rem}.speed-track{background:var(--paper-warm);border-radius:9999px;height:.4rem;overflow:hidden}.speed-fill{background:linear-gradient(90deg, var(--sec), var(--accent));border-radius:9999px;height:100%;transition:width .3s}.tank{background:radial-gradient(ellipse 100% 80% at 50% 0%, #ffe8c899 0%, transparent 60%), radial-gradient(ellipse 90% 70% at 50% 100%, #f0b89c59 0%, transparent 70%), var(--paper);position:absolute;inset:0;overflow:hidden}.tank:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='140'%3E%3Cpath d='M0 70 Q75 50 150 70 Q225 90 300 70' stroke='rgba(110,78,58,.05)' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:repeat;background-size:300px 140px;position:absolute;inset:0}.fish-count{color:var(--ink-soft);z-index:10;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-family:Patrick Hand,cursive;font-size:1.6rem;display:flex;position:absolute;bottom:3.2rem;right:3.2rem}.focus-toggle{z-index:10;position:absolute;bottom:3.2rem;left:8.4rem}.tank-filter{z-index:10;flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex;position:absolute;top:8rem;left:50%;transform:translate(-50%)}.tank-filter-btn{border:1.5px solid var(--line);background:var(--paper-card);color:var(--ink-soft);cursor:pointer;opacity:.85;border-radius:50px;padding:.3rem 1rem;font-family:Patrick Hand,cursive;font-size:1.2rem;transition:opacity .15s,background .15s,color .15s}.tank-filter-btn:hover{opacity:1;background:var(--paper-warm);color:var(--ink)}.tank-filter-btn--active{background:var(--accent);color:var(--paper);opacity:1;border-color:#0000}[data-theme=dark] .tank{background:linear-gradient(#1a1426 0%,#261c38 55%,#2e2240 100%)}[data-theme=dark] .tank:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='140'%3E%3Cpath d='M0 70 Q75 50 150 70 Q225 90 300 70' stroke='rgba(249,222,195,.04)' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")}.filter-bar{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;display:flex}.filter-btn{border:1.5px solid var(--line);background:var(--paper-card);color:var(--ink-soft);cursor:pointer;border-radius:50px;padding:.4rem 1.2rem;font-family:Patrick Hand,cursive;font-size:1.3rem;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.filter-btn:hover{background:var(--paper-warm);color:var(--ink)}.filter-btn--active.priority-tiny{color:#2e7d32;background:#e8f5e9;border-color:#c8e6c9}.filter-btn--active.priority-small{color:#2d6a4f;background:#d4edda;border-color:#a3cfb0}.filter-btn--active.priority-medium{color:#7d5a00;background:#fff3cd;border-color:#f0c040}.filter-btn--active.priority-big{color:#8b4513;background:#ffe0cc;border-color:#f0a875}.filter-btn--active.priority-whale{color:#842029;background:#f8d7da;border-color:#f0a3a8}.filter-btn--active:not([class*=priority-]){background:var(--accent);color:var(--paper);border-color:#0000}[data-theme=dark] .filter-btn--active.priority-tiny{color:#8c8;background:#1a2e1a;border-color:#3a6a3a}[data-theme=dark] .filter-btn--active.priority-small{color:#8ca;background:#1a2e22;border-color:#3a6a4e}[data-theme=dark] .filter-btn--active.priority-medium{color:#d4aa55;background:#2e2510;border-color:#6a5510}[data-theme=dark] .filter-btn--active.priority-big{color:#d48055;background:#2e1e10;border-color:#8b4a20}[data-theme=dark] .filter-btn--active.priority-whale{color:#e07080;background:#2e1218;border-color:#8b2a38}.list-empty{color:var(--ink-soft);text-align:center;margin-top:6rem;font-family:Patrick Hand,cursive;font-size:1.8rem}.task-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.task-item{background:var(--paper-card);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:1.4rem;padding:1.2rem 1.6rem;transition:box-shadow .15s;animation:.2s ease-out fade-in;display:flex}.task-item:hover{box-shadow:var(--shadow-md)}.task-fish-img{object-fit:contain;flex-shrink:0;width:4rem;height:auto}.task-title{color:var(--ink);flex:1;font-family:Patrick Hand,cursive;font-size:1.7rem}.task-badge{white-space:nowrap;border:1.5px solid;border-radius:50px;padding:.3rem 1rem;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600}.task-badge.priority-tiny{color:#2e7d32;background:#e8f5e9;border-color:#c8e6c9}.task-badge.priority-small{color:#2d6a4f;background:#d4edda;border-color:#a3cfb0}.task-badge.priority-medium{color:#7d5a00;background:#fff3cd;border-color:#f0c040}.task-badge.priority-big{color:#8b4513;background:#ffe0cc;border-color:#f0a875}.task-badge.priority-whale{color:#842029;background:#f8d7da;border-color:#f0a3a8}[data-theme=dark] .task-badge.priority-tiny{color:#8c8;background:#1a2e1a;border-color:#3a6a3a}[data-theme=dark] .task-badge.priority-small{color:#8ca;background:#1a2e22;border-color:#3a6a4e}[data-theme=dark] .task-badge.priority-medium{color:#d4aa55;background:#2e2510;border-color:#6a5510}[data-theme=dark] .task-badge.priority-big{color:#d48055;background:#2e1e10;border-color:#8b4a20}[data-theme=dark] .task-badge.priority-whale{color:#e07080;background:#2e1218;border-color:#8b2a38}.task-actions{flex-shrink:0;gap:.6rem;display:flex}.task-btn{border:1.5px solid var(--line);background:var(--paper-warm);color:var(--ink-soft);cursor:pointer;border-radius:12px;padding:.5rem 1.2rem;font-family:Patrick Hand,cursive;font-size:1.3rem;transition:background .15s,color .15s}.task-btn.done:hover{background:var(--accent);color:var(--paper);border-color:#0000}.task-btn.remove:hover{color:#842029;background:#f8d7da;border-color:#f0a3a8}[data-theme=dark] .task-btn.remove:hover{color:#e07080;background:#2e1218;border-color:#8b2a38}.settings-view{justify-content:center;align-items:flex-start;height:100%;padding:4rem 2rem;display:flex;overflow-y:auto}.settings-card{background:var(--paper-card);border:1.5px solid var(--line);width:100%;max-width:60rem;box-shadow:var(--shadow-lg);border-radius:14px;padding:3.6rem 4rem;transform:rotate(-.6deg)}@media (width<=600px){.settings-view{padding:2rem 1.2rem}.settings-card{padding:2.4rem 2rem;transform:none}.settings-title{font-size:2.8rem}.swatch{width:3.8rem;height:3.8rem}}.settings-header{border-bottom:1.5px dashed var(--line);justify-content:space-between;align-items:baseline;margin-bottom:.4rem;padding-bottom:1.6rem;display:flex}.settings-title{color:var(--accent);font-family:Caveat,cursive;font-size:3.6rem;font-weight:700;line-height:1}.settings-back{color:var(--ink-soft);font-family:Patrick Hand,cursive;font-size:1.4rem;text-decoration:none;transition:color .15s}.settings-back:hover{color:var(--ink)}.settings-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding:1.4rem 0;display:flex}.settings-row-label{flex-direction:column;gap:.3rem;display:flex}.row-name{color:var(--ink);font-family:Caveat,cursive;font-size:2.4rem;line-height:1}.row-desc{color:var(--ink-soft);font-family:Quicksand,sans-serif;font-size:1.2rem}.toggle{background:var(--paper-warm);border:1.5px solid var(--line);cursor:pointer;border-radius:15px;flex-shrink:0;width:5.6rem;height:3rem;padding:0;transition:background .2s,border-color .2s;position:relative}.toggle.on{background:var(--accent);border-color:#0000}.toggle .knob{background:var(--paper-card);border:1px solid var(--line);width:2.2rem;height:2.2rem;box-shadow:var(--shadow-sm);border-radius:50%;transition:left .2s;display:block;position:absolute;top:50%;left:.4rem;transform:translateY(-50%)}.toggle.on .knob{left:3rem}.settings-section{border-bottom:1px dashed var(--line);flex-direction:column;gap:1.2rem;padding:1.4rem 0;display:flex}.settings-section:last-child{border-bottom:none}.swatch-group{justify-content:space-between;gap:.8rem;display:flex}.swatch-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.swatch{border:1.5px solid var(--line);cursor:pointer;width:4.8rem;height:4.8rem;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;padding:0;transition:transform .12s,box-shadow .12s}.swatch:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.swatch.active{border:2.5px solid var(--ink);box-shadow:var(--shadow-md);transform:scale(1.08)}.swatch-label{color:var(--ink-soft);white-space:nowrap;font-family:Quicksand,sans-serif;font-size:1.1rem}.view-as-btns{gap:.8rem;display:flex}.view-btn{border:1.5px solid var(--line);background:var(--paper-warm);color:var(--ink-soft);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:1.2rem 1.8rem;font-family:Patrick Hand,cursive;font-size:1.6rem;transition:background .15s,color .15s,box-shadow .15s;display:flex}.view-btn.active{background:var(--accent);color:var(--paper);border-color:#0000;box-shadow:0 4px 14px #c85a3a47}.view-btn:not(.active):hover{background:var(--paper-card);color:var(--ink)}.landing{background:radial-gradient(ellipse at top, var(--paper-warm) 0%, var(--paper) 70%);animation:.15s ease-out fade-in;position:absolute;inset:0;overflow:hidden}.landing-fish{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.landing-fish--tl{opacity:.7;width:20rem;top:9rem;left:8rem;transform:rotate(-8deg)}.landing-fish--tr{opacity:.65;width:14rem;top:7rem;right:7rem;transform:scaleX(-1)rotate(5deg)}.landing-fish--br{opacity:.7;width:17rem;bottom:14rem;right:9rem;transform:scaleX(-1)rotate(6deg)}.landing-fish--bl{opacity:.65;width:11rem;bottom:11rem;left:10rem;transform:rotate(-12deg)}.landing-fish--mid{opacity:.55;width:8rem;top:52%;left:5rem;transform:rotate(4deg)}.landing-fish--bot{opacity:.58;width:9rem;margin-left:14rem;bottom:9rem;left:50%;transform:scaleX(-1)rotate(-6deg)}.landing-center{text-align:center;z-index:2;width:min(64rem,90%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-title{letter-spacing:.1rem;color:var(--ink);font-family:Caveat,cursive;font-size:min(18vw,16rem);line-height:.95;animation:6s ease-in-out infinite title-bob}.landing-tagline{color:var(--ink-soft);margin-top:.8rem;margin-bottom:4rem;font-family:Patrick Hand,cursive;font-size:2.4rem;line-height:1.4}.landing .landing-cta{padding:1.4rem 7rem;font-size:3.8rem;display:inline-block;transform:rotate(-1.5deg)}.landing .landing-cta:hover{transform:rotate(-1.5deg)translateY(-1px)}.landing .landing-cta:active{transform:rotate(-1.5deg)translateY(1px)}.landing .landing-cta:focus-visible{outline:3px solid var(--accent);outline-offset:4px;transform:rotate(-1.5deg)translateY(-1px)}.landing-subtitle{color:var(--ink-soft);opacity:.65;margin-top:3.6rem;font-family:Patrick Hand,cursive;font-size:1.4rem}.landing-waves{width:100%;height:10rem;position:absolute;bottom:1.6rem;left:0}@media (width<=600px){.landing-fish--tl{width:12rem;top:4rem;left:2rem}.landing-fish--tr{width:9rem;top:4rem;right:2rem}.landing-fish--br{width:10rem;bottom:10rem;right:2rem}.landing-fish--bl,.landing-fish--mid,.landing-fish--bot{display:none}.landing-tagline{margin-bottom:2.4rem;font-size:1.8rem}.landing .landing-cta{padding:1.4rem 5.6rem;font-size:3.8rem}}@media (width<=360px){.landing-cta{padding:1rem 3rem;font-size:2.4rem}}.mood-reef{background:var(--paper);height:100%;animation:.3s ease-out fade-in;overflow-y:auto}.mood-reef-inner{max-width:80rem;margin:0 auto;padding:3.2rem 4rem}.mood-reef-header{border-bottom:1.5px dashed var(--line);justify-content:space-between;align-items:baseline;margin-bottom:2.8rem;padding-bottom:1.6rem;display:flex}.mood-reef-title{color:var(--accent);font-family:Caveat,cursive;font-size:clamp(3.6rem,6vw,5.6rem);font-weight:600;line-height:1;display:inline-block;transform:rotate(-1deg)}.mood-reef-back{color:var(--ink-soft);white-space:nowrap;font-family:Patrick Hand,cursive;font-size:1.4rem;text-decoration:none;transition:color .15s}.mood-reef-back:hover{color:var(--ink)}.checkin-card{background:var(--paper-card);border:1.5px solid color-mix(in srgb, var(--sec) 35%, var(--line-strong));box-shadow:var(--shadow-md);border-radius:1.8rem;margin-bottom:2.4rem;padding:2.4rem 2.8rem;transform:rotate(-.3deg)}.checkin-date{color:var(--ink-soft);margin-bottom:.6rem;font-family:Patrick Hand,cursive;font-size:1.4rem}.checkin-prompt{color:var(--ink);margin-bottom:2rem;font-family:Caveat,cursive;font-size:3rem;font-weight:600;line-height:1.05}.checkin-options{gap:1rem;display:flex}.mood-btn{background:var(--paper);border:2.5px solid var(--line-strong);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:1.4rem;flex-direction:column;flex:1;align-items:center;gap:.8rem;padding:1.4rem .8rem 1rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.mood-btn:hover{box-shadow:var(--shadow-md);border-color:var(--mood-color);transform:translateY(-3px)}.mood-btn--selected{border-color:var(--mood-color);background:color-mix(in srgb, var(--mood-color) 10%, var(--paper))}.mood-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mood-btn-icon{color:var(--mood-color)}.mood-btn-label{color:var(--ink);font-family:Patrick Hand,cursive;font-size:1.4rem}.week-strip{margin-bottom:2.4rem}.week-strip-header{justify-content:space-between;align-items:baseline;margin-bottom:1.2rem;display:flex}.week-strip-title{color:var(--ink);font-family:Caveat,cursive;font-size:2.6rem;font-weight:600;line-height:1}.week-strip-hint{color:var(--ink-soft);font-family:Patrick Hand,cursive;font-size:1.3rem}.week-days{background:color-mix(in srgb, var(--tert) 22%, var(--paper-warm));border:1.5px dashed var(--line-strong);border-radius:1.6rem;gap:.8rem;padding:1.6rem 1.2rem;display:flex}.day-btn{cursor:pointer;background:0 0;border:none;border-radius:1rem;flex-direction:column;flex:1;align-items:center;gap:.8rem;padding:.6rem 0;transition:background .15s;display:flex;position:relative}.day-btn:hover{background:var(--paper-card)}.day-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1rem}.day-btn--active .day-marker{border-color:var(--accent);border-width:2px}.day-marker{border:1.5px solid var(--line);background:var(--paper-card);border-radius:50%;justify-content:center;align-items:center;width:4.4rem;height:4.4rem;transition:border-color .15s;display:flex;position:relative}.day-btn--active .day-marker,.day-btn:hover:not(.day-btn--future) .day-marker{border-color:var(--accent)}.day-marker-icon{color:var(--mood-color)}.day-marker-empty{color:var(--ink-soft);opacity:.5;font-family:Patrick Hand,cursive;font-size:1.6rem}.day-label{color:var(--ink-soft);text-transform:lowercase;font-family:Patrick Hand,cursive;font-size:1.3rem}.day-today-dot{background:var(--accent);border-radius:50%;width:.5rem;height:.5rem;position:absolute;bottom:.4rem;left:50%;transform:translate(-50%)}.day-btn--future{opacity:.35;cursor:not-allowed}.day-btn--future:hover .day-marker{border-color:var(--line)}[data-theme=dark] .mood-btn--selected{background:color-mix(in srgb, var(--mood-color) 15%, var(--paper-card))}[data-theme=dark] .day-btn:hover{background:var(--paper-warm)}@media (width<=600px){.mood-reef-inner{padding:2rem 1.6rem}.checkin-card{padding:1.8rem 1.6rem;transform:none}.checkin-options{gap:.6rem}.mood-btn{padding:1.2rem .4rem .8rem}.mood-btn-label{font-size:1.2rem}.week-days{gap:.4rem;padding:1.2rem .8rem}.day-marker{width:3.6rem;height:3.6rem}.week-strip-hint{display:none}}.list-view{height:100%;overflow-y:auto}.list-inner{max-width:72rem;margin:0 auto;padding:3.2rem 4rem}.history-header{border-bottom:1.5px dashed var(--line);justify-content:space-between;align-items:baseline;margin-bottom:.4rem;padding-bottom:1.6rem;display:flex}.history-title{color:var(--accent);margin-bottom:2rem;font-family:Caveat,cursive;font-size:3.6rem;font-weight:700;line-height:1}.history-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.history-item{background:var(--paper-card);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:center;padding:1.2rem 1.6rem;display:flex}.history-task-title{color:var(--ink);font-family:Patrick Hand,cursive;font-size:1.7rem}.history-date{color:var(--ink-soft);white-space:nowrap;font-family:Quicksand,sans-serif;font-size:1.2rem}.history-back{color:var(--ink-soft);font-family:Patrick Hand,cursive;font-size:1.4rem;text-decoration:none;transition:color .15s}.history-back:hover{color:var(--ink)}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;position:relative;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;overflow-x:hidden}html,body,#root{width:100%;height:100%;overflow:hidden}body{--paper:#fdf0e2;--paper-warm:#f9dec3;--paper-card:#fffaf0;--ink:#3d2418;--ink-soft:#6e4e3a;--line:#6e4e3a2e;--line-strong:#6e4e3a52;--shadow-sm:0 2px 6px #6e4e3a1a;--shadow-md:0 4px 14px #6e4e3a1f;--shadow-lg:0 10px 28px #6e4e3a24;--accent:#c85a3a;--accent-soft:#e08868;--sec:#a890c4;--tert:#f0b89c;--green:#8aa898;background:var(--paper);color:var(--ink);font-family:Quicksand,sans-serif;font-weight:400;line-height:1;overflow:hidden}.btn{border:1.5px solid var(--line);cursor:pointer;background:var(--paper-card);color:var(--ink);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;border-radius:50px;padding:.8rem 2.6rem;font-family:Caveat,cursive;font-size:1.8rem;transition:transform .12s,box-shadow .12s}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--paper);border-color:#0000;box-shadow:0 4px 14px #c85a3a47}.btn-primary:hover{box-shadow:0 6px 20px #c85a3a5c}.btn-lav{background:var(--sec);color:var(--paper);border-color:#0000;box-shadow:0 4px 14px #a890c447}.btn-lav:hover{box-shadow:0 6px 20px #a890c45c}.btn-ghost{background:var(--paper-card);color:var(--ink)}[data-theme=dark]{--paper:#1a1426;--paper-warm:#261c38;--paper-card:#2e2240;--ink:#f9dec3;--ink-soft:#f9dec3b3;--line:#f9dec32e;--line-strong:#f9dec352;--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 10px 28px #00000080;--accent:#e07050;--accent-soft:#e89070;--green:#6a9e8a}.icon-btn{border:1.5px solid var(--line);background:var(--paper-card);width:3.6rem;height:3.6rem;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;transition:transform .12s,box-shadow .12s,background .2s;display:flex}.icon-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.icon-btn:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.icon-btn.active{background:var(--accent);color:var(--paper);border-color:#0000}@keyframes pop-in{0%{opacity:0;transform:scale(0)rotate(-20deg)}60%{opacity:1;transform:scale(1.15)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:1}to{opacity:0;transform:translateY(-20rem)scale(.5)}}@keyframes fade-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes pop-menu{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes title-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}