.touch-keyboard[hidden]{display:none!important}
.touch-keyboard{display:none}
html[data-display="totem"] .touch-keyboard{display:block;flex:0 0 auto;width:100%;background:#f5f2e9;color:#172d40;border-top:1px solid #d9cfb8;padding:.7rem 1rem max(.7rem,env(safe-area-inset-bottom));box-shadow:0 -.3rem 1.3rem #172d4014;z-index:30;box-sizing:border-box;max-height:48dvh;overflow:auto;touch-action:manipulation}
.touch-keyboard-top{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.6rem}
.touch-keyboard-top strong{font-size:1rem;font-weight:650}
html[data-display="totem"] .touch-keyboard button{border:1px solid #d9d8d0;background:#fff;color:#172d40;border-radius:.5rem;min-height:3rem;padding:.35rem .2rem;font-size:1.15rem;font-weight:550;box-shadow:0 .1rem 0 #d8d5cb;cursor:pointer;line-height:1.1;min-width:0;touch-action:manipulation;user-select:none}
html[data-display="totem"] .touch-keyboard button:active{background:#ead8a6;transform:translateY(.08rem);box-shadow:none}
html[data-display="totem"] .touch-keyboard button:focus-visible{outline:.16rem solid #94702d;outline-offset:.1rem}
html[data-display="totem"] .touch-keyboard .touch-close{font-size:.8rem;min-height:2.2rem;padding:.4rem .8rem;background:transparent;box-shadow:none}
.touch-row{display:flex;gap:.32rem;margin-bottom:.35rem}.touch-row>button{flex:1}.touch-row>.space-key{flex:5}
html[data-display="totem"] .touch-keyboard .muted{background:#e7e7e1;font-size:.9rem}
html[data-display="totem"] .touch-keyboard .selected{background:#172d40;color:white;border-color:#172d40}
html[data-display="totem"] .email-shortcuts button{font-size:.85rem}.email-shortcuts button:nth-last-child(-n+2){flex:2.5}
.touch-keyboard-actions{display:flex;justify-content:flex-end;margin-top:.4rem}
html[data-display="totem"] .touch-keyboard .touch-next{background:#e4c279;color:#172d40;border-color:#cead65;min-width:10rem;padding:.6rem 1rem;font-size:1rem}
.birth-steps{display:flex;gap:.5rem}.birth-steps>button{flex:1}
html[data-display="totem"] .touch-hint{font-size:.8rem;margin:.5rem 0;color:#566472}
.numeric-keys{max-width:26rem;margin:0 auto}.month-keys{margin:.6rem 0}
html[data-display="totem"] .numeric-keys button{min-height:3.1rem;font-size:1.4rem}
.birth-error:empty{display:none}.birth-error{color:#9d2d22;font-size:.85rem;margin:.4rem 0;line-height:1.35}
html.touch-keyboard-open[data-display="totem"] #app{scroll-behavior:smooth;scroll-padding-block:1rem;justify-content:flex-start}
html.touch-keyboard-open[data-display="totem"] #app .panel{margin-block:0;flex-shrink:0}
html.touch-keyboard-open[data-display="totem"] body>footer{display:none}
html.touch-keyboard-open[data-display="totem"] input:focus{outline:.15rem solid #c5a35c;outline-offset:.1rem;box-shadow:0 0 0 .25rem #e4c27930}
@media(prefers-reduced-motion:reduce){html.touch-keyboard-open[data-display="totem"] #app{scroll-behavior:auto}.touch-keyboard button{transition:none}}