:root{color:#173337;background:#f4f1e8;font-family:Inter,Avenir,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #173337;--deep: #0c4650;--deep-2: #07343b;--paper: #fffdf7;--sand: #f4f1e8;--line: #d9ddd4;--muted: #687a7c;--amber: #d7a442;--amber-soft: #f7e7bd;--red: #a33a31;--green: #367764;--shadow: 0 18px 50px rgba(8, 52, 59, .09)}*{box-sizing:border-box}html{min-height:100%;background:var(--sand)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 85% 7%,rgba(215,164,66,.15),transparent 24rem),linear-gradient(180deg,#f9f7f0 0,var(--sand) 25rem)}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(215,164,66,.7);outline-offset:3px}.app-shell{min-height:100vh;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.mock-banner{padding:.55rem 1rem;background:#f2d384;color:#543d0b;font-size:.73rem;font-weight:800;letter-spacing:.09em;text-align:center}.app-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;min-height:4.8rem;padding:.7rem clamp(1rem,4vw,3rem);border-bottom:1px solid rgba(12,70,80,.12);background:#f9f7f0e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.brand img{width:2.7rem;height:2.7rem;border-radius:.8rem;box-shadow:0 7px 18px #0c465033}.brand span{display:grid}.brand strong{font-size:.95rem;letter-spacing:-.02em}.brand small{color:var(--muted);font-size:.69rem}.header-actions{display:flex;align-items:center;gap:.65rem}.network-chip,.source-chip,.status-chip,.tag,.readiness-pill{display:inline-flex;align-items:center;gap:.42rem;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}.network-chip{padding:.45rem .7rem;background:#e3efe9;color:#24624f}.network-chip i{width:.48rem;height:.48rem;border-radius:50%;background:#3e9a79}.network-chip--offline{background:#ede8df;color:#6e6253}.network-chip--offline i{background:#9a8771}.locale-switcher select{min-height:2rem;padding:.35rem 1.7rem .35rem .65rem;border:1px solid var(--line);border-radius:.65rem;color:var(--ink);background:var(--paper);font-size:.75rem;font-weight:800}.terminology-strip{padding:.5rem 1rem;border-bottom:1px solid #eadcb9;background:#f7e7bd7a;color:#745a21;font-size:.72rem;text-align:center}.page{width:min(1140px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.6rem,5vw,4.5rem) 0 3rem}.hero-card{position:relative;display:flex;min-height:14rem;align-items:flex-end;justify-content:space-between;overflow:hidden;padding:clamp(1.5rem,5vw,3.6rem);border-radius:2rem;color:#f9f7f0;background:linear-gradient(115deg,#063037fa,#0c4650e6),var(--deep);box-shadow:var(--shadow)}.hero-card:after{position:absolute;right:-5rem;bottom:-7rem;width:24rem;height:24rem;border:1px solid rgba(255,255,255,.14);border-radius:50%;content:"";box-shadow:0 0 0 4rem #ffffff08,0 0 0 8rem #ffffff05}.hero-card>div:first-child{position:relative;z-index:1;max-width:44rem}.hero-card__mark{position:relative;z-index:1;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.25);border-radius:.8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;letter-spacing:.18em}h1,h2,p{margin-top:0}h1{max-width:48rem;margin-bottom:.8rem;font-size:clamp(2rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.055em}h2{margin-bottom:.75rem;font-size:clamp(1.3rem,3vw,2rem);letter-spacing:-.035em}.eyebrow,.meta-label{margin-bottom:.6rem;color:var(--amber);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.lede{max-width:48rem;margin-bottom:0;color:var(--muted);font-size:clamp(.95rem,2vw,1.08rem);line-height:1.7}.hero-card .lede{color:#f9f7f0b8}.content-grid,.readiness-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1.25rem;margin-top:1.25rem}.panel{padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(23,51,55,.1);border-radius:1.4rem;background:#fffdf7e6;box-shadow:0 10px 36px #08343b0d}.panel--scanner{align-self:start}.scanner-box label,.form-block label{display:block;margin-bottom:.55rem;color:var(--ink);font-size:.78rem;font-weight:800}.scanner-box__row{display:flex;gap:.65rem}.scanner-box input,.form-block input,.form-block select{width:100%;min-height:3.2rem;padding:.72rem .85rem;border:1px solid #c7d0ca;border-radius:.8rem;color:var(--ink);background:#fff}.scanner-box input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.9rem,2.2vw,1.12rem);letter-spacing:.04em}.scanner-box--error input{border-color:var(--red)}.scanner-box__hint,.muted{margin:.55rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}.button{min-height:3rem;padding:.75rem 1.05rem;border:0;border-radius:.8rem;cursor:pointer;font-size:.78rem;font-weight:800;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.55}.button--primary{color:#fff;background:var(--deep);box-shadow:0 9px 20px #0c46502e}.button--secondary{color:var(--deep);background:#e4efea}.button--wide{width:100%}.text-button{margin-top:.75rem;padding:0;border:0;color:var(--deep);background:transparent;cursor:pointer;font-size:.75rem;font-weight:800}.sample-list{display:grid;gap:.45rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line)}.sample-list>span{margin-bottom:.25rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sample-list button{padding:0;border:0;color:var(--deep);background:transparent;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;text-align:left}.result-card__code,.operation-card__top,.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.result-card__code>div,.operation-card__top>div{display:grid}.result-card__code strong,.operation-card__top strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.95rem,2.5vw,1.25rem);letter-spacing:.035em}.source-chip{padding:.4rem .65rem;background:#e7efed;color:var(--deep);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem}.section-heading{margin-top:1.7rem;padding-top:1.5rem;border-top:1px solid var(--line)}.facts,.stacked-facts,.operation-meta{margin:0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.facts>div,.stacked-facts>div,.operation-meta>div{display:grid;gap:.25rem}dt{color:var(--muted);font-size:.68rem;font-weight:700}dd{margin:0;color:var(--ink);font-size:.82rem;font-weight:700}.tag{margin-top:1rem;padding:.4rem .65rem}.tag--amber{color:#725415;background:var(--amber-soft)}.form-block{display:grid;gap:.6rem;margin-top:1.4rem}.form-block label{margin:0}.empty-state{display:grid;min-height:16rem;place-items:center;align-content:center;color:var(--muted);text-align:center}.empty-state--large{min-height:22rem;margin-top:1.25rem}.empty-state__ring{display:grid;width:5rem;height:5rem;margin-bottom:1rem;place-items:center;border:1px solid #bfd0ca;border-radius:50%;color:var(--deep);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:inset 0 0 0 .65rem #eef2ec}.alert,.toast{padding:.8rem 1rem;border-radius:.8rem;font-size:.78rem;font-weight:700}.alert--danger{margin-top:1rem;color:#762a24;background:#f5d9d5}.toast{position:fixed;z-index:30;right:1rem;bottom:calc(6rem + env(safe-area-inset-bottom));color:#fff;background:var(--green);box-shadow:var(--shadow)}.page-heading{margin-bottom:1.5rem}.page-heading h1{margin-bottom:.6rem;color:var(--ink);font-size:clamp(2rem,5vw,3.5rem)}.mock-callout,.security-boundary{display:flex;gap:.7rem;padding:1rem 1.15rem;border:1px solid #e5c878;border-radius:1rem;color:#694f17;background:#f7e7bda8;font-size:.78rem;line-height:1.55}.mock-callout strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.operation-list{display:grid;gap:.8rem;margin-top:1.25rem}.operation-card{padding:1.25rem;border:1px solid rgba(23,51,55,.11);border-radius:1rem;background:#fffdf7eb}.status-chip{padding:.4rem .65rem;color:#6b531a;background:var(--amber-soft)}.status-chip[data-status=SYNCED]{color:#245f4c;background:#deeee7}.status-chip[data-status=SYNCING]{color:#315e74;background:#dfedf3}.status-chip[data-status=REJECTED],.status-chip[data-status=CONFLICT]{color:#843129;background:#f4d8d4}.operation-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.operation-id{display:block;overflow:hidden;margin-top:1rem;color:#758587;font-size:.68rem;text-overflow:ellipsis}.readiness-pill{padding:.6rem .85rem;color:#6e6253;background:#ede8df}.readiness-pill--ready{color:#245f4c;background:#deeee7}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.check-card{display:flex;align-items:flex-start;gap:.7rem;min-height:8rem;padding:1rem;border:1px solid rgba(23,51,55,.1);border-radius:1rem;background:#fffdf7bf}.check-card__icon{display:grid;flex:0 0 1.55rem;width:1.55rem;height:1.55rem;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:.7rem;font-weight:900}.check-card div{display:grid;gap:.45rem}.check-card strong{font-size:.78rem;line-height:1.45}.check-card small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem}.detail-panel h2{margin-bottom:1.2rem}.stacked-facts{display:grid;gap:.9rem}.stacked-facts code{overflow-wrap:anywhere;color:var(--deep);font-size:.68rem}.detail-panel .button{margin-top:1.25rem}.security-boundary{display:block;margin-top:1.25rem;border-color:#d8c9be;color:#604c43;background:#f0e8e2}.security-boundary p:last-child{margin-bottom:0}.bottom-nav{position:fixed;z-index:20;right:50%;bottom:max(.8rem,env(safe-area-inset-bottom));display:flex;gap:.3rem;padding:.4rem;border:1px solid rgba(255,255,255,.12);border-radius:1.2rem;background:#07343bf5;box-shadow:0 15px 45px #07343b47;transform:translate(50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a{position:relative;display:flex;align-items:center;gap:.4rem;min-height:2.7rem;padding:.65rem .95rem;border-radius:.85rem;color:#ffffffa6;font-size:.72rem;font-weight:700;text-decoration:none}.bottom-nav a.router-link-active{color:#fff;background:#ffffff1f}.bottom-nav b{display:grid;min-width:1.2rem;height:1.2rem;place-items:center;border-radius:999px;color:#49360a;background:#f2d384;font-size:.62rem}.boot-state{display:grid;min-height:65vh;place-items:center;align-content:center;gap:1rem;color:var(--muted)}.boot-state__spinner{width:2.3rem;height:2.3rem;border:3px solid #cbd7d2;border-top-color:var(--deep);border-radius:50%;animation:spin .8s linear infinite}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.content-grid,.readiness-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr 1fr}.hero-card__mark{display:none}}@media (max-width: 560px){.app-header{min-height:4.2rem}.brand img{width:2.3rem;height:2.3rem}.brand small,.network-chip{display:none}.page{width:min(100% - 1rem,1140px);padding-top:1rem}.hero-card{min-height:15rem;border-radius:1.4rem}.hero-card h1{font-size:2.25rem}.scanner-box__row,.page-heading,.mock-callout{flex-direction:column}.scanner-box__row .button,.page-heading .button{width:100%}.check-grid{grid-template-columns:1fr}.check-card{min-height:auto}.bottom-nav{bottom:max(.45rem,env(safe-area-inset-bottom));width:calc(100% - 1rem);justify-content:space-around}.bottom-nav a{flex:1;justify-content:center;padding-inline:.45rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}