:root{--ink: #162235;--ink-soft: #5d6675;--ink-80: rgba(22, 34, 53, .8);--ink-70: rgba(22, 34, 53, .7);--ink-60: rgba(22, 34, 53, .6);--ink-50: rgba(22, 34, 53, .5);--ink-40: rgba(22, 34, 53, .4);--border-ink-10: rgba(22, 34, 53, .1);--brand: #f47b20;--brand-deep: #b44c00;--sun: #ffb04d;--brand-08: rgba(244, 123, 32, .08);--brand-12: rgba(244, 123, 32, .12);--brand-18: rgba(244, 123, 32, .18);--brand-30: rgba(244, 123, 32, .3);--paper: #fff7ef;--surface: rgba(255, 255, 255, .88);--frost: rgba(255, 255, 255, .74);--surface-muted: rgba(255, 248, 240, .78);--surface-strong: rgba(255, 255, 255, .96);--header-title-fg: var(--ink);--border-soft: rgba(22, 34, 53, .12);--track-soft: rgba(180, 76, 0, .12);--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-ui: "Sora", "Avenir Next", "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-full: 999px;--shadow-card: 0 28px 60px -42px rgba(22, 34, 53, .36), 0 10px 24px rgba(22, 34, 53, .08);--shadow-chip: 0 16px 28px -24px rgba(22, 34, 53, .25);--shadow-logo: 0 12px 24px -18px rgba(180, 76, 0, .5);--shadow-button-primary: 0 18px 28px -18px rgba(244, 123, 32, .45);--shadow-settings: 0 12px 20px -16px rgba(22, 34, 53, .35);--transition-fast: .15s ease;--transition-normal: .22s ease}html[data-theme=dark]{--ink: #f6eadf;--ink-soft: #d0b49d;--ink-80: rgba(246, 234, 223, .8);--ink-70: rgba(246, 234, 223, .7);--ink-60: rgba(246, 234, 223, .6);--ink-50: rgba(246, 234, 223, .5);--ink-40: rgba(246, 234, 223, .4);--border-ink-10: rgba(244, 123, 32, .14);--paper: #140c08;--surface: rgba(39, 23, 15, .88);--frost: rgba(54, 31, 20, .78);--surface-muted: rgba(61, 35, 21, .72);--surface-strong: rgba(44, 25, 16, .94);--header-title-fg: var(--ink);--border-soft: rgba(244, 123, 32, .22);--track-soft: rgba(244, 123, 32, .24);--shadow-card: 0 28px 60px -42px rgba(0, 0, 0, .82), 0 12px 26px rgba(76, 34, 5, .28);--shadow-chip: 0 16px 28px -24px rgba(0, 0, 0, .5);--shadow-logo: 0 14px 28px -18px rgba(244, 123, 32, .34);--shadow-button-primary: 0 18px 28px -18px rgba(244, 123, 32, .36);--shadow-settings: 0 12px 20px -16px rgba(0, 0, 0, .45)}.theme-toggle-group{display:flex;flex-wrap:wrap;gap:.9rem}.theme-option{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-full);border:1px solid rgba(22,34,53,.12);background:rgba(255,255,255,.72);color:var(--ink);font-size:var(--text-sm);font-weight:600;line-height:1;box-shadow:var(--shadow-chip);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.theme-option.theme-dark{background:linear-gradient(135deg,#f47b20,#b44c00);color:#fff;border-color:#f47b206b}.theme-option:not(.is-active){opacity:.68}.theme-option.is-active{opacity:1}.theme-option:focus-visible{outline:2px solid rgba(244,123,32,.5);outline-offset:2px}html[data-theme=dark] .theme-option{background:var(--surface-muted);border-color:var(--border-soft);color:var(--ink)}html[data-theme=dark] .theme-option.theme-dark{background:linear-gradient(135deg,#f47b20,#8f3900);color:#fff}:root{color-scheme:light}html[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:1.6;color:var(--ink);background:var(--paper);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}body{background:radial-gradient(circle at 10% 10%,rgba(244,123,32,.16),transparent 24%),radial-gradient(circle at 88% 10%,rgba(255,210,122,.2),transparent 20%),linear-gradient(180deg,#fff7ef 0%,#fffdf9 42%,#fff4e8 100%)}html[data-theme=dark] body{background:radial-gradient(circle at 14% 12%,rgba(244,123,32,.24),transparent 24%),radial-gradient(circle at 82% 10%,rgba(255,176,77,.14),transparent 18%),radial-gradient(circle at 50% 110%,rgba(180,76,0,.18),transparent 34%),linear-gradient(180deg,#1c110b 0%,#130904 100%)}.container{max-width:72rem;margin:0 auto;padding-inline:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0))}.app-shell--no-grid:after{display:none}@media (min-width: 640px){.container{padding-inline:var(--space-8);padding-top:calc(var(--space-8) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;color:var(--ink)}.hint{font-size:var(--text-sm);color:var(--ink-soft)}.mini{font-size:var(--text-xs);color:var(--ink-60)}.label{font-size:var(--text-sm);font-weight:500;color:var(--ink-soft);margin-bottom:var(--space-2)}.app-title,.brandSub{color:var(--ink)}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-6) var(--space-6);margin-bottom:var(--space-8)}.brand{display:flex;align-items:center;flex:1 1 auto;gap:var(--space-3);min-width:0}.logoBadge{width:72px;height:72px;padding:0;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,240,223,.72));border:1px solid var(--border-ink-10);box-shadow:0 22px 42px -28px #8a38008c,var(--shadow-logo);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brandAvatar{width:100%;height:100%;border-radius:50%;border:1px solid var(--border-ink-10);-o-object-fit:cover;object-fit:cover;transform:none;transform-origin:center}.brandStack{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--space-1);min-width:0}.brandEyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:.02em;min-width:0;text-transform:none;color:var(--ink-50);row-gap:.15rem}.brandEyebrowLabel{color:var(--ink-50);font-weight:500;text-transform:uppercase;letter-spacing:.3em}.brandEyebrowDot{color:var(--ink-40)}.brandEyebrowAccent{color:var(--sun);display:inline-block;font-weight:700;letter-spacing:.02em;min-width:0;overflow-wrap:anywhere;text-transform:none}.brandTitle{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;color:var(--header-title-fg);letter-spacing:-.01em;line-height:1.15}.brandSub{font-size:var(--text-sm);font-weight:400;color:var(--ink-60)}.brandMark{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--sun);letter-spacing:.08em}.brandPill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--frost);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-ink-10);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--ink-soft)}.brandPill .sun{color:var(--sun)}.actions{display:flex;align-items:center;gap:var(--space-3)}.btn.settingsBtn{width:44px;height:44px;padding:0;border-radius:999px;font-size:1.05rem;line-height:1}.securityInfo{position:relative;display:inline-flex;align-items:center}.securityTrigger{display:inline-flex;align-items:center;gap:.35rem;padding:0;border-radius:0;border:none;background:transparent;color:var(--ink);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.securityTrigger:hover{color:var(--ink);opacity:.9}.securityLock{font-size:.95rem;color:var(--sun)}.securityPopover{position:absolute;right:0;top:calc(100% + .6rem);width:min(280px,80vw);padding:.8rem 1rem;background:var(--frost);border:1px solid var(--border-ink-10);border-radius:var(--radius-lg);box-shadow:var(--shadow-settings);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:80;animation:reveal var(--transition-normal) ease forwards}.securityPopoverTitle{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-50);margin-bottom:.4rem}.securityPopoverName{font-weight:700;color:var(--ink);margin-bottom:.6rem}.securityRow{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:var(--text-sm);color:var(--ink-soft);padding:.25rem 0}.securityValue{color:var(--ink);font-weight:600}.securityValue.muted{color:var(--ink-50);font-weight:500}html[data-theme=dark] .securityPopover{background:var(--surface-strong);border-color:var(--border-soft);box-shadow:0 25px 50px -12px #00000085,0 12px 24px -20px #f47b202e}html[data-theme=dark] .securityTrigger{color:var(--ink);background:transparent}html[data-theme=dark] .securityTrigger:hover{color:var(--ink);opacity:.9}.footerBlock{margin-top:var(--space-12);text-align:center;font-size:var(--text-xs);color:var(--ink-60);line-height:1.4}.footerBlock p+p{margin-top:var(--space-1)}.footerTitle{font-family:var(--font-ui);font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--sun)}.footerDot{color:var(--ink-40);margin-right:.15em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;line-height:1;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-18)}.btn.primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%);color:#fff;box-shadow:var(--shadow-button-primary)}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-button-primary)}.btn.primary:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:0 10px 20px -16px #00000059}.btn.ghost{background:var(--frost);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);border:1px solid var(--border-ink-10)}.btn.ghost:hover:not(:disabled){background:var(--brand-08);border-color:var(--brand-18)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:0 10px 20px -16px #00000059}.btn.is-pressed:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 6px #0003,0 8px 16px -18px #00000059;filter:brightness(.96)}.btn.loading{pointer-events:none;opacity:.85}.btn .btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:btnSpin .8s linear infinite}.btn.loading .btn-spinner{border-color:#0000004d;border-top-color:#000000b3}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn.danger{background:rgba(220,38,38,.1);color:#dc2626;border:1px solid rgba(220,38,38,.2)}.btn.danger:hover:not(:disabled){background:rgba(220,38,38,.15)}.input,.textarea,select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-size:var(--text-base);color:var(--ink);background:var(--frost);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-ink-10);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus,.textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-18)}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--ink-40)}.input::placeholder,.textarea::placeholder{color:var(--ink-40)}.textarea{resize:vertical;min-height:100px}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230b1b2b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.card{background:var(--frost);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-ink-10);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-card)}.card:hover{box-shadow:var(--shadow-card)}.cardHeader{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-ink-10);background:linear-gradient(135deg,var(--brand-08) 0%,transparent 100%)}.cardTitle{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--ink);margin-bottom:var(--space-1)}.cardSub{font-size:var(--text-sm);color:var(--ink-soft)}.cardBody{padding:var(--space-5) var(--space-6)}.tab-shell{display:flex;gap:.5rem;margin:0 auto 1.75rem;padding:.35rem;border-radius:999px;border:1px solid var(--brand-18);background:rgba(255,248,240,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:420px}html[data-theme=dark] .tab-shell{background:var(--surface-muted);border-color:var(--border-soft)}.tab-button{flex:1;position:relative;border-radius:999px;padding:.65rem 1rem;font-weight:700;font-size:.9rem;color:var(--ink-soft);transition:all .2s ease;overflow:hidden;background:transparent;border:none;cursor:pointer}html[data-theme=dark] .tab-button{color:var(--ink-70)}.tab-button.active{color:var(--brand-deep);background:rgba(255,255,255,.96);box-shadow:0 14px 28px -20px #8a38006b}html[data-theme=dark] .tab-button.active{background:var(--surface-strong);color:var(--ink);box-shadow:0 10px 22px -18px #000000b3,0 10px 24px -22px #f47b203d}.tab-button.active:after{content:"";position:absolute;bottom:.35rem;left:1rem;right:1rem;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--sun))}.Badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.Badge.variant-ok{background:rgba(22,163,74,.1);color:#16a34a}html[data-theme=dark] .Badge.variant-ok{background:rgba(22,163,74,.2);color:#22c55e}.Badge.variant-warn{background:rgba(245,158,11,.1);color:#f59e0b}html[data-theme=dark] .Badge.variant-warn{background:rgba(245,158,11,.2);color:#fbbf24}.Badge.variant-error{background:rgba(220,38,38,.1);color:#dc2626}html[data-theme=dark] .Badge.variant-error{background:rgba(239,68,68,.2);color:#f87171}.Badge.variant-info{background:var(--brand-12);color:var(--brand-deep)}.grid{display:grid;gap:var(--space-6)}@media (min-width: 1024px){.grid.cols-2{grid-template-columns:repeat(2,1fr)}}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.loginBox{padding:var(--space-5);background:var(--brand-08);border:1px dashed var(--brand-30);border-radius:var(--radius-lg)}.tripSelector{padding:var(--space-4);background:var(--brand-08);border:1px solid var(--brand-18);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.passengerList{display:flex;flex-direction:column;gap:var(--space-1)}.passengerItem{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.passengerItem:hover{background:var(--brand-08)}.resultCard{padding:var(--space-4);background:var(--frost);border:1px solid var(--border-ink-10);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.resultHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.resultCode{font-weight:700;color:var(--sun)}.resultBody{display:flex;flex-direction:column;gap:var(--space-2)}.resultRow{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.resultLabel{font-size:var(--text-xs);color:var(--ink-60);white-space:nowrap;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--brand-08);border-radius:var(--radius-full);padding:4px 10px}.resultValue{font-size:var(--text-sm);color:var(--ink);text-align:left}.resultValue.highlight{font-weight:600}.pickupTimeInline{color:var(--sun);font-weight:700}html[data-theme=light] .pickupTimeInline{text-shadow:0 1px 0 rgba(11,27,43,.35)}.resultPassenger{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.resultCard.success{border-left:4px solid #16a34a}.resultCard.warning{border-left:4px solid #f59e0b}.resultCard.error{border-left:4px solid #dc2626}.locator{color:var(--sun)}.pickupTime{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--brand)}.settingsOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.settingsOverlay.open{opacity:1;visibility:visible}.settingsPanel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background:var(--frost);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-ink-10);padding:var(--space-6);transform:translate(100%);transition:transform var(--transition-normal);overflow-y:auto;z-index:101}.settingsOverlay.open .settingsPanel{transform:translate(0)}.settingsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.settingsTitle{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.settingsSection{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px dashed var(--border-ink-10)}.settingsSection:last-child{border-bottom:none}.colorChips{display:flex;gap:var(--space-2)}.colorChip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--frost);border:1px solid var(--border-ink-10);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.colorChip:hover{border-color:var(--brand-30)}.colorChip.active{background:var(--brand-12);border-color:var(--brand)}.colorDot{width:12px;height:12px;border-radius:50%}.colorDot.azul{background:#009ad6}.colorDot.verde{background:#16a34a}.colorDot.vino{background:#be123c}.Toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%) translateY(100px);padding:var(--space-3) var(--space-5);background:var(--ink);color:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-settings);z-index:200;opacity:0;transition:all var(--transition-normal)}.Toast.show{transform:translate(-50%) translateY(0);opacity:1}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal var(--transition-normal) ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn.is-pressed:not(:disabled){transform:none}}@media (max-width: 640px){.container{padding-top:max(3.75rem,calc(var(--space-4) + env(safe-area-inset-top,0px)))}.topbar{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-2) var(--space-4)}.brand{align-items:flex-start;width:100%}.brandStack{gap:.15rem}.brandEyebrow{-moz-column-gap:var(--space-2);column-gap:var(--space-2);font-size:.68rem;line-height:1.25}.brandEyebrowLabel{letter-spacing:.18em}.brandEyebrowDot{display:none}.brandEyebrowAccent{flex-basis:100%}.logoBadge{width:56px;height:56px}.brandTitle{font-size:clamp(1.35rem,6vw,1.6rem);line-height:1.1}.brandSub{font-size:var(--text-xs)}.actions{flex-wrap:wrap;row-gap:var(--space-2);width:100%;justify-content:flex-end}.securityName{display:inline}.tab-shell{flex-wrap:wrap;max-width:100%}.tab-button{flex:1 1 auto;min-width:100px}.row{flex-direction:column;align-items:stretch}.btn{width:100%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--brand-08);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--brand-30);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand)}::-moz-selection{background:var(--brand-30);color:var(--ink)}::selection{background:var(--brand-30);color:var(--ink)}.ptr-indicator{position:fixed;top:0;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--frost);border:1px solid var(--border-ink-10);border-radius:var(--radius-full);box-shadow:var(--shadow-settings);opacity:0;z-index:9999;transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:none}.ptr-indicator.active{opacity:1}.ptr-spinner{width:18px;height:18px;border:2px solid var(--brand-18);border-top-color:var(--brand);border-radius:50%;animation:ptrSpin .8s linear infinite}.ptr-label{font-size:var(--text-xs);color:var(--ink-soft);font-weight:600}@keyframes ptrSpin{to{transform:rotate(360deg)}}.panelBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel{position:relative;width:100%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;background:var(--frost);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-ink-10);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a inset;overflow:hidden;z-index:101;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}html[data-theme=dark] .panel{background:var(--surface-strong);border-color:var(--border-soft);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #f47b200f inset}.panelContent{flex:1 1 auto;overflow-y:auto;min-height:0;padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;max-height:calc(90vh - 76px)}.panelHead{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-ink-10);background:linear-gradient(180deg,var(--brand-08) 0%,transparent 100%)}.panelTitle{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--ink);letter-spacing:-.02em}.panelClose{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--frost);border:1px solid var(--border-ink-10);border-radius:var(--radius-full);color:var(--ink-soft);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast)}.panelClose:hover{background:var(--brand-08);border-color:var(--brand-18);color:var(--ink);transform:rotate(90deg)}.panelSection{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-ink-10)}.panelSection:last-child{border-bottom:none}.panelLabel{font-size:var(--text-sm);font-weight:600;color:var(--ink);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}@media (max-width: 480px){.footerBlock{margin-top:var(--space-6);font-size:var(--text-xs)}.footerBlock .footerTitle{font-size:inherit;letter-spacing:.02em}.panelBackdrop{padding:var(--space-3);align-items:flex-end}.panel{max-width:100%;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.panelContent{max-height:calc(85vh - 70px)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.panelHead,.panelSection{padding:var(--space-4) var(--space-5)}.panelTitle{font-size:var(--text-xl)}}@media (min-width: 481px) and (max-width: 768px){.panel{max-width:380px}}.colorGrid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem .9rem;font-size:.85rem;font-weight:600;background:rgba(255,255,255,.8);color:var(--ink-soft);border:1px solid rgba(11,27,43,.1);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.chip:hover{background:#ffffff;border-color:#0b1b2b33}.chip.active{background:var(--brand-12);color:var(--brand-deep);border-color:var(--brand-30)}html[data-theme=dark] .chip{background:var(--surface-muted);color:var(--ink-70);border-color:var(--border-soft)}html[data-theme=dark] .chip:hover{background:var(--surface-strong);border-color:#f47b2052}html[data-theme=dark] .chip.active{color:var(--ink);border-color:var(--brand-30)}.chip .dot{width:14px;height:14px;border-radius:50%;box-shadow:0 2px 4px #0003}.alert-success{padding:.75rem 1rem;border-radius:.9rem;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35);color:#065f46;font-weight:600}html[data-theme=dark] .alert-success{background:rgba(16,185,129,.2);border-color:#10b98159;color:#a7f3d0}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-5);background:var(--ink);color:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-settings);z-index:200;animation:toastIn var(--transition-normal) ease forwards}.updateBanner{position:fixed;bottom:calc(var(--space-6) + 48px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--frost);color:var(--ink);border:1px solid var(--border-ink-10);border-radius:var(--radius-full);box-shadow:var(--shadow-settings);z-index:1000;font-size:var(--text-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.updateBannerActions{display:flex;gap:var(--space-2);pointer-events:auto}.ocrProgress{margin:14px auto 0;max-width:560px;text-align:left;padding:12px;border-radius:12px;border:1px solid var(--brand-18);background:linear-gradient(145deg,var(--brand-08),var(--frost));box-shadow:var(--shadow-chip)}.ocrProgressHead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:8px}.ocrProgressTitle{font-size:var(--text-sm);color:var(--ink);font-weight:700}.ocrProgressPct{font-size:var(--text-xs);color:var(--brand-deep);font-weight:700;letter-spacing:.02em}.ocrProgressTrack{width:100%;height:9px;border-radius:999px;background:rgba(11,53,85,.12);overflow:hidden;position:relative}.ocrProgressFill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--sun));transition:width .36s ease}.ocrProgressDetail{margin-top:7px;font-size:var(--text-xs);color:var(--ink-60)}html[data-theme=dark] .ocrProgressTrack{background:var(--track-soft)}@keyframes toastIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.kv{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-2) 0;border-bottom:1px solid var(--border-ink-10)}.kv:last-child{border-bottom:none}.kv .k{font-size:var(--text-sm);font-weight:500;color:var(--ink-soft);min-width:120px}.kv .v{font-size:var(--text-sm);color:var(--ink);text-align:right}.dim{color:var(--ink-50)}.muted{color:var(--ink-60)}.sep{border:none;border-top:1px dashed var(--border-ink-10);margin:var(--space-4) 0}.mainContent{margin-top:var(--space-4)}.historyList{display:flex;flex-direction:column;gap:var(--space-2)}.codeBtn{text-align:left;padding:var(--space-3);background:var(--frost);border:1px solid var(--border-ink-10);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.codeBtn:hover{background:var(--brand-08);border-color:var(--brand-18)}.codeBtn.primary{background:var(--brand-12);border-color:var(--brand-30)}.historyInlineEditor{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-ink-10)}.historyInlinePreview{display:flex;justify-content:center;align-items:center;min-height:120px;margin-bottom:var(--space-3);padding:var(--space-2);background:var(--surface);border:1px solid var(--border-ink-10);border-radius:var(--radius-md)}.resultWarnings{padding:var(--space-3);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md)}.warning{font-size:var(--text-sm);color:#f59e0b}.grouped-results-container{width:100%}.grouped-results-header{margin-bottom:var(--space-4)}.grouped-results-header h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--ink)}.grouped-results-summary{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--brand-08);border-radius:var(--radius-md)}.summary-item{font-size:var(--text-sm);color:var(--ink-soft)}.summary-item strong{color:var(--ink)}.summary-item.confirmed{color:#16a34a}.summary-item.pending{color:#f59e0b}.grouped-results-table-wrapper{overflow-x:auto;border:1px solid var(--border-ink-10);border-radius:var(--radius-lg);background:var(--frost)}.grouped-results-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.grouped-results-table thead{background:var(--brand-08)}.grouped-results-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--ink);border-bottom:2px solid var(--brand-18);white-space:nowrap}.grouped-results-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-ink-10);vertical-align:top}.grouped-results-table tbody tr:last-child td{border-bottom:none}.grouped-results-table tbody tr:hover{background:var(--brand-08)}.grouped-results-table tbody tr.status-confirmed{border-left:3px solid #16a34a}.grouped-results-table tbody tr.status-pending{border-left:3px solid #f59e0b}.grouped-results-table tbody tr.status-error{border-left:3px solid #dc2626;background:rgba(220,38,38,.05)}.grouped-results-table .col-names{min-width:250px}.grouped-results-table .col-locator{min-width:100px}.grouped-results-table .col-datetime{min-width:150px}.names-list{list-style:none;margin:0;padding:0}.names-list li{padding:var(--space-1) 0;color:var(--ink)}.names-list li:not(:last-child){border-bottom:1px dashed var(--border-ink-10)}.grouped-results-table code{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:var(--text-sm);font-weight:600;color:var(--sun);background:rgba(242,184,75,.18);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.has-time{font-weight:600;color:var(--ink)}.no-time{color:var(--ink-50);font-style:italic}.error-text{color:#dc2626;font-size:var(--text-xs)}.no-data{color:var(--ink-40)}.grouped-results-actions{margin-top:var(--space-4);display:flex;gap:var(--space-2)}.grouped-results-empty{padding:var(--space-6);text-align:center;color:var(--ink-50);font-style:italic}.view-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.view-toggle button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--frost);border:1px solid var(--border-ink-10);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.view-toggle button:hover{background:var(--brand-08)}.view-toggle button.active{background:var(--brand-12);border-color:var(--brand);color:var(--ink)}@media (max-width: 640px){.grouped-results-table th,.grouped-results-table td{padding:var(--space-2) var(--space-3)}.grouped-results-table .col-names{min-width:150px}.grouped-results-summary{flex-direction:column;gap:var(--space-2)}}