@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#16324a;background:#edf3f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{max-width:1540px;margin:auto;padding:26px 4vw 18px}.topbar{display:flex;justify-content:space-between;gap:26px;align-items:flex-start;border-bottom:1px solid #cad9e3;padding-bottom:22px}.back-link{display:inline-block;margin-bottom:14px;color:#5c7378;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.back-link:hover,.back-link:focus-visible{color:#142a32;text-decoration:underline}.eyebrow,.kicker,.save-status,.grid-label,.panel-head,.mini-label,footer{font:500 10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:#5c7890}.topbar h1{font-size:clamp(34px,5vw,62px);letter-spacing:-.075em;line-height:.98;margin:10px 0 6px;color:#102b45}.subhead{margin:0;color:#71879a;font-size:14px}.top-actions{display:flex;align-items:center;gap:18px;padding-top:10px}.save-status{display:flex;align-items:center;gap:8px;color:#73899b;letter-spacing:.05em;text-transform:none}.save-status i{width:7px;height:7px;border-radius:50%;background:#aabac5}.save-status.saved i{background:#25a981}.save-status.saving i{background:#e2ad3c;animation:pulse 1s infinite}.save-status.error{color:#ad4d45}.save-status.error i{background:#c76157}@keyframes pulse{50%{opacity:.35}}button{font:600 12px Manrope;cursor:pointer}.camera-toggle,.primary-button{border:1px solid #1246bb;background:#1552d2;color:#fff;border-radius:4px;padding:12px 15px;box-shadow:0 4px #0e3994}.camera-toggle:hover,.primary-button:hover{background:#0e46bc}.camera-toggle:active,.primary-button:active{transform:translateY(2px);box-shadow:0 2px #0e3994}.camera-toggle span{font-size:19px;vertical-align:-2px;padding-left:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:28px 0 18px}.toolbar-copy{display:flex;gap:16px;align-items:center;color:#72899c;font-size:12px}.kicker{color:#1552d2}.toolbar-actions{display:flex;gap:9px}.quiet-button{border:1px solid #c5d5e0;background:transparent;color:#637e92;padding:10px 12px;border-radius:3px}.quiet-button:disabled{opacity:.42;cursor:not-allowed}.error{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;background:#fff1f0;border:1px solid #e6b8b1;color:#a4453e;font-size:12px;margin:0 0 15px}.error button{border:0;background:transparent;color:#8d312c;text-decoration:underline;padding:0}.board-wrap{display:flex;gap:16px;align-items:stretch}.board{position:relative;min-height:610px;flex:1;overflow:hidden;border:1px solid #c1d1dd;border-radius:3px;background-color:#e6f0f4;background-image:radial-gradient(#b8cbd6 1px,transparent 1px),linear-gradient(135deg,#ffffff8c,#d8e7ee47);background-size:24px 24px,100% 100%}.board video{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity .4s;filter:saturate(.45) hue-rotate(150deg)}.board.camera-live video{opacity:.16}.video-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,#f7fbfdb8,#e2eff561);pointer-events:none}.board canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.grid-label{position:absolute;left:20px;top:17px;color:#608094;pointer-events:none}.grid-label:before{content:"●";color:#2ca889;padding-right:8px;font-size:8px}.cursor-ring{position:absolute;z-index:100000;width:27px;height:27px;border:2px solid #dbac49;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #dbac492e;pointer-events:none}.cursor-ring.pinched{border-color:#1552d2;box-shadow:0 0 0 5px #1552d22e}.note{position:absolute;z-index:2;width:min(22%,250px);min-width:175px;height:170px;transform:translate(-50%,-50%);padding:18px 18px 12px;border:1px solid rgba(26,65,89,.25);border-radius:2px;box-shadow:8px 10px #26576f1a;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s,border-color .15s;-webkit-user-select:text;user-select:text}.note:hover,.note.selected{border-color:#1552d2;box-shadow:8px 10px #1552d22b}.note-blue{background:#d9ecf3}.note-yellow{background:#f7edc9}.note-pink{background:#f3dfe4}.note input,.note textarea{font:600 14px/1.3 Manrope;color:#173650;background:transparent;border:0;outline:0;padding:0;resize:none;width:100%}.note textarea{font-size:12px;line-height:1.5;font-weight:500;flex:1;color:#4e6879}.note input:focus,.note textarea:focus{box-shadow:0 1px #1552d2}.air-handle{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(21,82,210,.28);background:#ffffff8c;color:#1552d2;line-height:1;touch-action:none}.air-handle:hover,.air-handle:focus-visible{background:#fff;border-color:#1552d2;outline:2px solid rgba(21,82,210,.25);outline-offset:2px}.note-footer{display:flex;justify-content:space-between;align-items:center;font:10px DM Mono,monospace;color:#6c8391;text-transform:uppercase;letter-spacing:.08em}.delete-button{border:0;background:transparent;color:#8c5e6c;font:10px DM Mono,monospace;padding:3px}.delete-button:hover{text-decoration:underline}.side-panel{width:245px;flex:none;background:#f8fbfc;border:1px solid #c8d7e0;padding:18px;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #dce6eb;color:#688296}.panel-head b{font-weight:500;color:#1552d2}.field-label{font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:#7590a1;margin-top:24px}.color-picker{display:flex;gap:9px;margin:11px 0 22px}.swatch{height:28px;width:28px;border-radius:50%;border:2px solid transparent}.swatch-blue{background:#b7dce8}.swatch-yellow{background:#eed995}.swatch-pink{background:#e8bac8}.swatch.active{outline:2px solid #1552d2;outline-offset:2px}.panel-delete{border:1px solid #d3c4c8;color:#925c68;background:transparent;padding:9px 10px;border-radius:3px}.empty-panel{font-size:12px;color:#7c91a0;line-height:1.6}.camera-help{border-top:1px solid #dce6eb;margin-top:auto;padding-top:17px;color:#688195;font-size:11px;line-height:1.55}.mini-label{color:#1552d2}.camera-help p{margin:8px 0}.privacy{color:#8aa0ae}.app-shell>footer{display:flex;justify-content:space-between;gap:15px;margin-top:16px;padding-top:14px;border-top:1px solid #cad9e3;color:#8196a5;letter-spacing:.02em;text-transform:none;font-size:10px}@media(max-width:850px){.app-shell{padding:20px 14px}.topbar{flex-direction:column}.top-actions{width:100%;justify-content:space-between}.toolbar{align-items:flex-start;flex-direction:column}.board-wrap{flex-direction:column}.board{min-height:570px}.side-panel{width:100%}.camera-help{margin-top:18px}.note{width:31%;min-width:150px}.app-shell>footer{flex-direction:column}}@media(max-width:520px){.toolbar-copy{align-items:flex-start;flex-direction:column;gap:5px}.board{min-height:510px}.note{min-width:135px;width:42%;height:154px;padding:14px}.note input{font-size:12px}.note textarea{font-size:11px}.top-actions{align-items:flex-start;flex-direction:column;gap:12px}}