:root{--ink:#211d19;--muted:#675f57;--paper:#f6f1e9;--surface:#fffdf9;--line:#d7cfc3;--accent:#4e3d31;--accent-hover:#34281f;--error:#9a2f29;--success:#23603b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 10%, #ffffffb3, transparent 35rem), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Georgia,Times New Roman,serif}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #9b7659}.shell{place-items:center;width:min(100% - 2rem,68rem);min-height:100vh;margin:0 auto;padding:clamp(2rem,6vw,5rem) 0;display:grid}.pin-card{border:1px solid var(--line);background:#fffdf9eb;width:min(100%,31rem);padding:clamp(1.5rem,6vw,3rem);box-shadow:0 1.25rem 4rem #2f251c1a}.brand{letter-spacing:-.035em;margin:0 0 2rem;font-size:clamp(1.85rem,7vw,2.65rem);font-weight:500;line-height:1.06}.intro{color:var(--muted);margin:0 0 1.75rem;font-size:1.1rem;line-height:1.55}.field-label{margin-bottom:.55rem;font-weight:700;display:block}.pin-input{width:100%;min-height:3.25rem;color:var(--ink);letter-spacing:.16em;background:#fff;border:1px solid #8b8177;border-radius:0;padding:.75rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.35rem}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;width:100%;min-height:3.35rem;margin-top:1rem;padding:.8rem 1.25rem;font-weight:700;transition:background .14s,transform .14s}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{cursor:wait;opacity:.65}.form-status{min-height:1.5rem;margin:.9rem 0 0;font-family:Arial,sans-serif;font-size:.94rem;line-height:1.45}.form-status.error{color:var(--error)}.form-status.success{color:var(--success)}.display-shell{width:min(100% - 2rem,70rem);margin:0 auto;padding:clamp(1rem,4vw,3.5rem) 0 clamp(2.5rem,6vw,5rem)}.display-header{border-bottom:1px solid var(--line);padding:1rem 0 1.5rem}.display-header .brand{margin:0;font-size:clamp(1.45rem,4vw,2rem)}.display-card{background:var(--surface);border:1px solid var(--line);margin-top:clamp(1.5rem,4vw,3rem);overflow:hidden;box-shadow:0 1rem 4rem #2f251c14}.display-image-wrap{aspect-ratio:8/5;background:#e3d7c6;position:relative}.display-image{object-fit:cover}.display-copy{padding:clamp(1.4rem,5vw,3rem)}.display-copy h1{letter-spacing:-.025em;margin:0 0 .85rem;font-size:clamp(1.65rem,5vw,2.5rem);font-weight:500}.display-copy>p{max-width:44rem;color:var(--muted);margin:0 0 1.25rem;font-size:1.08rem;line-height:1.6}.display-copy .primary-button{max-width:22rem}.confirmation{border-left:4px solid var(--success);color:var(--success);background:#eef6f0;padding:1rem;font-family:Arial,sans-serif;font-weight:700}.error-page{text-align:center}.error-page p{color:var(--muted)}.text-link{color:var(--accent);text-underline-offset:.2em}@media (max-width:40rem){.shell{width:min(100% - 1rem,68rem);padding:.5rem 0}.pin-card{box-shadow:none}.display-shell{width:min(100% - 1rem,70rem)}.display-image-wrap{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
