:root{--paper: #e9e6df;--surface: #f6f4ef;--card: #ffffff;--ink: #221f1a;--ink-60: rgba(34, 31, 26, .6);--ink-45: rgba(34, 31, 26, .45);--line: rgba(34, 31, 26, .1);--line-strong: rgba(34, 31, 26, .18);--green: oklch(.5 .09 165);--green-soft: oklch(.94 .03 165);--green-line: oklch(.9 .03 165);--amber: oklch(.56 .11 65);--amber-soft: oklch(.95 .04 75);--red: oklch(.55 .11 30);--red-soft: oklch(.95 .03 30);--grey: oklch(.46 .01 90);--grey-soft: oklch(.93 .006 90);--blue: oklch(.56 .09 250);--violet: oklch(.56 .09 290);--radius: 14px;--shadow: 0 1px 3px rgba(34, 31, 26, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Readex Pro,Noto Sans Ethiopic,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;color:inherit}.mono,.num{font-family:DM Mono,ui-monospace,monospace;direction:ltr;unicode-bidi:isolate}.app{min-height:100%;display:flex;justify-content:center;background:var(--paper)}.phone{width:100%;max-width:460px;min-height:100vh;min-height:100dvh;background:var(--surface);display:flex;flex-direction:column;position:relative;box-shadow:0 0 0 1px #221f1a0f}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f6f4eff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(34,31,26,.05);padding-top:max(12px,env(safe-area-inset-top))}.scroll{flex:1;overflow-y:auto;padding:14px 18px 110px}.tabbar{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);background:#f6f4eff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{border:0;background:none;padding:11px 4px 13px;font-size:11.5px;color:var(--ink-45);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.tab .dot{width:5px;height:5px;border-radius:99px;background:transparent}.tab.on{color:var(--ink);font-weight:500}.tab.on .dot{background:var(--ink)}.tab .badge{position:absolute;top:6px;inset-inline-end:22%;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:10px;line-height:16px}h1{margin:0;font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.01em}h2{margin:0;font-size:15px;font-weight:500}.eyebrow{font-size:11px;color:var(--ink-45);letter-spacing:.03em}.sub{font-size:12.5px;font-weight:300;line-height:1.7;color:var(--ink-60)}.section-title{margin:22px 0 10px;font-size:12px;font-weight:500;color:var(--ink-60)}.card{background:var(--card);border:1px solid rgba(34,31,26,.08);border-radius:var(--radius);padding:13px 14px}.stack{display:flex;flex-direction:column;gap:9px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.spacer{flex:1}.dot{width:7px;height:7px;border-radius:99px;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:4px 10px;font-size:11px;border:1px solid var(--line);background:#fff;white-space:nowrap}.track{height:6px;border-radius:99px;background:#221f1a12;overflow:hidden}.track>span{display:block;height:100%;border-radius:99px}.btn{border:1px solid var(--line-strong);background:#fff;border-radius:11px;padding:12px 14px;font-size:12.5px;font-weight:500;cursor:pointer;transition:transform .06s ease,background .12s ease}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.block{width:100%}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.ghost{background:transparent}.btn.small{padding:7px 11px;font-size:11.5px;border-radius:9px}.btn.danger{color:var(--red);border-color:#221f1a24}.seg{display:inline-flex;gap:3px;background:#221f1a0f;border-radius:99px;padding:3px}.seg button{border:0;background:transparent;color:var(--ink-45);border-radius:99px;padding:5px 11px;font-size:11.5px;cursor:pointer}.seg button.on{background:var(--ink);color:var(--surface);font-weight:500}.opts{display:flex;flex-wrap:wrap;gap:7px}.opt{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:12px;color:var(--ink-60);cursor:pointer}.opt.on{border-color:var(--green);background:#e6f6ee;color:#004933;color:oklch(.36 .09 165);font-weight:500}.field{display:block;margin-top:12px}.field>span{display:block;font-size:11.5px;color:var(--ink-60);margin-bottom:6px}.input,textarea.input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;font-size:13px;background:#fff;outline:none}.input:focus{border-color:var(--green)}textarea.input{resize:vertical;min-height:76px;line-height:1.7}.switch{width:40px;height:23px;border-radius:99px;border:0;padding:0;position:relative;cursor:pointer}.switch span{position:absolute;top:3px;width:17px;height:17px;border-radius:99px;background:#fff;transition:inset-inline-start .15s ease}.task{width:100%;text-align:start;background:var(--card);border:1px solid rgba(34,31,26,.08);border-radius:13px;padding:12px 13px;display:flex;gap:10px;align-items:flex-start;cursor:pointer}.task .title{font-size:13.5px;font-weight:400;line-height:1.5}.task .meta{margin-top:4px;font-size:11px;color:var(--ink-45)}.task.sel{background:#ecf9f3;border-color:var(--green)}.checkbox{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-strong);display:grid;place-items:center;color:#fff;font-size:12px;flex:none}.checkbox.on{background:var(--green);border-color:var(--green)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#221f1a59;display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fade .15s ease}.sheet{width:100%;max-width:460px;background:var(--surface);border-radius:20px 20px 0 0;padding:8px 18px calc(22px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto;animation:rise .2s ease}.sheet .grab{width:38px;height:4px;border-radius:99px;background:var(--line-strong);margin:6px auto 14px}.toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));inset-inline:0;margin:auto;width:fit-content;max-width:90%;background:var(--ink);color:var(--surface);border-radius:11px;padding:10px 16px;font-size:12.5px;z-index:60;animation:rise .18s ease}.empty{text-align:center;padding:40px 10px;color:var(--ink-45);font-size:12.5px;line-height:1.9}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:280px;margin:0 auto}.key{height:62px;border-radius:16px;border:1px solid var(--line);background:#fff;font-size:21px;font-family:DM Mono,monospace;cursor:pointer}.key.blank{border:0;background:transparent;cursor:default}.pin-dots{display:flex;gap:12px;justify-content:center;margin:22px 0 26px;width:100%}.pin-dots i{width:12px;height:12px;border-radius:99px;border:1.5px solid var(--line-strong);display:block}.bars{display:flex;align-items:flex-end;gap:7px;height:88px}.bars>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:flex-end}.bars .bar{width:100%;border-radius:6px 6px 0 0;min-height:3px}.bars .label{font-size:9.5px;color:var(--ink-45)}.banner{border-radius:13px;padding:12px 13px;display:flex;align-items:center;gap:10px}.banner.warn{background:var(--red-soft);border:1px solid oklch(.87 .06 30)}.banner.info{background:var(--green-soft);border:1px solid var(--green-line)}.msg-preview{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-size:12px;line-height:1.8;white-space:pre-wrap}.qr{width:200px;height:200px;margin:0 auto;display:block;border-radius:12px;background:#fff}.link{background:none;border:0;padding:0;color:var(--green);font-size:12px;cursor:pointer}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}