@font-face{font-family:Tomorrow;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/tomorrow-regular.ttf') format('truetype')}
@font-face{font-family:Tomorrow;font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/tomorrow-semibold.ttf') format('truetype')}
:root{color-scheme:dark;font-family:Tomorrow,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#000;color:#fff}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #3c4248;border-radius:12px;padding:17px 20px;background:#b7f7d4;color:#092319;font-weight:650;min-height:56px;width:100%}button:disabled{opacity:.45;cursor:default}button:active{filter:brightness(.8)}.focusable:focus-visible{outline:3px solid #54e5ff;outline-offset:4px}button.secondary{background:#1c1e21;color:#e4e6eb}button.danger{background:#ffd3cb;color:#40120b}[hidden]{display:none!important}p{line-height:1.5}h1{font-size:17px;letter-spacing:.12em}h2{font-size:40px;letter-spacing:-.04em;line-height:1.12;font-weight:550}a{color:#b7f7d4}.phone{background:#0b0e10;min-height:100dvh}.phone main{max-width:480px;margin:auto;padding:28px 24px}.phone header{display:flex;align-items:center;gap:12px}.phone header span{margin-left:auto;font-size:10px;color:#b4bbc0;letter-spacing:.1em}.phone .screen{margin-top:42px}.phone .screen>p{color:#bcc4c7}.phone form{display:grid;gap:14px;margin-top:30px}.phone label{font-size:14px;color:#bcc4c7}.phone input{width:100%;border:1px solid #444b50;background:#171c20;border-radius:12px;color:#fff;padding:18px;text-align:center;font-size:32px;letter-spacing:.14em}.phone .note{font-size:13px;color:#a6b1b8}.secondary-link{display:inline-block;margin:18px 0;font-size:14px}.phone #camera{display:grid;gap:12px}.preview{position:relative;aspect-ratio:1;background:#171c20;border:1px solid #343b40;border-radius:16px;overflow:hidden}.preview video{width:100%;height:100%;object-fit:cover}.preview span{position:absolute;inset:0;display:grid;place-content:center;color:#9da9af;font-size:12px;letter-spacing:.16em}.phone .transmitting{color:#b7f7d4!important;margin:4px 0;font-size:13px;letter-spacing:.08em}#stats{margin:0}#status{font-size:15px;color:#e4e6eb;min-height:24px}footer{margin-top:32px;border-top:1px solid #293136;padding-top:22px;color:#9da9af;font-size:12px;line-height:1.8}
.glasses{width:600px;height:600px;overflow:hidden;background:#000}.glasses main{position:relative;width:600px;height:600px;padding:24px}.glasses .screen{width:552px;height:552px}.glasses #pairing{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px}.glasses h1{font-size:28px;margin:0 0 12px}.glasses p{font-size:22px;margin:0}.glasses .address{font-size:24px;overflow-wrap:anywhere;max-width:540px;color:#fff}.glasses .pin-label{font-size:16px;letter-spacing:.14em;color:#b0b3b8;margin-top:14px}.glasses #pin{font-size:76px;font-weight:650;letter-spacing:.06em;line-height:1.1}.glasses #status{font-size:18px;max-width:520px;min-height:54px}.glasses button{min-height:88px;width:240px;background:#1c1e21;color:#fff;font-size:22px}.glasses #live{position:relative}.glasses #feed{display:block;width:552px;height:552px;object-fit:contain}.live-label{position:absolute;left:16px;bottom:16px;background:#1c1e21;border-radius:6px;padding:5px 8px;font-size:16px;color:#fff}

/* Tomorrow has a wider footprint; preserve the compact phone header and PIN. */
.phone header h1{font-size:15px;letter-spacing:.08em}.phone header{gap:10px}.phone header span{font-size:9px}.glasses .address{font-size:22px}.glasses #pin{font-variant-numeric:tabular-nums;letter-spacing:.03em}
