@font-face{font-family:SuisseIntl;src:url(/fonts/SuisseIntl-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntlMono;src:url(/fonts/SuisseIntlMono-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-black: #000;--color-secondary: #8E8E8E;--color-white: #fff;--brand-gradient: linear-gradient(180deg, #ECE4F2 0%, #F9F7E0 100%);--capture-outline: rgba(121, 121, 121, .5);--capture-disabled: #9C9C9C;--content-padding: 16px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--font-bold: "SuisseIntl", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SuisseIntlMono", "SF Mono", monospace;--z-content: 1;--z-overlay: 10}@media(min-width:768px){:root{--content-padding: 24px}}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--color-black);color:var(--color-black);font-family:var(--font-mono);min-height:100vh;min-height:100dvh}body.result-open{overflow-y:scroll;overflow-x:hidden}#root,.app{min-height:100vh;min-height:100dvh}.app{position:relative;background:var(--color-white)}.app:not(.match-active){position:fixed;inset:0}.app.sample-active{position:fixed;inset:0;overflow:hidden}h1,.h1{font-family:var(--font-bold);font-size:20px;line-height:1;font-weight:700;margin:0}.body-text{font-family:var(--font-mono);font-size:12px;line-height:1;text-transform:uppercase;margin:0}.tagline{font-family:var(--font-mono);font-size:10px;line-height:1;text-transform:uppercase;margin:0}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;margin:-1px}.video-layer{position:fixed;inset:0;z-index:0;pointer-events:none}.video-layer video{width:100%;height:100%;object-fit:cover;display:block}.content{position:relative;z-index:var(--z-content);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--content-padding) + env(safe-area-inset-top,0px)) calc(var(--content-padding) + env(safe-area-inset-right,0px)) calc(var(--content-padding) + env(safe-area-inset-bottom,0px)) calc(var(--content-padding) + env(safe-area-inset-left,0px))}.brand-row{display:flex;justify-content:space-between;align-items:flex-start}.brand-block{white-space:pre-line;color:var(--color-white)}.brand-block:last-child{text-align:right}.controls{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;margin-bottom:var(--spacing-sm)}button{border:none;cursor:pointer;background:transparent;padding:0;font-family:inherit}.btn-circle{width:40px;height:40px;border-radius:50%;background:var(--color-white);color:var(--color-black);display:inline-flex;align-items:center;justify-content:center}.btn-capture{width:75px;height:75px;border-radius:50%;background:var(--color-white);border:6px solid var(--capture-outline);transition:background-color .15s ease}.btn-capture.processing,.btn-capture:disabled{background:var(--capture-disabled);cursor:not-allowed}.result-overlay{position:relative;z-index:var(--z-overlay);display:flex;min-height:100vh;min-height:100dvh;padding:calc(var(--content-padding) + env(safe-area-inset-top,0px)) calc(var(--content-padding) + env(safe-area-inset-right,0px)) calc(var(--content-padding) + env(safe-area-inset-bottom,0px)) calc(var(--content-padding) + env(safe-area-inset-left,0px))}.result-overlay--nomatch{position:fixed;inset:0;height:auto;min-height:auto;align-items:center;justify-content:center;background:transparent}.result-overlay--nomatch .result-content{flex:none;width:100%}.result-overlay--nomatch .result-first-screen{min-height:auto}.result-overlay--sample{position:fixed;inset:0;min-height:auto;max-height:100svh;height:100svh;overflow:hidden}.result-overlay--sample .result-content{max-height:calc(100svh - 2 * var(--content-padding) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:100%;flex:1;overflow:hidden}.result-overlay--sample .result-first-screen{min-height:0;max-height:100%;height:100%;flex:1;overflow:hidden}.result-nomatch-body{width:66.666%;margin-top:var(--spacing-lg)}.result-content{flex:1;display:flex;flex-direction:column;padding:var(--content-padding);background:var(--brand-gradient);border-radius:20px}.result-first-screen{display:flex;flex-direction:column;min-height:calc(100svh - 4 * var(--content-padding) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.result-first-screen>.content-block{flex-shrink:0;margin-top:var(--spacing-lg)}.result-overlay--sample .result-first-screen>.content-block{margin-top:auto}.result-overlay--sample .result-sections{display:none}.result-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-shrink:0}.result-overlay:not(.result-overlay--nomatch) .result-header{margin-top:var(--spacing-sm)}.result-header h1{color:var(--color-black);flex:1}.result-close{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.result-close img{width:14px;height:14px;display:block;filter:brightness(0)}.result-viewer{position:relative;display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-lg);flex:1;min-height:200px;overflow:hidden}.result-viewer model-viewer{width:100%;height:100%;--poster-color: transparent}.result-viewer img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:calc(100% - 200px);width:auto;height:auto;object-fit:contain}.result-sections{display:flex;flex-direction:column;gap:24px;margin-top:var(--spacing-lg)}.content-block{background:var(--color-white);padding:20px;border-radius:10px}.block-header{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.block-header-number{color:var(--color-secondary)}.block-header-title{flex:1}.block-header-series{margin-left:auto}.content-row{display:flex;gap:4px}.content-row+.content-row{margin-top:10px;padding-top:10px;border-top:.5px solid var(--color-secondary)}.content-row-label{flex:0 0 33.333%;min-width:0}.content-row-value{flex:0 0 66.666%;min-width:0;white-space:pre-line}.content-row-value span{display:block}.text-secondary{color:var(--color-secondary)}.component-entry{display:flex;flex-direction:column}.component-entry+.component-entry{margin-top:10px}
