*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1f2a24;--muted:#5d6b63;--paper:#f4efe4;--panel:#fffdf8db;--line:#0d5c4524;--accent:#d4af37;--next:#0d5c45;--emerald-deep:#084433;--gold:#d4af37;--danger:#9b3d3d;--done:#6b8078}html,body,#root{min-height:100%}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif}button,input{font:inherit}.page{background:radial-gradient(1200px 600px at 10% -10%, #e7f3ec 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #f7e8c4 0%, transparent 50%), var(--paper);justify-content:center;min-height:100dvh;padding:0 1.15rem 2rem;display:flex}.shell{flex-direction:column;gap:.85rem;width:min(28rem,100%);min-height:calc(100dvh - 3.5rem);display:flex}.hero{z-index:40;padding-top:.15rem;position:relative}.hero-top{z-index:41;flex-wrap:nowrap;align-items:center;gap:.45rem;min-height:2.5rem;margin-bottom:0;display:flex;position:relative}.toolbar-spacer{flex:auto;min-width:.35rem}.brand{letter-spacing:-.02em;color:var(--emerald-deep);flex:none;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.55rem,5vw,1.85rem);font-weight:700;line-height:1}.sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;margin:0;font-size:.78rem;line-height:1.2;overflow:hidden}.panel{background:var(--panel);border:1px solid color-mix(in srgb, var(--gold) 22%, var(--line));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.25rem;flex-direction:column;flex:auto;min-height:0;padding:1.15rem 1.15rem 1.05rem;display:flex;box-shadow:0 10px 30px #1f2a2414}.panel h2{margin-bottom:.35rem;font-size:1.05rem;font-weight:700}form{gap:.7rem;display:grid}label{gap:.35rem;font-size:.85rem;font-weight:600;display:grid}input[type=password],input[type=text]{border:1px solid var(--line);color:var(--ink);background:#ffffffd9;border-radius:.75rem;outline:none;padding:.75rem .85rem}input:focus{border-color:color-mix(in srgb, var(--gold) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 18%, transparent)}.btn{cursor:pointer;border:0;border-radius:.75rem;padding:.75rem 1rem;font-weight:650;transition:transform .12s,opacity .12s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn-primary{background:var(--next);color:#fffdf6}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:#fffdf8cc}.btn-danger{color:var(--danger);background:#9b3d3d1a;border:1px solid #9b3d3d33}.error{color:var(--danger);background:#9b3d3d14;border:1px solid #9b3d3d2e;border-radius:.75rem;padding:.65rem .8rem;font-size:.88rem}.toolbar-btn{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--ink);white-space:nowrap;cursor:pointer;background:#fffdf8cc;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:0;padding:0;font-size:.82rem;font-weight:650;display:inline-flex}.toolbar-btn svg{color:var(--next);flex:none}.toolbar-btn:hover,.toolbar-btn.is-on{border-color:color-mix(in srgb, var(--gold) 40%, var(--line));background:#fffdf8fa}.toolbar-label{display:none}.add-row{gap:.5rem;margin-bottom:.9rem;display:flex}.add-row input{flex:1}.list{flex:auto;grid-auto-rows:3rem;align-content:start;gap:.45rem;min-height:0;list-style:none;display:grid;overflow:auto}.item{border:1px solid var(--line);background:#ffffffb3;border-radius:.85rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;height:3rem;padding:0 .75rem;display:grid;overflow:hidden}.item.done .text{color:var(--done);text-decoration:line-through}.item input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--next)}.text{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font-size:.95rem;line-height:1.2;overflow:hidden}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.25rem .4rem;font-size:.85rem;font-weight:700}.icon-btn:hover{color:var(--danger);background:#9b3d3d1a}.empty{text-align:center;color:var(--muted);padding:1.5rem .5rem;font-size:.92rem}.meta{color:var(--muted);text-align:center;margin-top:.85rem;font-size:.78rem}.settings-wrap{z-index:50;flex:none;position:relative}.settings-menu{z-index:60;border:1px solid color-mix(in srgb, var(--gold) 28%, var(--line));text-align:left;background:#fffdf8;border-radius:.85rem;gap:.25rem;width:min(17.5rem,82vw);padding:.45rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 12px 28px #08443329}.settings-menu p{color:var(--muted);padding:.35rem .55rem .15rem;font-size:.75rem}.settings-menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.65rem .7rem;font-weight:600}.settings-menu button:hover{background:#14241f0f}.settings-menu button.danger{color:var(--danger)}.settings-divider{background:var(--line);height:1px;margin:.35rem .4rem}.settings-section{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:.45rem .55rem .2rem!important;font-size:.72rem!important}.settings-hint{line-height:1.4;padding:.25rem .55rem .45rem!important}.hero-top .sl-chrome{flex-shrink:0}.sl-bar-wrap{pointer-events:none;flex:none;width:100%}.sl-bar{z-index:60;box-sizing:border-box;pointer-events:auto;width:auto;max-width:none;color:var(--sl-bar-fg,var(--ink,#1f2a24));background:var(--sl-bar-bg,color-mix(in srgb, var(--bg,var(--bg0,var(--paper,#fffdf8))) 88%, transparent));border-bottom:1px solid var(--sl-bar-line,var(--line,#1f2a241a));-webkit-backdrop-filter:blur(14px);padding-top:env(safe-area-inset-top);margin:0;position:fixed;top:0;left:0;right:0}.sl-bar-inner{box-sizing:border-box;flex-wrap:nowrap;align-items:center;gap:.45rem .7rem;width:100%;min-height:3.35rem;padding:.4rem .9rem .45rem;display:flex}.sl-bar-brand{flex:auto;align-items:center;gap:.55rem;min-width:0;display:flex}.sl-bar-leading{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.sl-bar-mark.sl-app-logo{border-radius:9px;flex-shrink:0;width:2rem;height:2rem}.sl-bar-titles{gap:.05rem;min-width:0;display:grid}h1.sl-bar-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2;overflow:hidden}.sl-bar-title-hit{max-width:100%;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;overflow:hidden}.sl-bar-sub{color:var(--sl-bar-muted,var(--muted,#5d6b63));margin:0;font-size:.72rem;font-weight:550;line-height:1.25}.sl-bar-hi-inline{text-overflow:ellipsis;white-space:nowrap;max-width:9.5rem;color:var(--sl-bar-muted,var(--muted,#5d6b63));flex-shrink:0;margin:0;font-size:.88rem;font-weight:550;display:none;overflow:hidden}.sl-bar-actions{flex:auto;justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.sl-bar .sl-chrome{flex-shrink:0;margin-left:auto}@media (width>=720px){.sl-bar-hi-inline{display:block}}.sl-chrome{z-index:40;white-space:normal;align-items:center;gap:.45rem;display:flex;position:relative}.sl-waffle,.sl-avatar{cursor:pointer;border:none;flex:none;padding:0}.sl-waffle{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:50%;grid-template-rows:repeat(3,5px);grid-template-columns:repeat(3,5px);place-content:center;gap:3px;width:36px;height:36px;display:grid}.sl-bar-actions .toolbar-btn,.sl-bar-actions .nav-btn{box-sizing:border-box;border-radius:50%;width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.sl-dot{opacity:.55;background:currentColor;border-radius:50%;width:5px;height:5px}.sl-waffle:hover,.sl-waffle.is-on{background:color-mix(in srgb, currentColor 18%, transparent)}.sl-avatar{color:#fffdf6;letter-spacing:0;background:#0d5c45;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:grid;box-shadow:0 0 0 2px #d4af37}.sl-avatar.is-on{box-shadow:0 0 0 2px #d4af37,0 0 0 4px #d4af3766}.sl-pop{z-index:80;white-space:normal;box-sizing:border-box;color:#1f2a24;background:#fffdf8;border:1px solid #1f2a241a;border-radius:16px;flex-direction:column;align-items:stretch;gap:.45rem;min-width:16.5rem;max-width:min(22rem,100vw - 1.25rem);padding:.85rem;display:flex;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 16px 40px #1f2a2429}.sl-pop-kicker,.sl-who span,.sl-empty{color:#5d6b63;margin:0;font-size:.78rem}.sl-pop-kicker{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.55rem}.sl-pop-apps{min-width:18.75rem}.sl-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid}.sl-app{min-height:0;color:inherit;text-align:center;background:0 0;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.4rem;padding:.65rem .3rem .5rem;font-size:.72rem;font-weight:650;text-decoration:none;display:flex}.sl-app-logo{background:#1a1d22;border-radius:12px;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f121038,inset 0 0 0 1px #ffffff1a}.sl-app-logo svg,.sl-app-logo img{object-fit:cover;width:100%;height:100%;display:block}.sl-app-fallback{color:#fffdf6;background:#24362f;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.sl-app-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.2;display:-webkit-box;overflow:hidden}.sl-app:hover,.sl-app.is-current{color:#084433;background:#d6ebe2}.sl-all{text-align:center;color:#0d5c45;margin-top:.65rem;font-size:.88rem;font-weight:650;text-decoration:none;display:block}.sl-who{gap:.15rem;margin:0 0 .7rem;display:grid}.sl-who strong{font-size:.98rem}.sl-signout{box-sizing:border-box;color:#fffdf6;cursor:pointer;background:#0d5c45;border:none;border-radius:999px;width:100%;padding:.65rem 1rem;font-weight:650;display:block}.sl-menu-btn{box-sizing:border-box;color:#084433;cursor:pointer;background:#f4efe4;border:none;border-radius:999px;width:100%;margin-bottom:0;padding:.6rem 1rem;font-weight:650;display:block}.sl-menu-btn.is-quiet{color:#5d6b63;background:0 0}.sl-pop-account,.sl-pop-settings{min-width:20rem;max-width:min(22.5rem,100vw - 1.5rem)}.sl-pop-settings{--ink:#1f2a24;--muted:#5d6b63;--line:#1f2a2424;max-height:min(72vh,36rem);overflow:auto}.sl-pop-settings .settings-menu{width:100%;max-width:none;box-shadow:none;background:0 0;border:none;padding:0;position:static}.sl-account-copy{color:#5d6b63;margin:0 0 .85rem;font-size:.82rem;line-height:1.4}.sl-name-form{border-bottom:1px solid #1f2a2414;gap:.55rem;margin-bottom:.9rem;padding-bottom:.9rem;display:grid}.sl-name-heading{color:#1f2a24;margin:0;font-size:.9rem;font-weight:700}.sl-name-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.sl-name-form label{color:#5d6b63;gap:.25rem;font-size:.75rem;display:grid}.sl-name-form form{gap:.55rem;display:grid}.sl-name-form input{box-sizing:border-box;width:100%;font:inherit;color:#1f2a24;background:#fff;border:1px solid #1f2a2429;border-radius:10px;padding:.55rem .65rem;font-size:.9rem}.sl-name-ok{color:#0d5c45;margin:0;font-size:.8rem;font-weight:650}.sl-setting{border-bottom:1px solid #1f2a2414;grid-template-columns:1fr auto;align-items:center;gap:.25rem .75rem;margin-bottom:.9rem;padding-bottom:.9rem;display:grid}.sl-setting>div{display:contents}.sl-setting-stack{border-bottom:none;grid-template-columns:1fr;margin-bottom:0;padding-bottom:0}.sl-setting>div>strong,.sl-setting>div>span{display:block}.sl-setting>div>strong{grid-area:1/1;font-size:.9rem;line-height:24px}.sl-setting>div>span{color:#5d6b63;grid-area:2/1/auto/-1;font-size:.78rem;line-height:1.35}.sl-switch{cursor:pointer;background:#d8d2c6;border:none;border-radius:999px;flex-shrink:0;grid-area:1/2;align-self:center;width:42px;height:24px;padding:2px}.sl-switch.is-on{background:#0d5c45}.sl-switch-thumb{background:#fffdf6;border-radius:50%;width:20px;height:20px;display:block;transform:translate(0)}.sl-switch.is-on .sl-switch-thumb{transform:translate(18px)}.sl-code{letter-spacing:.04em;word-break:break-all;background:#f4efe4;border-radius:12px;margin:0;padding:.7rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}.sl-account-actions{gap:.35rem;display:grid}.sl-account-error{color:#9b2c2c;margin:.65rem 0 0;font-size:.82rem}