:root{--bg: #eef2fb;--text: #0e1424;--muted: #5d6783;--glass: rgba(255, 255, 255, .5);--glass-strong: rgba(255, 255, 255, .72);--hairline: rgba(255, 255, 255, .7);--edge: rgba(255, 255, 255, .85);--shadow: 0 10px 34px rgba(30, 50, 110, .16);--accent: #0a7aff;--accent-ink: #fff;--red: #ff3b30;--green: #30b350;--orange: #ff9500;--purple: #af52de;--yellow: #d9a400;--radius: 22px;--opt-bg: #ffffff;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #080b16;--text: #f2f4fb;--muted: #9aa3bd;--glass: rgba(40, 46, 74, .42);--glass-strong: rgba(48, 56, 92, .6);--hairline: rgba(255, 255, 255, .16);--edge: rgba(255, 255, 255, .34);--shadow: 0 12px 40px rgba(0, 0, 0, .45);--accent: #0a84ff;--green: #32d74b;--orange: #ff9f0a;--yellow: #ffd60a;--purple: #bf5af2;--red: #ff453a;--opt-bg: #1c2242}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.shell{position:relative;height:100%;overflow:hidden}.blobs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.blobs i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.75}.blobs i:nth-child(1){width:52vmax;height:52vmax;background:#4f8dff;top:-18vmax;left:-14vmax}.blobs i:nth-child(2){width:46vmax;height:46vmax;background:#b66bff;right:-16vmax;top:22%}.blobs i:nth-child(3){width:40vmax;height:40vmax;background:#3ee0c4;bottom:-18vmax;left:18%;opacity:.55}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border-radius:var(--radius);box-shadow:inset 0 1.5px 0 var(--edge),inset 0 -1px 0 var(--hairline),inset 0 0 0 1px var(--hairline),inset 0 0 22px #ffffff12,var(--shadow)}html.refract .glass-lens{-webkit-backdrop-filter:url(#lg-lens) blur(3px) saturate(185%);backdrop-filter:url(#lg-lens) blur(3px) saturate(185%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-strong)}}.layout{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:1fr}.list-pane{padding:calc(env(safe-area-inset-top) + 18px) 16px calc(env(safe-area-inset-bottom) + 110px);overflow-y:auto;height:100%}.detail-pane{display:none}.has-detail .detail-pane{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg)}.has-detail .detail-pane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60vmax 40vmax at 80% 0%,rgba(120,140,255,.35),transparent),radial-gradient(50vmax 40vmax at 0% 100%,rgba(62,224,196,.25),transparent)}@media(min-width:900px){.layout{grid-template-columns:minmax(340px,440px) 1fr}.detail-pane,.has-detail .detail-pane{display:block;position:relative;inset:auto;background:transparent;height:100%;overflow:hidden}.has-detail .detail-pane:before{display:none}.list-pane{padding-bottom:120px}.back{display:none}}.topbar{display:flex;align-items:flex-end;justify-content:space-between;margin:6px 4px 14px}.topbar h1{font-size:34px;letter-spacing:-.02em;font-weight:750}.topbar small,.muted{color:var(--muted)}.top-actions{display:flex;gap:10px}.icon-btn{width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;background:transparent}.icon-btn.glass{background:var(--glass)}.icon{flex:none}.search{display:flex;align-items:center;gap:10px;padding:0 16px;height:48px;border-radius:999px;color:var(--muted)}.search input{flex:1;border:0;background:transparent;outline:0;color:var(--text);font-size:17px;min-width:0}.chips{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{border:0;border-radius:999px;padding:8px 14px;white-space:nowrap;background:var(--glass);box-shadow:inset 0 0 0 1px var(--hairline);font-size:14px}.chip.on{background:var(--accent);color:var(--accent-ink);box-shadow:none}.list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;text-align:left;border-radius:20px}.row.sel{box-shadow:inset 0 0 0 2px var(--accent),var(--shadow)}.row-main{flex:1;min-width:0;display:grid;gap:2px}.row-main b{font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(145deg,#5b8cff,#8b5cff);box-shadow:inset 0 1px #ffffff80}.badge.big{width:68px;height:68px;border-radius:20px;margin:0 auto 12px}.empty{text-align:center;color:var(--muted);padding:40px 0}.pill{display:inline-block;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:#7882a02e;color:var(--muted);white-space:nowrap}.pill.green{background:color-mix(in srgb,var(--green) 20%,transparent);color:var(--green)}.pill.blue{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.pill.orange{background:color-mix(in srgb,var(--orange) 22%,transparent);color:var(--orange)}.pill.purple{background:color-mix(in srgb,var(--purple) 20%,transparent);color:var(--purple)}.pill.red{background:color-mix(in srgb,var(--red) 20%,transparent);color:var(--red)}.pill.yellow{background:color-mix(in srgb,var(--yellow) 22%,transparent);color:var(--yellow)}.tabbar{position:fixed;z-index:30;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 14px);display:flex;gap:4px;padding:6px;border-radius:999px}.tabbar button{border:0;background:transparent;display:grid;justify-items:center;gap:2px;padding:8px 22px;border-radius:999px;font-size:11.5px;color:var(--muted);min-width:84px}.tabbar button.on{color:var(--accent);background:#ffffff40;box-shadow:inset 0 0 0 1px var(--hairline)}.tabbar .scan-btn{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 50%,transparent)}@media(min-width:900px){.tabbar{left:20px;transform:none}}.has-detail~.tabbar{display:none}@media(min-width:900px){.has-detail~.tabbar{display:flex}}.detail{position:relative;height:100%;display:flex;flex-direction:column}.detail-head{position:absolute;z-index:2;top:calc(env(safe-area-inset-top) + 10px);left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;padding:4px;border-radius:999px}.detail-title{text-align:center;color:var(--muted)}.detail-scroll{height:100%;overflow-y:auto;padding:calc(env(safe-area-inset-top) + 76px) 16px calc(env(safe-area-inset-bottom) + 40px);display:grid;gap:14px;align-content:start}.hero{text-align:center;padding:6px 0 4px}.hero h1{font-size:26px;letter-spacing:-.015em}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--muted);margin-top:4px}.pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action{border:0;display:grid;justify-items:center;gap:6px;padding:14px 6px;border-radius:20px;font-size:13px;color:var(--accent)}.card{padding:16px 18px;display:grid;gap:4px}.card h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--hairline)}.kv:first-of-type{border-top:0}.kv span{color:var(--muted)}.kv b{font-weight:560;text-align:right;overflow-wrap:anywhere}.reveal{padding:8px 0}.notes{white-space:pre-wrap;line-height:1.45}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:14px}.timeline li{display:grid;gap:2px;padding-left:14px;border-left:2px solid var(--accent)}.timeline small{color:var(--muted)}.placeholder{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted)}.btn{border:0;border-radius:999px;padding:12px 20px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--hairline)}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 40%,transparent)}.btn.danger{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red)}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.link{background:none;border:0;color:var(--accent);text-decoration:underline;padding:0}.input{width:100%;border:0;border-radius:14px;padding:12px 14px;min-height:46px;background:#7882a029;outline:0;font-size:16px}.input:focus{box-shadow:0 0 0 2px var(--accent)}textarea.input{resize:vertical}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa3bd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center}select.input option{background:var(--opt-bg);color:var(--text)}.picker{position:relative}.picker-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:0;cursor:pointer}.picker-btn.empty span{color:var(--muted)}.picker-btn .icon{transform:rotate(90deg);color:var(--muted);flex:none}.picker-pop{margin-top:8px;border-radius:18px;background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--hairline),inset 0 1.5px 0 var(--edge);overflow:hidden}.picker-search{display:flex;align-items:center;gap:8px;padding:0 14px;height:46px;color:var(--muted);border-bottom:1px solid var(--hairline)}.picker-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:16px;color:var(--text)}.picker-list{list-style:none;margin:0;padding:6px;max-height:260px;overflow-y:auto;overscroll-behavior:contain}.picker-opt{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:0;border-radius:12px;background:transparent;text-align:left;font-size:16px}.picker-opt.cur{background:color-mix(in srgb,var(--accent) 16%,transparent)}.picker-opt.sel{color:var(--accent);font-weight:600}.picker-opt.add{color:var(--accent);justify-content:flex-start;font-weight:600}.picker-opt:disabled{opacity:.6}.picker-empty{padding:14px;color:var(--muted);text-align:center}.picker-err{margin:0;padding:10px 14px 12px}.field{display:grid;gap:6px;margin-top:12px}.field>span{font-size:13px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}@media(max-width:520px){.grid2{grid-template-columns:1fr}}.checks{display:flex;gap:20px;margin-top:14px}.checks input{width:20px;height:20px;accent-color:var(--accent);vertical-align:-4px}.row-form{display:flex;gap:10px;margin-top:14px}.warn{color:var(--red);margin:10px 0;font-size:14px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:16px;background:#7882a029;margin:12px 0 4px}.segmented button{border:0;background:transparent;padding:10px 4px;border-radius:12px;font-size:13.5px;font-weight:600}.segmented button.on{background:var(--accent);color:var(--accent-ink)}.sheet h3{margin:20px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080c1e61;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease-out}.sheet{width:min(640px,100%);max-height:92dvh;display:flex;flex-direction:column;border-radius:30px 30px 0 0;background:var(--glass-strong);animation:rise .26s cubic-bezier(.2,.9,.3,1)}.sheet.small{border-radius:30px;margin:auto 16px;padding-bottom:0}@media(min-width:700px){.scrim{align-items:center}.sheet{border-radius:30px}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 4px 22px}.sheet-head h2{font-size:20px}.sheet-body{padding:4px 22px 18px;overflow-y:auto}.sheet-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 22px calc(env(safe-area-inset-bottom) + 16px);border-top:1px solid var(--hairline)}.sheet.small .sheet-body{padding-top:22px}.scanner{position:relative;aspect-ratio:4 / 3;border-radius:20px;overflow:hidden;background:#000;margin-top:8px}.scanner video{width:100%;height:100%;object-fit:cover}.reticle{position:absolute;top:22%;right:12%;bottom:22%;left:12%;border-radius:18px;box-shadow:0 0 0 100vmax #00000059,inset 0 0 0 2px #ffffffe6}.center{position:relative;z-index:1;height:100%;display:grid;place-items:center;padding:20px}.signin{width:min(380px,100%);padding:32px 26px;text-align:center;display:grid;gap:14px;justify-items:center}.signin h1{font-size:30px}.app-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#5b8cff,#b06bff);box-shadow:inset 0 1px #ffffff80,0 10px 26px #5b8cff73}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--hairline);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(40px);opacity:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}