body{margin:0;font-family:Geist,sans-serif;font-weight:100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff}h1,h2,h3,h4,h5,h6{font-weight:100}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.orb-wrapper{position:relative;width:100%;height:100%}.orb-container,.orb-content{position:absolute;top:0;left:0;width:100%;height:100%}.orb-container{z-index:0}.orb-content{z-index:1;display:flex;justify-content:center;align-items:center;pointer-events:none}.orb-content>*{pointer-events:auto}.App{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.dark-veil-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10000}.left-panel{width:40vw;height:100vh;z-index:1}.right-panel{width:40vw;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1}.content{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:1}.title{font-size:10rem;font-weight:100;letter-spacing:.5rem;margin:0;text-transform:uppercase}.subtitle{font-size:1.2rem;font-weight:100;margin:0;text-transform:lowercase;color:#fffc}.prompt{margin-top:5rem;font-size:1.5rem;color:#ffffffb3}.prompt .glass-content{display:flex;align-items:center;gap:.5rem}.keyboard-key{border:1px solid white;background-color:#ffffff1a;padding:.25rem .5rem;border-radius:.25rem}.glass-search-container{position:relative;display:flex;justify-content:center;align-items:center}.glass-search{position:relative;border-radius:50px;overflow:hidden;padding:1.5rem 2.5rem}.glass-filter,.glass-overlay,.glass-specular{position:absolute;inset:0;border-radius:inherit}.glass-filter{z-index:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.glass-overlay{z-index:2;background:#ffffff1a}.glass-specular{z-index:3;box-shadow:inset 1px 1px 1px #fff6}.glass-content{position:relative;z-index:4;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.darkveil-canvas{width:100%;height:100%;display:block}.workflow-container{width:100vw;height:100vh;background-color:transparent;color:#fff;position:relative;overflow:hidden;text-transform:lowercase}.dark-veil-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.3}.camera-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:90vh;max-width:1280px;max-height:720px;border:2px solid rgba(255,255,255,.4);box-shadow:0 10px 30px #0003;border-radius:12px;overflow:hidden;z-index:6}.webcam-stream,.webcam-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.webcam-overlay{z-index:5}.camera-overlay-content{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:transparent;z-index:10;pointer-events:none}.countdown-container{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:20;pointer-events:none}.countdown-text{font-size:15rem;font-weight:100;color:#ffffffe6;text-shadow:0 0 50px rgba(0,0,0,.7)}.acknowledge-flash{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:25}.instruction-text{text-align:center;font-size:2.5rem;font-weight:100;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.instruction-prompt{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;font-size:1.2rem;font-weight:100;color:#ccc;background:#141414bf;padding:.75rem 1.25rem;border-radius:50px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.instruction-prompt.snap-prompt{background:#fffc;border:1px solid rgba(255,255,255,.9);color:#000}.instruction-prompt.snap-prompt .keyboard-key{background:#0000001a;border:1px solid rgba(0,0,0,.2);color:#000}.keyboard-key{display:inline-block;padding:.3rem .6rem;border-radius:5px;background:#ffffff26;box-shadow:inset 1px 1px 1px #fff6;font-weight:400;color:#fff}.controls-container{position:absolute;left:0;top:0;height:100%;width:380px;display:flex;flex-direction:column;padding:2rem;background:#141414bf;color:#eee;border-right:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset -1px 1px 1px #fff3;z-index:15;transition:transform .3s ease-in-out}.captures{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.capture-slot{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.capture-slot p{margin-bottom:.75rem;font-weight:500;color:#ccc}.capture-slot img,.capture-slot .placeholder{width:150px;height:150px;aspect-ratio:1 / 1;border-radius:8px;border:2px dashed rgba(255,255,255,.4);margin-bottom:1rem;object-fit:cover;background-color:#ffffff0d;transform:scaleX(-1)}.status-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);text-align:center}.status-panel .instruction-text{font-size:1.5rem}.classifying-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-top:2rem}.classifying-status h3{font-size:1.2rem;font-weight:100;text-align:center;min-height:40px}.spinner-container{display:flex;justify-content:center;align-items:center}.fade-to-black{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:100}.results{padding:1.5rem;background:#0003;border-radius:12px;text-align:left;max-height:40vh;overflow-y:auto;border:1px solid rgba(255,255,255,.2);box-shadow:inset 1px 1px 1px #ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.results h3{margin-top:0;margin-bottom:1rem;color:#fff}.results p{white-space:pre-wrap;line-height:1.6;color:#eee}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;z-index:9999}