:root{color-scheme:dark;--bg: #000000;--ink: #ffffff;--muted: #a3a3a3;--line: rgba(255, 255, 255, .14);--font: system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);letter-spacing:.02em}#app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(8px + env(safe-area-inset-top)) 22px calc(16px + env(safe-area-inset-bottom))}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:min(520px,100%);text-align:center;padding-top:clamp(8px,2dvh,20px);gap:clamp(22px,5.5dvh,40px)}.brand{margin:0;margin-top:clamp(28px,9dvh,72px);width:100%;text-align:center}.brand__logo{display:block;width:min(248px,72vw);max-height:min(120px,22dvh);height:auto;margin-inline:auto;object-fit:contain;filter:grayscale(1)}.hero__hint{margin:0;padding:0 4px;font-size:clamp(.84rem,2.8vw,.95rem);font-weight:400;color:var(--muted);line-height:1.5;max-width:34ch}.cam-btn{position:relative;width:min(220px,72vw);aspect-ratio:1;margin-top:clamp(4px,2dvh,20px);border:none;padding:0;border-radius:999px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.cam-btn:focus-visible{outline:1px solid var(--ink);outline-offset:5px}.cam-btn__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:conic-gradient(from 0deg,#ffffff0a,#fff3,#ffffff0a);animation:spin 16s linear infinite}.cam-btn__body{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;display:grid;place-items:center;color:var(--ink);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),0 16px 40px #00000080}.cam-btn__icon{width:44%;height:44%}.cam-btn:active .cam-btn__body{transform:scale(.98)}.foot{margin-top:auto;padding-top:20px;text-align:center}.foot__note{font-size:clamp(.7rem,2vw,.8rem);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:.55}.ar-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000}.ar-layer__chrome{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;pointer-events:none}.ar-back{pointer-events:auto;border:1px solid var(--line);background:#0000008c;color:var(--ink);border-radius:999px;padding:10px 14px;font:inherit;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ar-layer__scan{margin:0;flex:1;text-align:right;font-size:.78rem;color:#ffffffe0;text-shadow:0 1px 2px rgba(0,0,0,.9)}.ar-layer__viewport{position:absolute;top:0;right:0;bottom:0;left:0}body.ar-open{overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 720px){#app{padding-left:32px;padding-right:32px}.hero{padding-top:clamp(24px,4vh,56px);gap:clamp(28px,4vh,48px);max-width:640px}.brand{margin-top:clamp(40px,8vh,100px)}.brand__logo{width:min(380px,42vw);max-height:min(160px,24vh)}.hero__hint{font-size:1.05rem;max-width:42ch}.cam-btn{width:min(300px,34vw);margin-top:clamp(12px,2.5vh,28px)}.cam-btn__body{top:10px;right:10px;bottom:10px;left:10px}.foot__note{font-size:.82rem;letter-spacing:.22em}}@media (prefers-reduced-motion: reduce){.cam-btn__ring{animation:none}}