@import url('./fonts/pretendard.css');
:root{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#292536;background:#f5f3fa;font-synthesis:none;--blue:#6848e8;--muted:#8b879a}*{box-sizing:border-box}body{margin:0}header{max-width:1160px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:#6848e8;font-size:25px;font-weight:900;letter-spacing:-1px}.brand small{display:inline-block;font-size:10px;letter-spacing:2px;margin-left:10px;color:#9690aa}.pill,.tag{background:#eee8ff;color:#6b4bc1;border-radius:20px;padding:7px 12px;font-size:12px}main{max-width:1100px;margin:auto;padding:12px 28px 70px}h1{font-size:36px;letter-spacing:-1.5px;margin:10px 0}h2{font-size:21px;margin:0 0 20px}h3{margin:0 0 12px;font-size:17px}p{line-height:1.7}.muted,small{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:2px;color:#6848e8;font-weight:bold}.hero{display:flex;align-items:center;justify-content:space-between;margin:18px 0 28px;gap:20px}.hero p{margin:10px 0}.card{background:white;border:1px solid #eeebf3;border-radius:22px;padding:26px;margin-bottom:20px;box-shadow:0 5px 20px #34235b06}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stat{background:#fff;border:1px solid #eeebf3;border-radius:18px;padding:22px}.stat strong{display:block;font-size:29px;margin-top:9px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:15px}.field{display:grid;gap:8px;font-size:13px;font-weight:bold}.field input,.field select,.field textarea{width:100%}input,select,textarea{font:inherit;padding:13px;border:1px solid #e6e1ef;border-radius:11px;color:#292536;background:#fff;min-width:0}textarea{min-height:140px;resize:vertical}button,.button{font:inherit;border:0;border-radius:12px;padding:13px 20px;background:#f0ecf9;color:#6c568e;cursor:pointer;text-decoration:none;display:inline-block;font-weight:700;touch-action:manipulation}button:hover,.button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#6848e8;color:#fff}.danger{color:#a83333;background:#fff0ef}.outline{border:1px solid #e6e1ef;background:white}.big{padding:19px 28px;font-size:20px}.timer{font-variant-numeric:tabular-nums;font-size:clamp(52px,12vw,95px);font-weight:900;letter-spacing:-4px;text-align:center;margin:20px 0}.touch{width:100%;min-height:190px;font-size:35px;border-radius:24px;background:#6848e8;color:white;user-select:none}.touch.running{background:#c5f398;color:#324724}.arrivals{display:flex;gap:12px;margin:18px 0}.arrival{flex:1;background:#f3effc;border-radius:16px;padding:20px;text-align:center}.arrival strong{display:block;font-size:32px;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tabs .active{background:#292536;color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:16px 10px;border-bottom:1px solid #f0edf5;white-space:nowrap}th{font-size:12px;color:#8b879a;font-weight:500}.empty{padding:30px;text-align:center;color:#8b879a}.notice{background:#f8f5e9;border:1px solid #ede5c4;color:#817452;border-radius:12px;padding:14px;line-height:1.6;font-size:13px}.photo{max-width:100%;height:160px;object-fit:cover;border-radius:14px}.checklist{max-height:300px;overflow:auto}.checkrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0edf5}.checkrow input{width:19px;height:19px}.certificate{max-width:330px;width:100%;border-radius:12px;box-shadow:0 12px 35px #4c328a20}.qr{width:220px;max-width:100%}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.link{word-break:break-all;font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#292536;color:#fff;border-radius:14px;padding:16px 22px;max-width:90%;z-index:20;display:none}#toast.show{display:block}.back{margin-bottom:12px}.code{font-variant-numeric:tabular-nums;font-weight:bold;font-size:18px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #b6a4ff;outline-offset:2px}.photo-position{max-width:330px}hr{border:0;border-top:1px solid #eeebf5;margin:24px 0}@media(max-width:700px){header{padding:20px}.brand small{display:none}main{padding:8px 16px 45px}.hero{align-items:flex-start;flex-direction:column}h1{font-size:29px}.card{padding:20px;border-radius:18px}.grid,.split{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:15px 10px}.stat strong{font-size:23px}.row>*{max-width:100%}.timer{letter-spacing:-2px}.touch{min-height:180px}.arrivals{gap:8px}.arrival{padding:16px 8px}.arrival strong{font-size:29px}th,td{padding:14px 8px}.tabs button{flex:1;padding:12px 8px;font-size:13px}.pill{font-size:10px}.big{width:100%}}

html{overscroll-behavior-y:contain}body{padding-bottom:env(safe-area-inset-bottom)}.measure-card>.grid{margin-top:20px}button{min-height:44px}input,select,textarea{font-size:16px}.measuring header{padding-top:13px;padding-bottom:13px}.measuring .hero{margin:8px 0 16px}.measuring .hero h1{font-size:28px}.measuring .hero p{margin:6px 0;font-size:13px}.measuring .timer{margin:14px 0}.mobile-results{display:none}@media(max-width:700px){.measuring .measure-card{padding:16px}.measuring .measure-card>.grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.measuring .field{font-size:12px}.measuring .timer{font-size:65px;margin:14px 0}.measuring .touch{min-height:145px;font-size:30px}.measuring .touch.running{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 32px);z-index:10;box-shadow:0 8px 35px #7b56c629}.measuring:has(.touch.running){padding-bottom:180px}.measuring .arrival strong{font-size:28px}.measuring .card .muted{font-size:12px}.measuring #binding .grid{grid-template-columns:1fr 1fr}.desktop-results{display:none}.mobile-results{display:grid;gap:12px;margin-top:20px}.result-card{padding:16px;border-radius:14px;border:1px solid #ece6f7}.result-card strong{font-size:23px}.result-card .rank{font-size:14px;color:#8b879a}.result-card small{font-size:12px}.mobile-results .row{gap:8px}.stats small{font-size:11px}.stats .stat strong small{font-size:10px}.brand{font-size:23px}}

/* 참고 이미지: 보라색 포인트, 부드러운 그라데이션, 흰 카드, 연두색 측정 상태 */
:root{--blue:#6848e8;--muted:#8b879a;background:#f6f4fb;color:#292536}body{background:radial-gradient(ellipse at 0% 12%,#ffeef4 0,transparent 44%),radial-gradient(ellipse at 100% 4%,#e3dcff 0,transparent 48%),radial-gradient(ellipse at 100% 85%,#e8f8ee 0,transparent 40%),#f6f4fb;min-height:100vh}header{padding-top:23px;padding-bottom:23px}.brand{color:#6848e8;letter-spacing:-1.2px;font-weight:900}.brand small{color:#a092c2;font-size:9px}.pill,.tag{background:#ede7ff;color:#795dc1;border:1px solid #e2d9fa}.eyebrow{color:#8b72cb;letter-spacing:1.6px}.hero h1{font-weight:900;color:#292536}.hero p{color:#8e869e}.card{border:1px solid #ffffff;border-radius:24px;box-shadow:0 4px 16px #52407608;background:#ffffffed}.stat{border:1px solid #ffffff;background:#ffffffd9;border-radius:20px;box-shadow:0 3px 12px #66518906}.stat strong{color:#5f43c7;font-weight:900}.stat:nth-child(2){background:#f9f5ff}.stat:nth-child(3){background:#f2fbf3}.stat:nth-child(3) strong{color:#5d8551}.field{color:#726a83;font-weight:600;gap:9px}input,select,textarea{border:1px solid #ebe6f2;background:#fcfbfe;border-radius:14px;color:#3e374c;padding:14px}input::placeholder,textarea::placeholder{color:#b3acbf}button,.button{border-radius:16px;color:#79688f;background:#f2eef9;font-weight:700}.primary{background:#6848e8;color:#fff;box-shadow:0 5px 15px #6848e818}.outline{border:1px solid #eae4f4;background:#fff;color:#7f709b}.danger{color:#bc8191;background:#fff3f6}.big{border-radius:18px}.tabs{padding:5px;border-radius:24px;background:#ffffff6b;gap:6px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{background:transparent;border-radius:20px;white-space:nowrap;color:#9387aa;font-size:13px}.tabs button.active{background:#7458de;color:white;box-shadow:0 4px 12px #6d4ddc20}.timer{color:#3d2e5b}.touch{border-radius:26px;background:#6848e8;color:#fff;box-shadow:0 9px 25px #6848e823;font-weight:800;letter-spacing:-1px}.touch.running{background:#c5f398;color:#36502c;box-shadow:0 9px 25px #93be7928}.arrival{border:1px solid #e8ddff;background:#f6f1ff;border-radius:20px}.arrival small{color:#9a85ba}.arrival strong{color:#6b4bc1}.notice{background:#f8f6ef;border-color:#eeead8;color:#91856a}.result-card{border-color:#eee8f7;border-radius:18px;background:#fff}.result-card strong{color:#6543c5}.result-card:first-child{background:linear-gradient(115deg,#f4efff,#f9f7ff)}.result-card .rank{display:inline-block;padding:5px 9px;background:#ede7ff;color:#8a6bc7;border-radius:10px;margin-right:5px}.checkrow{border-color:#f2edf8}input[type=checkbox]{accent-color:#7752e2}input[type=range]{accent-color:#8c70e9}th{color:#a092b3}td{border-color:#f3eff8}#toast{background:#5c438d;box-shadow:0 8px 30px #4c328b23}.certificate{box-shadow:0 12px 35px #7555a321}.measuring header{background:#ffffff55}.measuring .hero h1{color:#39294d}.measuring .timer{font-weight:900}summary{color:#9b8ab0;font-size:13px;cursor:pointer;padding:15px 0}.checklist{padding:0 3px}.measuring .touch:disabled{background:#e8e0fa;color:#a295bd;box-shadow:none;opacity:1}@media(max-width:700px){header{padding:18px 20px}.card{border-radius:22px}.tabs{gap:5px;margin-top:20px;padding:4px}.tabs button{flex:0 0 auto;min-width:88px;padding:12px 15px}.hero h1{font-size:29px;line-height:1.35}.hero{margin-top:14px}.stat{border-radius:18px}.stat strong{font-size:24px}.measuring .measure-card{border-radius:23px}.measuring .touch.running{box-shadow:0 8px 30px #8865b527}.measuring .hero h1{font-size:29px}.back{border-radius:14px;padding:12px 16px}.result-card{padding:17px}.card h2{font-size:19px;color:#41334f}.touch{min-height:148px}}

.stat{display:flex;flex-direction:column;justify-content:space-between}.stat>small{min-height:34px}.stat strong{margin-top:10px}@media(max-width:700px){.row.between:has(#measure){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.row.between #measure{font-size:18px;padding:18px 12px}.row.between #rename{font-size:11px;padding:10px;min-height:48px;max-width:80px}.card>.row:has(#session){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.card>.row:has(#session) input,.card>.row:has(#session) select{width:100%;padding-left:9px;padding-right:8px;font-size:14px}.stat>small{min-height:46px}.stat strong{font-size:24px}}

/* 앱 탐색과 기본 글꼴 */
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic','Apple SD Gothic Neo',sans-serif;letter-spacing:-.25px}body{background:#f3f4f8;padding-bottom:calc(86px + env(safe-area-inset-bottom))}header{position:sticky;top:0;z-index:15;background:#f3f4f8ed;backdrop-filter:blur(12px);max-width:1100px;padding:18px 28px}.brand{font-size:22px;letter-spacing:-.8px;color:#272631;font-weight:750}.header-actions{display:flex;gap:10px;align-items:center}.environment-label{font-size:10px;color:#aaa7b5}.header-actions button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:11px;min-height:34px;background:#fff;color:#6e6a79;font-size:12px}.header-actions svg{width:17px;height:17px}.hero{margin:8px 0 22px}.hero h1,.measuring .hero h1{font-size:25px;line-height:1.4;letter-spacing:-.8px;font-weight:750;color:#292832}.hero p{font-size:13px;line-height:1.6;margin-top:7px;color:#928d9b}.eyebrow{display:none}h2{font-weight:650}.card{border:0;background:white;border-radius:18px;box-shadow:none}.stat{box-shadow:none;border:0;border-radius:16px}.stat strong{font-weight:700}.stat:nth-child(2){background:#f2effb}.stat:nth-child(3){background:#f0f7ef}button,.button{font-weight:600;font-size:14px;border-radius:12px}.primary{box-shadow:none;background:#7154df}.big{font-size:17px}.touch{box-shadow:none;border-radius:20px;font-size:30px;font-weight:700;letter-spacing:-.6px}.plain-back{background:transparent;padding:5px 0;color:#9b96a6;min-height:32px;font-size:13px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;width:100%;max-width:1100px;z-index:30;background:#fff;border-top:1px solid #eeedf3;padding:9px 12px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #30293e03}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;background:transparent;color:#aaa6b1;border-radius:0;font-size:11px;line-height:1.4;font-weight:500;padding:4px 8px}.bottom-nav svg{width:22px;height:22px}.bottom-nav button.active{color:#7250df;font-weight:650}.tabs{padding:0;background:transparent;border-radius:0;gap:20px;border-bottom:1px solid #e5e2ec;margin:17px 0 22px}.tabs button{padding:12px 0;border-radius:0;min-width:auto;background:transparent;color:#a3a0ad;font-size:13px}.tabs button.active{background:transparent;color:#514168;box-shadow:inset 0 -2px #7958dd}.result-card{border:0;border-radius:14px;background:#f8f8fb}.result-card:first-child{background:#f3f0fc}.result-card strong{font-size:22px;font-weight:650}.timer{font-size:70px;letter-spacing:-2.5px;font-weight:650;color:#34303f}.measuring .timer{font-weight:650}.arrival{border:0;border-radius:15px;background:#f2effa}.notice{border:0;background:#f7f6f0;font-size:12px}input,select,textarea{border-radius:11px;border:1px solid #efedf4;background:#fafafd;font-weight:400}.measuring header{background:#f3f4f8ed}.certificate{border-radius:9px}.pill{font-size:10px}@media(max-width:700px){header{padding:15px 20px}.hero h1,.measuring .hero h1{font-size:24px}.hero{margin-top:6px;margin-bottom:18px}.hero p{font-size:12px}.card{border-radius:18px;padding:19px}.tabs{gap:20px}.tabs button{min-width:auto;padding:11px 0;flex:0 0 auto}.stat>small{font-size:10px;line-height:1.6}.stat strong{font-size:23px}.measuring .touch.running{bottom:calc(86px + env(safe-area-inset-bottom));min-height:140px}.measuring:has(.touch.running){padding-bottom:calc(245px + env(safe-area-inset-bottom))}.measuring .measure-card{border-radius:18px}.measuring .hero h1{font-size:24px}.bottom-nav{max-width:none}.back{padding-left:0}.row.between #measure{font-size:16px}.bottom-nav button:active{background:#f7f4fc}.header-actions button{font-size:11px}}

[hidden]{display:none!important}.grid:has(.member-history){grid-template-columns:1fr;max-width:720px;margin:auto}.member-certificate #certificate{text-align:center}.member-certificate .row{justify-content:center}.member-certificate h2{text-align:center}.member-history table td{padding:14px 8px}@media(max-width:700px){.member-certificate .certificate{max-width:280px}.member-certificate{padding-bottom:23px}.member-history table{font-size:12px}}

:root{font-family:'Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}input,select,textarea,button{font-family:inherit}.bottom-nav button.active span{font-weight:650}

.measuring .measure-card>.grid:has([hidden]){grid-template-columns:1fr}.measuring #solo{accent-color:#7752e2}