/* Shared pairing screen and a compact phone presentation of the existing engine. */
:root{color-scheme:light}.pair-page{margin:0;background:#f5f3eb;color:#253c35;font:16px/1.7 system-ui,"Microsoft YaHei",sans-serif}.pair-page main{max-width:440px;margin:7vh auto;padding:25px}.pair-page h1{font-size:30px}.pair-page form{display:flex;flex-direction:column;gap:14px;margin:30px 0}.pair-page input{font:24px/1.5 system-ui;padding:12px;border:1px solid #bccbbd;border-radius:9px;letter-spacing:4px;width:100%;box-sizing:border-box}.pair-page button{font:inherit;padding:12px;background:#285f4c;color:white;border:0;border-radius:9px}.pair-page small{color:#67766e}.pair-page button:disabled{opacity:.6}
.mobile-page main{max-width:800px;padding:18px 14px 45px}.mobile-heading p{font-size:12px;color:#67766e;margin:5px 0}.mobile-heading h1{font-size:27px}.mobile-page nav{position:sticky;top:0;z-index:5;background:#f5f3eb;padding:9px 0;margin:12px 0;display:flex}.mobile-page nav button{flex:1;padding:10px 6px;font-size:14px}.mobile-page input,.mobile-page select{font-size:16px}.mobile-page .card{padding:17px;margin:14px 0}.mobile-page h2{font-size:19px}.mobile-page .dict-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:7px;margin:18px 0}.mobile-page .dict-grid button{font-size:24px;padding:8px 4px}.mobile-page .mobile-dict-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-page .dict-results p{overflow-wrap:anywhere}.mobile-page .mobile-stroke-link{font-size:12px;padding:5px 9px;margin:5px 7px 0 0}.mobile-page .connection-note{padding:10px;background:#fbf3e4}
@media(max-width:720px){.mobile-page table{min-width:0}.mobile-page .table-scroll{overflow:visible;border:0}.mobile-page table,.mobile-page tbody{display:block}.mobile-page thead{display:none}.mobile-page tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #d7dfd3;border-radius:10px;overflow:hidden;margin:12px 0;background:#fffef9}.mobile-page td{padding:10px 12px;min-width:0;overflow-wrap:anywhere}.mobile-page td:before{content:attr(data-label);display:block;font-size:11px;color:#67766e;margin-bottom:3px}.mobile-page td:first-child,.mobile-page td:last-child{grid-column:1/-1}.mobile-page td:first-child{background:#edf2e7}.mobile-page td:first-child b{font-size:22px}.mobile-page .match-note{min-width:0}.mobile-page .name-grid{grid-template-columns:80px minmax(0,1fr)}.mobile-page .presets{flex-wrap:wrap}.mobile-page .date-parts{grid-template-columns:1.2fr 1fr 1fr}.mobile-page .element-facts{gap:6px}.mobile-page .element-facts>div{padding:9px}.mobile-page .filter-footer{flex-wrap:wrap}}
.mobile-page button,.pair-page button{min-height:44px;min-width:44px;touch-action:manipulation}
.mobile-page .mobile-login-link{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px}
.mobile-page .mobile-request-retry{margin:6px 0}
.mobile-page #structures,.mobile-page #structure-list,.mobile-page #name-suggestions,.mobile-page #birth-results,.mobile-page #name-results,.mobile-page #mobile-char-result{scroll-margin-top:96px}
.mobile-page #name-suggestions{margin:16px 0 24px;padding:15px;background:#f7f8f0}
.mobile-page .candidate-grid{grid-template-columns:1fr}
.mobile-page .candidate-name strong{font-size:25px}