:root{--bg: #faf7f2;--card: #fffdf9;--fg: #2b2622;--muted: #766b61;--line: #ece5db;--accent: #766b61;--at: #766b61;--err: #b4442f;--r: 14px;--ease: .15s ease;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #1b1815;--card: #242019;--fg: #f2ece4;--muted: #a39789;--line: #322d26;--err: #e0806c}}[data-mode=personal]{--accent: #b85a30;--at: #a94f27}[data-mode=business]{--accent: #5a7a5e;--at: #4d6b51}@media (prefers-color-scheme: dark){:root{--at: #a39789}[data-mode=personal]{--at: #e39a76}[data-mode=business]{--at: #93b898}.entry{box-shadow:none;border:1px solid var(--line)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui,sans-serif;font-variant-numeric:tabular-nums}button,input,select{font:inherit;color:inherit}button{background:var(--accent);color:#fff;border:0;border-radius:var(--r);padding:12px 16px;min-height:44px;transition:opacity var(--ease),transform var(--ease)}button:active{transform:scale(.97);opacity:.85}button.link,button.icon{background:none;color:var(--muted)}input,select{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;width:100%}.app{display:flex;flex-direction:column;height:100dvh;max-width:560px;margin:0 auto}header{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px}.toggle{display:flex;flex:1;gap:4px;padding:4px;background:var(--card);border-radius:999px}.toggle button{flex:1;background:none;color:var(--muted);border-radius:999px;padding:8px;min-height:40px}.toggle button[aria-selected=true]{background:var(--accent);color:#fff}button.icon{width:40px;min-height:40px;padding:0;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:0}button.icon:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}section{flex:1;overflow-y:auto;padding:16px}@media (min-width: 640px){section{padding:24px}}nav{display:flex;padding-bottom:env(safe-area-inset-bottom)}nav button{flex:1;position:relative;background:none;color:var(--muted);border-radius:0}nav button[aria-current=true]{color:var(--at);font-weight:600}nav button[aria-current=true]:before{content:"";position:absolute;top:2px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--accent)}.home{display:flex;flex-direction:column;min-height:100%}.label{margin:0 0 4px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.big{font-size:clamp(2.25rem,9vw,3rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px}.big small{font-size:1rem;color:var(--muted);font-weight:400}.label,.soon,small,em{color:var(--muted)}.entry{background:var(--card);border-radius:20px;padding:16px;margin:0 0 24px;box-shadow:0 6px 28px color-mix(in srgb,var(--accent) 18%,transparent);outline:2px solid transparent;transition:outline-color var(--ease)}.entry:focus-within{outline-color:color-mix(in srgb,var(--accent) 45%,transparent)}.entry-title{display:block;margin-bottom:8px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--at);font-weight:600}.entry .row{display:flex;gap:8px}.entry input{flex:1;min-width:0;font-size:20px;padding:14px;border:0;background:var(--bg)}.entry .row button{padding-inline:20px;font-weight:600}.entry .row button:disabled{opacity:.35}.chips{display:flex;gap:8px;overflow-x:auto;margin-top:12px}.chip{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--at);border:0;border-radius:999px;padding:8px 16px;min-height:40px;white-space:nowrap}.saved{color:var(--at);animation:fade var(--ease)}.error{color:var(--err)}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.saved{padding:16px;background:var(--card);border-radius:var(--r);margin:0 0 24px}.pending{list-style:none;margin:0 0 24px;padding:16px;background:var(--card);border-radius:var(--r);display:grid;gap:4px}.soon{text-align:center;margin-top:30vh}.app{background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 14%,var(--bg)),transparent 55%)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filters input[type=search]{grid-column:1 / -1;border-radius:999px;padding-inline:16px}.history ul{list-style:none;padding:0;margin:8px 0 0;background:var(--card);border-radius:var(--r);overflow:hidden}.history li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background var(--ease)}.history li+li{border-top:1px solid var(--line)}.history li:active{background:color-mix(in srgb,var(--accent) 10%,var(--card))}.history li small{display:block}.history li b{font-weight:600}.history h3{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:24px 4px 0;font-weight:500}.sheet{position:fixed;inset:auto 0 0 0;max-width:560px;margin:0 auto;background-color:var(--card);background-image:linear-gradient(var(--line),var(--line));background-size:36px 4px;background-repeat:no-repeat;background-position:center 10px;border-radius:20px 20px 0 0;box-shadow:0 0 0 100vmax #1b181566;padding:28px 16px calc(16px + env(safe-area-inset-bottom));display:grid;gap:12px;max-height:90dvh;overflow-y:auto;animation:rise .2s ease}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.sheet h2{margin:0;font-size:1.25rem;font-weight:600}.sheet label{display:grid;gap:4px;color:var(--muted);font-size:.85rem}.sheet input,.sheet select{background:var(--bg);border:0;color:var(--fg)}.sheet button.link{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--at)}.gate{display:grid;gap:16px;place-content:center;justify-items:center;height:100dvh;text-align:center;padding:24px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,#b85a30 16%,var(--bg)),var(--bg) 65%)}.gate h1{margin:0;font-size:2.75rem;font-weight:600;letter-spacing:-.02em}.gate h1:after{content:".";color:#b85a30}.gate p{margin:0;max-width:28ch;color:var(--muted)}.gate button{background:#b85a30;width:100%;max-width:280px;margin-top:8px}
