:root{--pp-sky-300: #7DD3FC;--pp-sky-400: #38BDF8;--pp-sky-500: #0EA5E9;--pp-sky-600: #0284C7;--pp-sky-700: #0369A1;--pp-slate-50: #F8FAFC;--pp-slate-100: #F1F5F9;--pp-slate-200: #E2E8F0;--pp-slate-300: #CBD5E1;--pp-slate-400: #94A3B8;--pp-slate-500: #64748B;--pp-slate-600: #475569;--pp-slate-700: #334155;--pp-slate-800: #1E293B;--pp-slate-900: #0F172A;--pp-slate-950: #020617;--bg: var(--pp-slate-50);--surface: #FFFFFF;--surface-2: var(--pp-slate-100);--border: var(--pp-slate-200);--text: var(--pp-slate-900);--text-2: var(--pp-slate-600);--text-3: var(--pp-slate-400);--accent: var(--pp-sky-500);--accent-fg: #FFFFFF;--accent-soft: #E0F2FE;--ok: #16A34A;--warn: #D97706;--err: #DC2626;--info: var(--pp-sky-500);--font-sans: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-full: 9999px;--touch-min: 56px;--touch-primary: 64px;--shadow-1: 0 1px 2px rgba(15,23,42,.04), 0 1px 1px rgba(15,23,42,.03);--shadow-2: 0 4px 12px rgba(15,23,42,.06), 0 2px 4px rgba(15,23,42,.04);--shadow-press: inset 0 0 0 999px rgba(15,23,42,.04)}[data-theme=dark]{--bg: var(--pp-slate-950);--surface: var(--pp-slate-900);--surface-2: var(--pp-slate-800);--border: #1E2A3F;--text: #F1F5F9;--text-2: #94A3B8;--text-3: #64748B;--accent: var(--pp-sky-400);--accent-fg: var(--pp-slate-950);--accent-soft: rgba(14,165,233,.12);--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 4px 16px rgba(0,0,0,.5)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html,body{overflow:hidden}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background:var(--bg)}.pp-screen{font-family:var(--font-sans);background:var(--bg);color:var(--text);height:100%;width:100%;font-size:16px;line-height:1.5;letter-spacing:-.01em;font-feature-settings:"cv11","ss01";overflow:hidden;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.pp-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pp-display{font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.pp-title-1{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.pp-title-2{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.2}.pp-title-3{font-size:18px;font-weight:600;letter-spacing:-.01em}.pp-body{font-size:16px;font-weight:400}.pp-body-strong{font-size:16px;font-weight:600}.pp-caption{font-size:13px;font-weight:500;color:var(--text-2)}.pp-eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.pp-mono{font-family:var(--font-mono);font-feature-settings:"tnum","zero"}.pp-tach{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.02em}.pp-header{padding:8px 20px 4px;display:flex;align-items:center;justify-content:space-between;min-height:52px;flex-shrink:0}.pp-back{height:40px;min-width:40px;border-radius:var(--r-full);display:flex;align-items:center;gap:4px;padding:0 12px 0 6px;background:transparent;color:var(--accent);font:600 16px var(--font-sans);border:none;cursor:pointer}.pp-back:active{background:var(--surface-2)}.pp-pageheader{padding:8px 20px 16px}.pp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.pp-btn{height:var(--touch-primary);border-radius:var(--r-md);font:600 17px var(--font-sans);letter-spacing:-.01em;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:transform .08s,background .15s}.pp-btn:active{transform:scale(.985)}.pp-btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 4px 14px -4px #0ea5e98c}[data-theme=dark] .pp-btn-primary{box-shadow:0 0 0 1px #38bdf866,0 6px 20px -6px #38bdf899}.pp-btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.pp-btn-ghost{background:transparent;color:var(--accent);height:48px}.pp-field{display:flex;flex-direction:column;gap:6px}.pp-label{font:600 13px var(--font-sans);color:var(--text-2);letter-spacing:.02em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:baseline}.pp-label-hint{font-size:12px;text-transform:none;letter-spacing:0;color:var(--text-3);font-weight:500}.pp-input,.pp-select,.pp-textarea{width:100%;min-height:56px;padding:0 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text);font:500 18px var(--font-sans);outline:none;transition:border-color .12s,box-shadow .12s;-webkit-appearance:none;appearance:none}.pp-input.pp-num,.pp-select.pp-num{font-family:var(--font-mono);font-weight:600;font-size:22px;letter-spacing:.01em}.pp-textarea{padding:14px 16px;min-height:110px;line-height:1.45;resize:none}.pp-input:focus,.pp-select:focus,.pp-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.pp-input::placeholder,.pp-textarea::placeholder{color:var(--text-3);font-weight:400}.pp-input-row{position:relative;display:flex;align-items:stretch}.pp-input-row .pp-input{padding-right:84px}.pp-unit-pick{position:absolute;right:6px;top:6px;bottom:6px;display:flex;background:var(--surface-2);border-radius:8px;padding:3px;gap:2px}.pp-unit-pick button{height:100%;padding:0 12px;border:none;background:transparent;font:600 14px var(--font-sans);color:var(--text-2);border-radius:6px;cursor:pointer;letter-spacing:.02em}.pp-unit-pick button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.pp-seg{display:flex;background:var(--surface-2);border-radius:12px;padding:4px;gap:2px}.pp-seg button{flex:1;height:44px;border:none;background:transparent;font:600 15px var(--font-sans);color:var(--text-2);border-radius:9px;cursor:pointer}.pp-seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.pp-actionbar{flex-shrink:0;padding:12px 20px max(12px,env(safe-area-inset-bottom)) 20px;background:linear-gradient(to top,var(--bg) 70%,transparent);border-top:1px solid var(--border)}.pp-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pp-hub-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 16px 16px;min-height:132px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;overflow:hidden;transition:transform .1s,border-color .15s}.pp-hub-tile:active{transform:scale(.97)}.pp-hub-tile.pp-hub-wide{grid-column:1 / -1;min-height:92px;flex-direction:row;align-items:center}.pp-hub-tile-num{font:600 11px var(--font-mono);color:var(--text-3);letter-spacing:.1em}.pp-hub-tile-label{font:700 19px var(--font-sans);letter-spacing:-.015em;margin-top:auto}.pp-hub-tile-sub{font:500 13px var(--font-sans);color:var(--text-2);margin-top:2px}.pp-glyph{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.pp-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-full);font:600 12px var(--font-sans);letter-spacing:.02em;text-transform:uppercase}.pp-pill-airworthy{background:#16a34a1f;color:#15803d}[data-theme=dark] .pp-pill-airworthy{color:#4ade80;background:#4ade8024}.pp-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.pp-dot-low{background:#eab308}.pp-dot-med{background:#f97316}.pp-dot-high{background:#dc2626}.pp-photo{width:100%;height:200px;border-radius:var(--r-lg);border:2px dashed var(--border);background:var(--surface);background-image:repeating-linear-gradient(135deg,transparent 0 12px,var(--surface-2) 12px 13px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--text-2);cursor:pointer;position:relative;overflow:hidden}.pp-photo[data-state=captured]{background:var(--surface-2);background-image:none;border-style:solid;color:var(--text)}.pp-photo-thumb{position:absolute;inset:0;background-size:cover;background-position:center}.pp-aircraft-strip{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin:0 20px 16px}.pp-aircraft-strip:active{background:var(--surface-2)}.pp-aircraft-thumb{width:56px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--pp-slate-200),var(--pp-slate-300));background-size:cover;background-position:center;flex-shrink:0;position:relative;overflow:hidden}[data-theme=dark] .pp-aircraft-thumb{background:linear-gradient(135deg,var(--pp-slate-700),var(--pp-slate-800))}.pp-otp{display:flex;gap:10px;justify-content:center}.pp-otp-cell{width:48px;height:60px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;font:700 24px var(--font-mono);color:var(--text)}.pp-otp-cell[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.pp-check-row{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;min-height:64px}.pp-check-row[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.pp-checkbox{width:24px;height:24px;border:1.5px solid var(--border);border-radius:7px;background:var(--surface);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.pp-check-row[aria-checked=true] .pp-checkbox{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.pp-divider{height:1px;background:var(--border);margin:8px 0}@keyframes ppFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pp-fade{animation:ppFade .25s ease-out both}.pp-form-list{display:flex;flex-direction:column;gap:18px;padding:4px 20px 24px}.pp-section-h{font:600 12px var(--font-sans);color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin:4px 4px -4px}
