:root{--bg: #E1DFCB;--surface: #ffffff;--surface-alt: #e0dcd2;--text: #101010;--text-inverse: #ffffff;--muted: rgba(16, 16, 16, .72);--soft: rgba(16, 16, 16, .08);--accent: #ee7d17;--line: rgba(16, 16, 16, .18);--pin-empty: rgba(255, 255, 255, .92);--pin-filled: rgba(16, 16, 16, .92);--key-shadow: rgba(16, 16, 16, .04);--splash-bg: #23221e;--splash-mark: #e0dec9;--card-bg: #D5D3BD;--card-line: #8E8D7B;--ticker-bg: #604C27;--ticker-text: #F2EFE6;--plus-bg: #FB8A08;--footer-bg: #FCFCFC;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;height:100%;margin:0}html{background:var(--bg)}body{background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}button{font:inherit;cursor:pointer}.splash-screen,.pin-screen,.success-screen{width:min(100%);min-height:100vh;min-height:100svh;min-height:100dvh;margin:0 auto;padding:0 clamp(.9rem,4vw,1.5rem);display:flex;align-items:center;justify-content:center;background:var(--bg);overflow:hidden}.pin-screen,.success-screen{opacity:0;animation:screenFadeIn .45s ease forwards}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}.splash-screen{--splash-emblem-width: min(10.85vw, 6.1vh, 7rem);--splash-title-size: min(8.2vw, 5.4vh, 4rem);--splash-title-leading: 1;--splash-gap: min(5.2vw, 4.5vh, 2rem);width:100vw;max-width:none;min-height:100vh;min-height:100svh;min-height:100dvh;margin:0;padding:0;background:var(--splash-bg);opacity:1;transform:scale(1);transition:opacity .45s ease,transform .45s ease}.splash-screen.visible{opacity:1;transform:scale(1)}.splash-screen.leaving{opacity:0;transform:scale(1.04)}.splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--splash-gap)}.splash-logo{width:var(--splash-emblem-width);height:auto;display:block}.splash-title{display:flex;flex-direction:column;align-items:center;margin:0;font-size:var(--splash-title-size);font-weight:600;line-height:var(--splash-title-leading);letter-spacing:0;color:var(--splash-mark);text-align:center}.splash-title span{display:block}.pin-screen{--pin-key-size: min(15.16vw, 22vh, 5.5rem);--pin-key-col-gap: min(6.6vw, 9.5vh, 2.4rem);--pin-key-row-gap: min(4.6vw, 6.6vh, 1.7rem);--pin-dot-size: min(3.13vw, 4.5vh, 1.15rem);--pin-dot-gap: min(6.47vw, 9.3vh, 2.4rem);--pin-kicker-size: min(6.25vw, 9vh, 2.4rem);--pin-footer-size: min(4.2vw, 6vh, 1.7rem);--pin-delete-width: min(10vw, 14.4vh, 3.7rem)}.pin-panel{position:relative;width:100%;height:100vh;min-height:100svh;min-height:100dvh;display:block}.pin-kicker,.pin-kicker-bottom{position:absolute;left:50%;transform:translate(-50%);margin:0;white-space:nowrap;font-weight:600;letter-spacing:0;color:var(--text);text-align:center;line-height:1}.pin-kicker{top:14.2%;font-size:var(--pin-kicker-size)}.pin-row{position:absolute;top:27.48%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:var(--pin-dot-gap);margin:0}.keypad{position:absolute;top:41.64%;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,var(--pin-key-size));grid-auto-rows:var(--pin-key-size);column-gap:var(--pin-key-col-gap);row-gap:var(--pin-key-row-gap);margin:0}.pin-kicker-bottom{top:92.9%;font-size:var(--pin-footer-size)}.pin-row.shake{animation:shake .25s ease-in-out 1;transform:translate(-50%)}@keyframes shake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 12px))}40%{transform:translate(calc(-50% + 12px))}60%{transform:translate(calc(-50% - 10px))}80%{transform:translate(calc(-50% + 10px))}}.pin-dot{width:var(--pin-dot-size);aspect-ratio:1;border-radius:50%;background:var(--pin-empty);box-shadow:inset 0 0 0 1px #1010100f}.pin-dot.filled{background:var(--pin-filled);box-shadow:none}.key-button{width:var(--pin-key-size);height:var(--pin-key-size);margin:0 auto;border-radius:50%;border:none;background:var(--surface);color:var(--text);font-size:calc(var(--pin-key-size) * .58);font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px var(--key-shadow);transition:background-color .15s ease,color .15s ease,transform .1s ease}.key-button:active{background:var(--text);color:var(--text-inverse);transform:scale(.98)}.key-button-empty{visibility:hidden;pointer-events:none;background:transparent;box-shadow:none}.key-button-delete{width:var(--pin-delete-width);aspect-ratio:54 / 60;align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;color:var(--muted);padding:10% 0 0 10%;font-size:calc(var(--pin-delete-width) * .65);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 0 94 60'%3E%3Cpath d='M 20 4 H 72 A 8 8 0 0 1 80 12 V 48 A 8 8 0 0 1 72 56 H 20 Q -3 33 -3 30 Q -3 27 20 4 Z' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 125%;filter:drop-shadow(0 4px 6px rgba(16,16,16,.08));transition:filter .15s ease,color .15s ease}.key-button-delete:active{color:var(--text-inverse);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 0 94 60'%3E%3Cpath d='M 20 4 H 72 A 8 8 0 0 1 80 12 V 48 A 8 8 0 0 1 72 56 H 20 Q -3 33 -3 30 Q -3 27 20 4 Z' fill='%23e0dcd2'/%3E%3C/svg%3E");filter:none}.zero-button{grid-column:2}.success-screen{background:var(--bg);padding:0;align-items:stretch}.id-screen{--id-gutter: 4.3vw;--id-card-pad: 4.3vw;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;padding-top:5.5vh;background:var(--bg)}.notify-chip{align-self:flex-end;display:inline-flex;align-items:center;gap:2.9vw;margin:0 var(--id-gutter) 2.8vh;padding:1.8vw 3.2vw;border:none;border-radius:999px;background:var(--surface);color:var(--text);font-size:3.55vw;font-weight:600;line-height:1;letter-spacing:0}.notify-chip-icon{display:block;width:5.8vw;height:5.8vw;flex-shrink:0}.id-card{flex:1;min-height:0;display:flex;flex-direction:column;margin:0 var(--id-gutter) 3vh;padding:3.7vw var(--id-card-pad) 3.7vw;border:2px solid var(--card-line);border-radius:1.7vw;background:var(--card-bg);overflow:hidden}.id-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2vw}.id-title{margin:0;font-size:6.5vw;font-weight:600;line-height:1;letter-spacing:-.01em;color:var(--text)}.id-emblem{width:7.1vw;height:auto;flex-shrink:0}.id-card-body{display:flex;gap:3.85vw;margin-top:3.4vw}.id-photo{width:41.5vw;aspect-ratio:299 / 383;flex-shrink:0;border-radius:2.2vw;background:var(--surface);object-fit:cover;object-position:center top}.id-facts{flex:1;min-width:0;display:flex;flex-direction:column;gap:4.5vw;margin:.55vw 0 0}.id-fact{display:flex;flex-direction:column;gap:3.2vw}.id-fact dt{font-size:2.9vw;font-weight:400;line-height:1;color:var(--muted)}.id-fact dd{margin:0;font-size:3.95vw;font-weight:500;line-height:1;color:var(--text)}.id-ticker{margin:auto calc(var(--id-card-pad) * -1) 0;height:6.25vw;display:flex;align-items:center;overflow:hidden;background:var(--ticker-bg);color:var(--ticker-text)}.id-ticker-track{display:flex;flex-shrink:0;font-size:3.3vw;font-weight:700;white-space:nowrap;animation:idTicker 26s linear infinite}.id-ticker-track span{padding-right:3vw}@keyframes idTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.id-ticker-track{animation:none}}.id-card-foot{position:relative;margin-top:4.6vw}.id-status{margin:0;font-size:2.57vw;font-weight:400;line-height:1;color:var(--muted)}.id-name{margin:4.9vw 0 0;font-size:5.5vw;font-weight:400;line-height:.92;letter-spacing:0;color:var(--text)}.id-add{position:absolute;right:0;bottom:0;width:8.6vw;height:8.6vw;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:var(--plus-bg);color:var(--text);font-size:5.6vw;font-weight:800;line-height:1}.success-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-shrink:0;height:8.2vh;background:var(--footer-bg)}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0vh;padding:0;border:none;background:transparent;color:var(--text)}.footer-icon{display:block;width:9.8vw;height:9.8vw;flex-shrink:0}.action-title{display:block;font-size:3.8vw;font-weight:600;line-height:1;letter-spacing:0}