.photo-local-note{color:#526078;background:#f4f6fa;border-radius:10px;margin:10px 0;padding:10px 14px;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.photo-dialog{color:#17243a;border:0;border-radius:18px;width:min(92vw,470px);max-height:92vh;padding:20px;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:auto;box-shadow:0 20px 80px #0004}.photo-dialog h2{margin:0 0 12px;font-size:21px}.photo-crop-canvas{aspect-ratio:1;object-fit:contain;touch-action:none;cursor:grab;background:#eee;border-radius:12px;width:100%;height:auto;max-height:55vh;display:block}.photo-dialog label{margin:12px 0;display:block}.photo-dialog input[type=range]{width:100%}.photo-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.photo-actions button,.photo-actions a,.photo-result-actions a{color:#fff;cursor:pointer;background:#ea4c89;border:0;border-radius:9px;padding:11px 20px;font:600 16px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;text-decoration:none}.photo-actions .secondary{color:#273650;background:#edf0f5}.photo-actions button:disabled{opacity:.5;cursor:wait}.photo-status{color:#526078;min-height:24px}.photo-error{color:#b42318}.photo-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0;display:flex}.photo-inline-result{max-width:100%;max-height:60vh;margin:auto;display:block}.photo-result-note{color:#526078;background:#f4f6fa;border-radius:10px;margin:12px 0;padding:12px;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.photo-local-note:empty,.photo-result-note:empty{display:none}.photo-dialog{box-sizing:border-box;color:#fff;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;box-shadow:none;background:#000;border:0;border-radius:0;margin:0;padding:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.photo-dialog::backdrop{background:#000}.photo-sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.photo-close{z-index:4;color:#fff;cursor:pointer;background:0 0;border:0;width:48px;height:48px;padding:0;font:300 56px/44px Arial;position:absolute;top:8px;right:14px}.photo-crop-viewport{justify-content:center;align-items:center;display:flex;position:absolute;top:20px;bottom:100px;left:60px;right:60px;overflow:hidden}.photo-crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;flex:none;position:relative;overflow:hidden}.photo-crop-canvas{aspect-ratio:auto;object-fit:fill;cursor:default;background:#111;border-radius:0;width:100%;height:100%;max-height:none;display:block}.photo-crop-selection{box-sizing:border-box;cursor:move;touch-action:none;border:1px solid #39a6f5;outline:none;position:absolute;box-shadow:0 0 0 9999px #0009}.photo-crop-selection:focus-visible{border:2px solid #fff}.photo-grid-x,.photo-grid-y{pointer-events:none;box-sizing:border-box;opacity:.6;position:absolute}.photo-grid-x{border-left:1px dashed #fff8;border-right:1px dashed #fff8;top:0;bottom:0;left:33.333%;right:33.333%}.photo-grid-y{border-top:1px dashed #fff8;border-bottom:1px dashed #fff8;top:33.333%;bottom:33.333%;left:0;right:0}.photo-crop-handle{box-sizing:border-box;z-index:2;background:#39a6f5;border:1px solid #b5ddff;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.photo-crop-handle:after{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.photo-crop-nw{cursor:nwse-resize;top:0;left:0}.photo-crop-n{cursor:ns-resize;top:0;left:50%}.photo-crop-ne{cursor:nesw-resize;top:0;left:100%}.photo-crop-e{cursor:ew-resize;top:50%;left:100%}.photo-crop-se{cursor:nwse-resize;top:100%;left:100%}.photo-crop-s{cursor:ns-resize;top:100%;left:50%}.photo-crop-sw{cursor:nesw-resize;top:100%;left:0}.photo-crop-w{cursor:ew-resize;top:50%;left:0}.photo-crop-toolbar{box-sizing:border-box;background:#000;justify-content:center;align-items:center;gap:24px;min-height:84px;padding:12px 24px;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.photo-crop-toolbar .photo-status{color:#ccc;max-width:540px;margin:0;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.photo-crop-toolbar .photo-actions{flex:none;margin:0}.photo-dialog .photo-inline-result{margin-top:50px}.photo-dialog>.photo-actions{justify-content:center}.photo-dialog:not([open]){display:none}.photo-dialog[open]{height:100vh;z-index:10000;height:100vh;height:100dvh;display:block}@media (max-width:768px){.photo-crop-viewport{top:56px;bottom:130px;left:18px;right:18px}.photo-crop-toolbar{flex-direction:column;gap:8px;min-height:118px;padding:10px 16px}.photo-crop-toolbar .photo-status{text-align:center;font-size:12px}.photo-crop-toolbar .photo-actions{justify-content:center}.photo-close{top:3px;right:8px}.photo-crop-handle{width:10px;height:10px}}
#name-result{text-align:center;background:#fff;border-radius:18px;max-width:800px;margin:24px auto;padding:24px;box-shadow:0 4px 24px #0001}#name-result h2{margin:0 0 18px;font-size:26px}#name-result p{overflow-wrap:anywhere;line-height:1.6}.name-result-image{max-width:100%;height:auto;margin:16px auto;display:block}.name-score strong{color:#ef4b83;font-size:64px;display:block}.name-score progress{accent-color:#ef4b83;width:min(90%,400px);height:22px}#name-result button{color:#fff;cursor:pointer;background:#ed487e;border:0;border-radius:28px;padding:14px 32px;font-size:18px}.name-error{color:#a21d37;text-align:center;font-weight:600}.submit-btn,#submit{cursor:pointer}input:focus-visible{outline-offset:3px;outline:3px solid #8353cc}[role=button]:focus-visible{outline-offset:3px;outline:3px solid #8353cc}[hidden]{display:none!important}#name-container .enter-date input{opacity:1!important;display:block!important}#name-container .enter-date span{display:none}#name-container .enter-date input{font:inherit;background:0 0;border:0;visibility:visible!important;text-align:center!important;width:100%!important;height:100%!important;min-height:40px!important;padding:0!important;position:static!important}#name-container .enter-date{padding:0 4px!important;font-size:17px!important}#name-container .enter-date .month,#name-container .enter-date .day{width:24px!important;min-width:24px!important}#name-container .enter-date .year{width:44px!important;min-width:44px!important}#name-container .enter-date .split-line{padding:0 1px!important}#name-result p{font-size:18px!important}#name-result h3{font-size:24px!important}#name-container .enter-date .month,#name-container .enter-date .day{width:26px!important;min-width:26px!important;margin:0!important}#name-container .enter-date .year{width:46px!important;min-width:46px!important;margin:0!important}#name-container .enter-date input{letter-spacing:0!important;font-size:16px!important}#name-container .enter-date{line-height:normal!important}.name-score progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eeeaf1;border:0;border-radius:20px;margin:12px auto;display:block;overflow:hidden}.name-score progress::-webkit-progress-bar{background:#eeeaf1;border-radius:20px}.name-score progress::-webkit-progress-value{background:#ef4b83;border-radius:20px}.name-score progress::-moz-progress-bar{background:#ef4b83;border-radius:20px}
