:root{--bg: #f5f7fa;--surface: #ffffff;--surface-2: #f0f4fa;--text: #3f4147;--muted: #7b808b;--line: #e1e6ee;--blue: #4a7fc4;--blue-dark: #3c63ae;--orange: #eaa443;--orange-text: #a9640f;--orange-soft: #fff4e2;--green: #7cbf96;--green-text: #3d8a5c;--shadow: 0 6px 20px rgba(40, 70, 130, .14);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;word-break:keep-all}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.app{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);transition:background-color .25s ease}.app.is-level{background:var(--green)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.measure{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vmin;padding:6vmin;width:100%;height:100%}.stage.landscape .measure{width:100vh;width:100dvh;height:100vw;height:100dvw;transform:rotate(-90deg);gap:3vmin}.measure-logo{display:block;height:30px;width:auto}.landscape .measure-logo{height:7vmin}.gauge{display:block;width:min(100%,94vmin);height:auto;filter:drop-shadow(0 8px 18px rgba(40,70,130,.28))}.measure-main{display:flex;flex-direction:column;align-items:center;gap:4vmin;width:100%}.measure-side{width:min(100%,94vmin);display:flex;flex-direction:column;align-items:center;gap:12px}.landscape .measure-main{flex-direction:row;justify-content:center;gap:3vmin}.landscape .measure-side{width:136px;flex-shrink:0}.landscape .gauge{flex-shrink:0;height:auto;width:min(163vmin,calc(100vh - 12vmin - 150px));width:min(163vmin,calc(100dvh - 12vmin - 150px))}.landscape .capture-btn{font-size:18px}.app.rotated .toolbar{top:auto;right:auto;left:10px;bottom:calc(env(safe-area-inset-bottom) + 10px);flex-direction:column}.capture-panel{width:100%;display:flex;flex-direction:column;gap:8px}.capture-btn{position:relative;overflow:hidden;width:100%;border:1px solid var(--line);border-radius:14px;padding:18px 10px;font-size:20px;font-weight:800;background:var(--surface);color:var(--muted);box-shadow:var(--shadow)}.landscape .capture-btn{min-height:110px}.capture-btn:disabled{opacity:1;cursor:default}.capture-fill{position:absolute;inset:0 auto 0 0;background:#4a7fc429;transition:width .1s linear}.capture-text{position:relative}.capture-btn.ready{border-color:transparent;background:linear-gradient(180deg,var(--blue),var(--blue-dark));color:#fff}.capture-btn.ready .capture-fill{display:none}.capture-btn.resume{background:var(--orange-soft);border-color:var(--orange);color:var(--orange-text);font-size:18px}.capture-btn.save{border-color:transparent;background:linear-gradient(180deg,var(--blue),var(--blue-dark));color:#fff}.landscape .capture-btn.save,.landscape .capture-btn.resume{min-height:0;padding:14px 8px}.landscape .capture-btn.save{min-height:72px}.capture-status{margin:0;text-align:center;font-size:15px;font-weight:700;color:var(--green-text)}.is-level .capture-status{color:#1f4d31}.referral{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px;line-height:1.35;color:var(--muted)}.referral strong{font-size:15px;white-space:nowrap}.referral span{white-space:nowrap}.referral.above{padding:8px 10px;border-radius:10px;background:#fff1e6;color:var(--orange-text);font-weight:700}.capture-list{list-style:none;margin:0;padding:8px 12px;background:var(--surface);border-radius:12px;box-shadow:0 1px 3px #2846821a;display:flex;flex-direction:column;gap:2px;font-size:15px}.portrait .capture-list{flex-direction:row;justify-content:space-around;text-align:center}.portrait .capture-list li{flex-direction:column}.capture-list li{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.capture-list li strong{color:var(--muted)}.capture-list li.filled strong{color:var(--text)}.capture-list li.average{color:var(--blue-dark);font-weight:700}.landscape .capture-list li.average{border-top:1px solid var(--line);padding-top:4px;margin-top:2px}.capture-list li.average strong{color:var(--blue-dark)}.gauge-number{fill:#fff;font-weight:700;font-variant-numeric:tabular-nums}.gauge-dir{fill:#ffd38a;font-size:34px;font-weight:700}.gauge-notch{fill:var(--bg);transition:fill .25s ease}.is-level .gauge-notch{fill:var(--green)}.gauge-tick{stroke:#fff;stroke-width:1.6}.gauge-label{fill:#fff;font-size:15px;font-weight:600}.gauge-side{fill:#ffffff73;font-size:22px;font-weight:700}.gauge-side.active{fill:#ffd38a}.badge{border:1px solid var(--orange);background:var(--orange-soft);color:var(--orange-text);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.disclaimer{margin:0;text-align:center;font-size:12px;color:var(--muted)}.is-level .disclaimer{color:#14321eb3}.start{position:absolute;top:0;right:0;bottom:0;left:0;max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 48px) 16px calc(env(safe-area-inset-bottom) + 20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}.start-logo{width:140px;height:auto;margin-bottom:24px}.start-title{margin:0}.start-title h1{margin:0;font-size:24px;font-weight:800;color:var(--text)}.start-version{white-space:nowrap;font-size:12px}.start-title p{margin:4px 0 0;font-size:14px;color:var(--muted)}.start-title .start-title-en{margin-top:2px;font-size:15px;font-weight:600;letter-spacing:.12em;color:var(--blue-dark)}.notice{margin:0;font-size:16px;line-height:1.5;color:var(--muted)}.notice.warn,.warn{color:var(--orange-text)}.notice.ok,.ok{color:var(--green-text)}.btn{border:0;border-radius:14px;padding:14px 18px;font-size:18px;font-weight:700}.btn.primary{background:linear-gradient(180deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 4px 14px #3c63ae4d}.btn.ghost{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.btn.large{width:100%;padding:20px;font-size:22px}.text-button{border:0;background:none;color:var(--blue-dark);font-size:17px;font-weight:700;padding:8px}.toolbar{position:fixed;top:calc(env(safe-area-inset-top) + 10px);right:10px;display:flex;gap:10px}.tool{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);display:grid;place-items:center}.sim-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);background:var(--surface);border-top:1px solid var(--line);font-size:13px;color:var(--orange-text)}.sim-bar p{margin:0 0 6px}.sim-bar input{width:100%;accent-color:var(--blue)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;background:var(--bg);padding:calc(env(safe-area-inset-top) + 8px) 16px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:16px}.sheet>*{width:100%;max-width:480px;margin-left:auto;margin-right:auto}.sheet-header{display:flex;align-items:center;justify-content:space-between}.sheet-header h2{margin:0;font-size:28px}.card{background:var(--surface);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #28468214}.card h3{margin:0;font-size:14px;color:var(--blue-dark);font-weight:700;letter-spacing:.02em}.choice-list{display:flex;flex-direction:column;gap:8px}.choice{text-align:left;background:var(--surface-2);border:2px solid transparent;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.choice strong{font-size:17px}.choice span{font-size:14px;color:var(--muted);line-height:1.4}.choice.on{border-color:var(--blue);background:#eef4fc}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px}.row small{display:block;font-size:13px;color:var(--muted);margin-top:2px}.row input[type=checkbox]{width:26px;height:26px;accent-color:var(--blue)}.segmented{display:flex;background:var(--surface-2);border-radius:10px;padding:3px}.segmented button{flex:1;padding:10px;font-size:17px;background:transparent;color:var(--muted);border:0;border-radius:8px}.segmented button.on{background:var(--surface);color:var(--blue-dark);font-weight:700;box-shadow:0 1px 4px #2846822e}.hint{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}.button-row{display:flex;gap:10px}.button-row .btn.primary{flex:2}.button-row .btn.ghost{flex:1}.btn.danger{background:var(--surface);color:#c0392b;border:1px solid #f0c4bf}.save-value{align-items:center;text-align:center;gap:4px}.save-value-label{font-size:14px;color:var(--muted)}.save-value-num{font-size:44px;color:var(--blue-dark);font-variant-numeric:tabular-nums}.field-label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600}.field-label em{font-style:normal;font-size:12px;font-weight:600;color:var(--orange-text);margin-left:4px}.field-label em.optional{color:var(--muted)}.field{width:100%;font:inherit;font-size:17px;font-weight:400;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px;resize:vertical}.field:focus{outline:2px solid var(--blue);outline-offset:-1px;background:var(--surface)}.subject-list{display:flex;flex-wrap:wrap;gap:8px}.subject{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border-radius:12px;border:2px solid transparent;background:var(--surface-2);font-size:16px}.subject span{font-size:12px;color:var(--muted)}.subject.on{border-color:var(--blue);background:#eef4fc}.region-list{display:flex;gap:8px}.region{flex:1;padding:16px 8px;border-radius:12px;border:2px solid transparent;background:var(--surface-2);font-size:18px;font-weight:700;color:var(--muted)}.region.on{border-color:var(--blue);background:#eef4fc;color:var(--blue-dark)}.save-error{text-align:center}.toast{position:fixed;z-index:20;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;border-radius:999px;background:var(--text);color:#fff;font-size:16px;box-shadow:0 8px 24px #0003;width:max-content;max-width:calc(100vw - 32px)}.toast .text-button{color:#ffd38a;padding:4px 8px}.update-banner{position:fixed;z-index:30;left:50%;top:calc(env(safe-area-inset-top) + 12px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;border-radius:999px;background:var(--blue-dark);color:#fff;font-size:15px;white-space:nowrap;box-shadow:var(--shadow)}.update-banner .text-button{color:#ffd38a;padding:4px 8px}.build-info{margin-top:4px;font-size:11px}.text-button.back{padding-left:0}.subject-title{display:flex;align-items:baseline;gap:10px}.subject-title h2{margin:0;font-size:28px}.subject-title span{color:var(--muted);font-size:15px}.card.empty{text-align:center;gap:6px}.card.empty p{margin:0}.summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.summary{position:relative;width:100%;text-align:left;border:0;border-radius:16px;background:var(--surface);box-shadow:0 1px 3px #28468214;padding:14px 36px 14px 16px;display:flex;flex-direction:column;gap:8px}.summary-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.summary-head strong{font-size:18px}.summary-code{font-size:13px;color:var(--muted)}.summary-meta{margin-left:auto;font-size:13px;color:var(--muted)}.summary-values{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px}.summary-values>span{display:inline-flex;align-items:center;gap:6px}.summary-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--muted)}.trend-key{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.latest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.latest-tile{background:var(--surface-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.latest-region{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:600}.latest-value{font-size:26px;font-weight:700;color:var(--text)}.latest-date,.latest-prev{font-size:12px;color:var(--muted)}.trend{display:flex;flex-direction:column;gap:8px}.trend-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--text)}.trend-legend li{display:inline-flex;align-items:center;gap:6px}.trend-plot{position:relative;width:100%}.trend-plot svg{display:block;touch-action:pan-y;outline:none}.trend-plot svg:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}.trend-grid{stroke:var(--line);stroke-width:1}.trend-zero{stroke:#b9c1cd;stroke-width:1}.trend-cross{stroke:var(--muted);stroke-width:1}.trend-axis{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.trend-tooltip{position:absolute;top:4px;transform:translate(-50%);pointer-events:none;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px 10px;font-size:13px;min-width:130px;display:flex;flex-direction:column;gap:3px}.trend-tooltip-date{color:var(--muted);font-size:12px}.trend-tooltip-row{display:flex;align-items:center;gap:6px}.trend-tooltip-row .trend-key{width:12px;height:2px;border-radius:1px}.trend-tooltip-row strong{font-size:15px}.trend-tooltip-row span:last-child{color:var(--muted)}.trend-caption{margin:0;font-size:12px;color:var(--muted)}.record-list{list-style:none;margin:0;padding:0}.record{position:relative;padding:10px 56px 10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.record:first-child{border-top:0}.record-main{display:flex;align-items:center;gap:10px;font-size:15px}.record-date{color:var(--muted);font-size:13px;min-width:86px;font-variant-numeric:tabular-nums}.record-region{display:inline-flex;align-items:center;gap:6px;min-width:74px}.record-value{font-size:17px}.record-sub{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--muted)}.above-badge{color:var(--orange-text);font-weight:700}.latest-value.above{color:var(--orange-text)}.record-memo{color:var(--text)}.record-delete{position:absolute;right:0;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:var(--surface);color:#c0392b;border-radius:8px;padding:6px 10px;font-size:13px}.install-steps{margin:0;padding-left:22px;font-size:15px;line-height:1.6}.export-row{display:flex;gap:10px}.export-row .btn{flex:1;font-size:16px;color:var(--blue-dark)}.export-note{margin-top:-8px;font-size:12px}.print-report{display:none}@media print{@page{size:A4;margin:14mm}:root,html,body{height:auto;overflow:visible;background:#fff!important}#root{display:none!important}.print-report{display:block;color:#222;font-size:10.5pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-report h2{font-size:12pt;color:var(--blue-dark);margin:16px 0 6px}.pr-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--blue);padding-bottom:8px}.pr-header img{height:34px;width:auto}.pr-header div{text-align:right}.pr-header h1{margin:0;font-size:16pt}.pr-header p{margin:2px 0 0;color:#666;font-size:9pt}.pr-subject{display:flex;align-items:baseline;gap:14px;margin-top:12px;font-size:11pt;color:#555}.pr-subject strong{font-size:15pt;color:#222}.pr-table{width:100%;border-collapse:collapse}.pr-table th,.pr-table td{border-bottom:1px solid #ddd;padding:5px 6px;text-align:left;vertical-align:top}.pr-table th{background:#f0f4fa;font-weight:600;font-size:9.5pt}.pr-table tr{break-inside:avoid}.pr-strong{font-weight:700;white-space:nowrap}.pr-note{font-weight:400;color:var(--orange-text);font-size:9pt}.pr-chart{break-inside:avoid}.pr-footer{margin-top:18px;border-top:1px solid #ccc;padding-top:6px;font-size:9pt;color:#666}.pr-footer p{margin:2px 0}}.sheet-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:8px}.sheet-footer img{height:32px;width:auto;opacity:.9}
