:root{--gold:#efc54b;--ink:#1d2939;--paper:#f6f3eb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:28px 20px}header{background:var(--ink);color:white;padding:22px}header a{color:white}h1{font-size:clamp(30px,6vw,46px);margin:14px 0}h2{font-size:27px}h3{font-size:20px}a{color:#72540c}button,.button{display:inline-block;font:inherit;padding:11px 16px;background:var(--gold);color:var(--ink);border:1px solid #b69231;border-radius:6px;cursor:pointer;text-decoration:none}button.secondary{background:white;border-color:#bcc1c6}button:disabled{opacity:.5;cursor:wait}label{display:block;font-weight:600;margin-top:14px}input,select{display:block;width:100%;font:inherit;padding:11px;margin-top:6px;border:1px solid #abb2bb;border-radius:5px;background:white}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.columns,.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel,.member-card{background:white;border:1px solid #d7d4cb;padding:20px;border-radius:10px;margin:20px 0}.hint{font-size:15px;color:#52606d}.notice{padding:15px;background:#fff8dc;border:1px solid #dec87e;border-radius:6px}.crop-stage{position:relative;line-height:0;overflow:hidden;margin:12px 0;background:#e8e8e8}.crop-stage img{display:block;width:100%;height:auto}.crop-stage.framing{touch-action:none;cursor:crosshair}.crop-box{pointer-events:none;position:absolute;border:3px solid var(--gold);box-shadow:0 0 0 9999px #0006}.crop-buttons{display:flex;gap:8px;flex-wrap:wrap}.tn-portrait{height:280px;width:100%;background:#f1f0ea;display:flex;align-items:center;justify-content:center;overflow:hidden}.tn-crop-window{overflow:hidden;position:relative;flex:none}.tn-crop-window img{position:absolute;max-width:none}.tn-person{margin:0 0 14px}.tn-photo-label{font-size:14px;margin:9px 0;overflow-wrap:anywhere}.directory{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.directory .member-card{margin:0}.pair figure{margin:0}.pair figcaption{text-align:center;font-weight:600}.check{font-weight:400;display:flex;align-items:flex-start;gap:8px}.check input{flex:none;width:20px;height:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.profile-status{min-height:28px;white-space:pre-wrap}.hidden,[hidden]{display:none!important}.member-card .pair{gap:12px}.member-card .tn-portrait{height:240px}#profile-result:focus{outline:2px solid #927317}.error{color:#9c2020}@media(max-width:700px){.columns,.directory{grid-template-columns:1fr}.pair{gap:10px}.tn-portrait{height:230px}.member-card .tn-portrait{height:200px}.panel{padding:16px}.crop-buttons button{padding:9px 12px;font-size:15px}}