:root{--bg:#161826;--bg-deep:#0d0e17;--surface:#232532;--surface-hover:#2b2d3b;--surface-empty:#1c1e2b;--border:#3f424d;--border-dashed:#595d6c;--text:#e9e9ed;--text-2:#b2b6ca;--muted:#9397ab;--dim:#75798c;--accent:#9184d9;--accent-light:#b5abfc;--accent-bg:#9184d91f;--accent-bg-strong:#9184d938;--light:#f3f5fe;--ink:#292b31;--danger:#e07a7a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--radius-card:14px;--radius:8px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.4}#root{height:100%}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}h1,h2,p{margin:0}.app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes scanline{0%{top:8%}50%{top:88%}to{top:8%}}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.screen{-webkit-overflow-scrolling:touch;min-height:0;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 24px);flex-direction:column;flex:1;gap:16px;animation:.25s fadein;display:flex;overflow-y:auto}.screen.has-footer{padding-bottom:calc(var(--safe-bottom) + 96px)}.topbar{justify-content:space-between;align-items:center;gap:8px;min-height:36px;display:flex}.topbar-right{align-items:center;gap:8px;display:flex}.step{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.title{letter-spacing:-.015em;font-size:28px;font-weight:500;line-height:1.15}.title.sm{font-size:24px}.title.detail{text-wrap:pretty;overflow-wrap:anywhere;margin-top:2px;font-size:26px}.lede{color:var(--muted);text-wrap:pretty;margin-top:4px;font-size:13px}.section{flex-direction:column;gap:8px;display:flex}.section-head{justify-content:space-between;align-items:baseline;display:flex}.hint{color:var(--dim);font-size:12px}.spacer{flex:1}.btn{border-radius:var(--radius);border:1px solid var(--accent);width:100%;height:48px;color:var(--accent-light);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--accent-bg)}.btn:active{background:var(--accent-bg-strong)}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{background:0 0}.btn.ghost{color:var(--muted);border-color:#0000;height:40px;font-size:14px;font-weight:400}.btn.ghost:hover{color:var(--text);background:0 0}.btn.danger{color:var(--danger);border-color:#0000}.btn.danger:hover{background:#e07a7a1a}.btn.solid{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.solid:hover{background:var(--accent-light)}.pill{background:var(--surface);height:36px;color:var(--text);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.pill:hover{background:var(--surface-hover)}.pill.back{padding-left:8px}.pill.muted{color:var(--muted);font-size:13px}.pill.muted:hover{color:var(--text)}.pill.translucent{background:#232532e6}.pill.icon{width:36px;color:var(--muted);justify-content:center;padding:0}.pill.icon:hover{color:var(--text)}.footer{padding:12px 16px calc(var(--safe-bottom) + 16px);background:linear-gradient(to top, var(--bg) 60%, transparent);flex-direction:column;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.search{background:var(--surface);border-radius:var(--radius);height:40px;box-shadow:0 0 0 1px var(--border);align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{box-shadow:0 0 0 2px var(--accent)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search input::placeholder{color:var(--muted)}.search .clear{color:var(--muted);background:0 0;border:0;padding:4px;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{border-radius:var(--radius-card);cursor:pointer;text-align:left;height:112px;color:var(--light);border:0;flex-direction:column;justify-content:space-between;padding:14px;transition:transform .15s;display:flex;box-shadow:0 0 0 1px #e9e9ed14}.tile:hover{transform:translateY(-2px)}.tile:active{transform:scale(.97)}.tile-head{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.tile-name{text-wrap:pretty;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.tile-kind{letter-spacing:.06em;text-transform:uppercase;color:#f3f5fe99;flex:none;padding-top:2px;font-size:10px}.tile-foot{flex-direction:column;gap:5px;display:flex}.tile-code{background:var(--light);opacity:.9;border-radius:2px;align-items:stretch;height:16px;display:flex;overflow:hidden}.tile-code canvas{width:100%;height:100%;display:block}.tile-code.square{width:16px}.tile-number{color:#f3f5fe99;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.tile.add{border:1px dashed var(--border-dashed);color:var(--muted);box-shadow:none;background:0 0;justify-content:center;align-items:center;gap:6px;font-size:13px}.tile.add:hover{border-color:var(--accent);color:var(--accent-light);transform:none}.tile.add .plus{font-size:24px;font-weight:300;line-height:1}.empty{text-align:center;color:var(--dim);text-wrap:pretty;padding:20px 0;font-size:14px}.empty-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 12px 8px;display:flex}.empty-hero .icon{background:linear-gradient(160deg,#3b3f6e,#262a4a);border-radius:10px;align-items:flex-end;width:64px;height:44px;padding:8px;display:flex;box-shadow:0 0 0 1px #e9e9ed1a}.empty-hero .icon span{background:var(--light);opacity:.85;border-radius:2px;width:100%;height:8px}.empty-hero h2{font-size:18px;font-weight:500}.empty-hero p{color:var(--muted);text-wrap:pretty;max-width:280px;font-size:13px}.link{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:4px;font-size:13px;text-decoration:underline}.link:hover{color:var(--accent-light)}.segment{background:var(--surface);border-radius:var(--radius);box-shadow:0 0 0 1px var(--border);padding:3px;display:flex}.segment button{height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;font-size:13px;transition:background .15s,color .15s}.segment button.on{background:var(--border);color:var(--text)}.code-card{background:var(--light);border-radius:var(--radius-card);box-shadow:0 0 0 1px var(--border);cursor:pointer;flex-direction:column;align-items:center;gap:12px;padding:22px 18px 16px;transition:box-shadow .3s;display:flex}.code-card.bright{box-shadow:0 0 0 1px var(--light), 0 0 48px #f3f5fe59}.code-view{justify-content:center;align-items:center;width:100%;min-height:110px;display:flex}.code-view canvas{max-width:100%;height:auto;image-rendering:pixelated;display:block}.code-view.bar canvas{width:100%;max-height:120px}.code-view.square canvas{width:200px;max-width:70%}.code-number{letter-spacing:.14em;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;overflow-wrap:anywhere;font-size:15px;font-weight:500}.code-number.alnum{letter-spacing:.06em;font-size:14px}.code-error{color:#a33;text-align:center;padding:20px 0;font-size:12px}.code-hint{color:#7a7d88;font-size:11px}.fullcode{z-index:50;color:var(--ink);padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:24px;animation:.2s fadein;display:flex;position:fixed;inset:0}.fullcode .code-view{min-height:160px}.fullcode .code-view.bar canvas{max-height:220px}.fullcode .code-view.square canvas{width:min(70vw,360px);max-width:100%}.fullcode .name{font-size:20px;font-weight:500}.fullcode .code-number{font-size:20px}.fullcode .close{top:calc(var(--safe-top) + 12px);position:absolute;right:16px}.fullcode .foot{bottom:calc(var(--safe-bottom) + 20px);color:#7a7d88;font-size:12px;position:absolute}.row{background:var(--surface);border-radius:var(--radius);box-shadow:0 0 0 1px var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);border:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.row-text .l1{font-size:14px;font-weight:500}.row-text .l2{color:var(--muted);font-size:12px}.row.static{cursor:default}.toggle{background:var(--border);border-radius:13px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.toggle.on{background:var(--accent)}.toggle:after{content:"";background:var(--light);border-radius:10px;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle.on:after{left:21px}.flip{perspective:1000px;cursor:pointer;height:200px}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.flip-inner.flipped{transform:rotateY(180deg)}.flip-face{border-radius:var(--radius-card);backface-visibility:hidden;background:var(--surface-empty);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #e9e9ed1f}.flip-face.back{transform:rotateY(180deg)}.flip-face img{object-fit:cover;width:100%;height:100%;display:block}.mono-tag{color:var(--light);background:#16182699;border-radius:4px;padding:4px 8px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.mono-tag.muted{color:var(--muted)}.photo-box{border-radius:var(--radius-card);cursor:pointer;border:1px dashed var(--border-dashed);background:var(--surface-empty);width:100%;height:150px;color:var(--muted);justify-content:center;align-items:center;padding:0;transition:border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.photo-box.filled{border-color:#0000}.photo-box img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo-box .mono-tag{position:relative}.photo-box input{display:none}.photo-box .remove{position:absolute;top:8px;right:8px}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.input,.textarea,.select{border-radius:var(--radius);box-shadow:0 0 0 1px var(--border);background:var(--surface);color:var(--text);border:0;outline:0;width:100%;padding:0 12px;font-size:15px;transition:box-shadow .15s}.input{height:44px}.textarea{resize:vertical;min-height:84px;padding:10px 12px;line-height:1.45}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239397ab' stroke-width='1.6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;height:44px;padding-right:32px}.input:focus,.textarea:focus,.select:focus{box-shadow:0 0 0 2px var(--accent)}.input::placeholder,.textarea::placeholder{color:var(--dim)}.input.mono{font-variant-numeric:tabular-nums;letter-spacing:.04em}.field-error{color:var(--danger);font-size:12px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:0;border-radius:17px;width:34px;height:34px;padding:0;transition:box-shadow .15s;box-shadow:0 0 0 1px #e9e9ed26}.swatch.on{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.preview-tile{cursor:default;width:60%;transition:background .3s}.preview-tile:hover{transform:none}.chip{background:var(--surface);border-radius:var(--radius);box-shadow:0 0 0 1px var(--border);align-items:center;gap:10px;padding:10px 12px;display:flex}.chip .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:4px;flex:none}.chip .l1{color:var(--muted);font-size:12px}.chip .l2{font-variant-numeric:tabular-nums;letter-spacing:.06em;overflow-wrap:anywhere;font-size:14px}.chip-text{flex-direction:column;gap:1px;min-width:0;display:flex}.scan-screen{background:var(--bg-deep);flex-direction:column;flex:1;min-height:0;animation:.25s fadein;display:flex;position:relative}.scan-top{padding:calc(var(--safe-top) + 12px) 16px 0;z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.scan-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;min-height:0;padding:0 24px;display:flex;position:relative}.scan-glow{background:radial-gradient(ellipse at 50% 45%, #2a2d3f 0%, var(--bg-deep) 70%);position:absolute;inset:0}.viewfinder{aspect-ratio:1.6;border-radius:var(--radius-card);background:repeating-linear-gradient(135deg, #1e2030 0 12px, var(--surface) 12px 24px);width:100%;max-width:320px;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.viewfinder .frame{border-radius:var(--radius-card);box-shadow:0 0 0 2px var(--accent) inset;pointer-events:none;position:absolute;inset:0}.viewfinder .line{background:var(--accent-light);height:2px;box-shadow:0 0 12px var(--accent);pointer-events:none;animation:2.4s ease-in-out infinite scanline;position:absolute;left:12px;right:12px}.viewfinder .center-tag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewfinder.found .frame{box-shadow:inset 0 0 0 3px #7ee0a6}.scan-text{text-align:center;flex-direction:column;gap:6px;display:flex;position:relative}.scan-text .l1{font-size:17px;font-weight:500}.scan-text .l2{color:var(--muted);text-wrap:pretty;font-size:13px}.scan-text .err{color:var(--danger);text-wrap:pretty;font-size:13px}.scan-foot{padding:12px 16px calc(var(--safe-bottom) + 16px);z-index:2;flex-direction:column;gap:10px;display:flex;position:relative}.note{color:var(--text-2);text-wrap:pretty;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.note.empty{color:var(--dim)}.toast{left:50%;bottom:calc(var(--safe-bottom) + 24px);background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border), 0 8px 24px #0006;z-index:60;pointer-events:none;white-space:nowrap;border-radius:999px;padding:10px 14px;font-size:13px;animation:2.4s forwards toast;position:fixed;transform:translate(-50%)}.dialog-backdrop{z-index:55;background:#0d0e17b3;justify-content:center;align-items:flex-end;padding:16px;animation:.15s fadein;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-card);width:100%;max-width:420px;box-shadow:0 0 0 1px var(--border);margin-bottom:var(--safe-bottom);flex-direction:column;gap:14px;padding:18px 16px 16px;display:flex}.dialog h2{font-size:17px;font-weight:500}.dialog p{color:var(--text-2);text-wrap:pretty;font-size:14px}.dialog .actions{gap:8px;display:flex}.dialog .actions .btn{flex:1}.dialog .actions .btn.ghost{background:var(--bg);color:var(--text);border-color:#0000;height:48px}.list{flex-direction:column;gap:8px;display:flex}.kv{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.kv b{color:var(--text-2);font-weight:500}.about{color:var(--dim);text-wrap:pretty;font-size:12px;line-height:1.5}.divider{background:linear-gradient(90deg,#0000,#e9e9ed29 48px calc(100% - 48px),#0000);height:1px}.banner{background:var(--surface);border-radius:var(--radius-card);box-shadow:0 0 0 1px var(--border), inset 3px 0 0 var(--accent);flex-direction:column;gap:10px;padding:14px;display:flex}.banner-text{flex-direction:column;gap:3px;display:flex}.banner-text .l1{font-size:14px;font-weight:500}.banner-text .l2{color:var(--muted);text-wrap:pretty;font-size:12px}.banner-actions{gap:8px;display:flex}.near-row{border-radius:var(--radius);text-align:left;width:100%;color:var(--light);cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:transform .15s;display:flex;box-shadow:0 0 0 1px #e9e9ed1a}.near-row:active{transform:scale(.98)}.near-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.near-dist{color:#f3f5feb3;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.place-row{gap:6px;padding:8px 8px 8px 14px}.place-main{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;flex:1;padding:0}.place-main .l2{font-variant-numeric:tabular-nums}.tile-star{vertical-align:-1px;color:#f5d76e;margin-right:4px;display:inline-flex}.fav-filter{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px;display:flex}.fav-filter.on,.pill.icon.fav{color:#f5d76e}.update-bar{left:50%;top:calc(var(--safe-top) + 12px);z-index:58;background:var(--surface);border-radius:var(--radius-card);width:calc(100% - 32px);max-width:448px;box-shadow:0 0 0 1px var(--border), 0 8px 24px #00000073, inset 3px 0 0 var(--accent);justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 14px;animation:.25s fadein;display:flex;position:fixed;transform:translate(-50%)}.crop-sheet{z-index:70;background:var(--bg-deep);flex-direction:column;animation:.2s fadein;display:flex;position:fixed;inset:0}.crop-top{padding:calc(var(--safe-top) + 12px) 16px 0;justify-content:space-between;align-items:center;display:flex}.crop-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;padding:0 16px;display:flex}.crop-frame{aspect-ratio:85.6/54;border-radius:var(--radius-card);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#000;width:min(92vw,440px);position:relative;overflow:hidden}.crop-frame:active{cursor:grabbing}.crop-frame img{transform-origin:0 0;pointer-events:none;will-change:transform;max-width:none;position:absolute;top:0;left:0}.crop-frame .mono-tag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crop-outline{border-radius:var(--radius-card);box-shadow:0 0 0 2px var(--accent) inset, 0 0 0 9999px #0d0e1759;pointer-events:none;position:absolute;inset:0}.crop-hint{color:var(--muted);text-align:center;text-wrap:pretty;max-width:300px;font-size:13px}.crop-foot{padding:12px 16px calc(var(--safe-bottom) + 16px);flex-direction:column;gap:10px;display:flex}.photo-box .crop-btn{height:32px;font-size:13px;position:absolute;top:8px;left:8px}.logo{object-fit:contain;background:#fff;border-radius:6px;flex:none;display:block}.logo:not(.on){opacity:0;pointer-events:none;position:absolute;width:1px!important;height:1px!important}.tile-logo{width:26px;height:26px;margin-right:6px}.tile-head{align-items:center}.tile-head .tile-name{flex:1}.detail-head{align-items:center;gap:12px;display:flex}.detail-logo{border-radius:10px;width:44px;height:44px;padding:4px}.suggest{flex-wrap:wrap;gap:6px;display:flex}.suggest-item{background:var(--surface);height:34px;color:var(--text-2);box-shadow:0 0 0 1px var(--border);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 6px;font-size:13px;display:inline-flex}.suggest-item.on{color:var(--accent-light);box-shadow:0 0 0 1px var(--accent)}.suggest-item .logo{border-radius:5px;width:22px;height:22px}.suggest-item .logo:not(.on)+span{margin-left:4px}.logo-fallback{border-radius:5px;flex:none;width:22px;height:22px}