:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#27342d;background:#f5f3eb}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px max(18px,env(safe-area-inset-left));background:#242b29;color:white}header a{color:white;text-decoration:none;font-size:14px}header strong{font-size:20px}main{max-width:880px;margin:auto;padding:28px 22px 48px}h1{font-size:28px;font-weight:600;margin:12px 0 18px}p{line-height:1.6;font-size:14px;color:#59665e}a{color:#315c40}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}button,.button,.choose{font:inherit;min-height:44px;border:1px solid #b4bdb1;background:#fffef9;border-radius:8px;padding:12px 16px;color:#294a34;cursor:pointer;text-decoration:none;text-align:center;display:inline-block}.primary{background:#54775b;border-color:#54775b;color:white}button:disabled{opacity:.5;cursor:default}.wide{width:100%}.head-list{display:grid;gap:14px;margin-top:24px}.head-card{border:1px solid #ced2c7;background:#fffef9;border-radius:12px;padding:14px;display:flex;align-items:center;gap:20px}.head-card h2{font-size:18px;margin:0}.head-card p{margin:8px 0}.head-card .card-image{width:100px;height:116px;flex-shrink:0;border-radius:8px;overflow:hidden}.card-image>img{width:100%;height:100%;object-fit:cover}.card-image .guide{height:100%;width:100%;border:0}.card-body{flex:1;min-width:0}.card-body h2{overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.card-actions button{font-size:13px;padding:8px 12px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-slot{display:flex;flex-direction:column;align-items:stretch;text-align:center;position:relative;gap:10px;cursor:pointer}.guide{position:relative;overflow:hidden;aspect-ratio:.8;background:white;border:1px solid #d6d8d1;border-radius:10px;display:block}.guide img{position:absolute;width:300%;height:100%;max-width:none;top:0;object-fit:fill}.guide.left img{left:0}.guide.front img{left:-100%}.guide.right img{left:-200%}.photo-slot>input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.photo-slot:focus-within .choose{outline:3px solid #54775b;outline-offset:2px}.photo-slot strong{font-size:14px}.choose{font-size:14px;background:#e1ebdd;padding:10px 4px}.photo-state{font-size:12px;overflow-wrap:anywhere;color:#566b5b}.photo-slot.uploaded .guide img{position:static;width:100%;height:100%;object-fit:cover}.tip{background:#ebece5;border-radius:8px;padding:12px;text-align:center}.name-label{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:14px}input[type=text],#head-name{font:inherit;border:1px solid #b4bdb1;background:white;padding:12px;border-radius:8px;min-height:44px}.note{font-size:12px}#photo-error,#page-error{color:#9b3f29}.progress-content{max-width:460px;margin:auto;text-align:center}.loading-avatar{max-width:290px;margin:12px auto 28px;border:0}.progress-content h1{font-size:24px}.progress-content .button,.progress-content button{width:100%;margin-top:12px}.progress-bar{height:12px;overflow:hidden;background:#d8dcd7;border-radius:12px}.progress-bar span{display:block;height:100%;width:35%;background:#6d9472;border-radius:12px;animation:loading 1.7s ease-in-out infinite alternate}.progress-bar.stopped span{animation:none;width:0}.head-card .progress-bar{height:7px;max-width:300px;margin:10px 0}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(290%)}}:focus-visible{outline:3px solid #54775b;outline-offset:3px}@media(prefers-reduced-motion:reduce){.progress-bar span{animation:none;transform:translateX(95%)}}@media(max-width:550px){main{padding:20px 14px 35px}.photo-grid{gap:7px}.photo-slot strong{font-size:12px}.photo-slot .choose{font-size:12px}.head-card{gap:12px}.head-card .card-image{width:82px;height:102px}.page-heading h1{font-size:24px}.page-heading button{font-size:13px}}