.sheet__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0c0c106b}.sheet{position:fixed;z-index:41;left:0;right:0;bottom:0;width:100%;max-width:430px;margin-inline:auto;max-height:86dvh;display:flex;flex-direction:column;border-radius:var(--r-sheet) var(--r-sheet) 0 0;background:#fff;color:var(--text-1);box-shadow:0 -10px 40px #0c0c1238}.sheet--dark{background:#131315;color:var(--rec-text)}.sheet__grip{width:40px;height:4px;border-radius:2px;background:var(--hairline);margin:10px auto 0}.sheet--dark .sheet__grip{background:#34343a}.sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5) var(--sp-2)}.sheet__title{margin:0;font-size:var(--fs-h3);font-weight:700}.sheet__desc{margin:4px 0 0;font-size:var(--fs-small);color:var(--text-2)}.sheet--dark .sheet__desc{color:var(--rec-text-dim)}.sheet__body{overflow-y:auto;padding:var(--sp-2) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.sheet__footer{padding:var(--sp-3) var(--sp-5) calc(var(--safe-bottom) + var(--sp-5));border-top:1px solid var(--hairline)}.sheet--dark .sheet__footer{border-color:#26262a}:root{--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--fs-metric-xl: 44px;--fs-metric-l: 36px;--fs-h1: 28px;--fs-h2: 24px;--fs-h3: 18px;--fs-body: 16px;--fs-caption: 14px;--fs-small: 13px;--fs-badge: 12px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--gutter: 20px;--block-gap: 24px;--r-pill: 9999px;--r-card: 20px;--r-photo: 28px;--r-glass: 48px;--r-sheet: 24px;--r-chip: 12px;--tap-min: 48px;--icon: 24px;--icon-stroke: 1.6;--brand: #3c90f2;--welcome-bg: #d8c6bc;--home-bg: #ffffff;--home-surface: #f6f6f7;--text-1: #111111;--text-2: #666666;--text-3: #9a9a9e;--hairline: #e8e8ea;--rec-bg: #050505;--rec-card: #222222;--rec-chip: #2e2e30;--rec-tile: #1a1a1c;--rec-text: #ffffff;--rec-text-dim: #9b9b9f;--accent: #ff6a1a;--st-ok: #1f7a4d;--st-mild: #8a6a12;--st-watch: #b3421e;--st-hold: #6b6b70;--st-none: #9a9a9e;--glass-olive: #68754c;--glass-beige: #d9cabb;--glass-lavender: #a69bce;--spring-fast: .16s cubic-bezier(.22, 1, .36, 1);--spring-base: .24s cubic-bezier(.22, 1, .36, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;color:var(--text-1);background:#e9e9ec;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}svg.ico{width:var(--icon);height:var(--icon);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none}.tap{min-width:var(--tap-min);min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;border-radius:var(--r-pill);transition:background var(--spring-fast),transform var(--spring-fast)}.tap:active{transform:scale(.96)}.tap:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.tap:active{transform:none}}@font-face{font-family:Wordmark210;src:local("210 시적허용"),local("210Sijeokheoyong"),local("Design210 시적허용"),local("210 시적허용 R"),url(/fonts/210Sijeokheoyong.woff2) format("woff2"),url(/fonts/210Sijeokheoyong.woff) format("woff");font-display:swap}:root{--font-wordmark: "Wordmark210", "Gothic A1", var(--font-sans)}.phone{position:relative;width:100%;max-width:430px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--home-bg)}@media(min-width:480px){.phone{box-shadow:0 24px 60px #14141a2e}}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.screen--light{background:var(--home-bg);color:var(--text-1)}.screen--dark{background:var(--rec-bg);color:var(--rec-text)}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.pad{padding-inline:var(--gutter)}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}.screen{animation:screen-fade .14s ease-out}.appbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:calc(var(--safe-top) + 12px) var(--gutter) var(--sp-4)}.wordmark{font-family:var(--font-wordmark);margin:0;display:inline-flex;align-items:center;gap:9px;color:var(--brand)}.wordmark__logo{width:48px;height:48px;display:block;flex:none;object-fit:contain}.wordmark__text{display:flex;flex-direction:column;font-size:24px;font-weight:400;line-height:1;letter-spacing:-.5px;transform:scaleX(.88);transform-origin:left center}.wordmark__text>span{display:block}.appbar__title{font-size:17px;font-weight:600;margin:0}.tabs{display:flex;padding-inline:var(--gutter)}.tab{flex:1;background:none;border:0;padding:var(--sp-1) 0 0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);color:var(--text-3);font-size:15px;font-weight:500}.tab[aria-selected=true]{color:var(--text-1)}.tab__rule{width:100%;height:1px;background:var(--hairline);transition:background var(--spring-fast)}.tab[aria-selected=true] .tab__rule{height:2px;background:var(--text-1)}.photo-card{position:relative;flex:1;min-height:320px;margin:var(--sp-5) var(--gutter) var(--sp-4);border-radius:var(--r-photo);overflow:hidden;background:var(--home-surface);display:flex;align-items:center;justify-content:center}.feed{display:flex;flex-direction:column;padding-bottom:var(--sp-6)}.feed-item{display:flex;flex-direction:column}.feed-item__caption{margin:0 0 var(--sp-5);padding-inline:var(--gutter)}.feed__end{margin:0;padding:var(--sp-2) var(--gutter) var(--sp-6);text-align:center}.photo-card--feed{flex:none;aspect-ratio:3 / 4;min-height:0;height:auto;margin-bottom:var(--sp-3)}.feed--single,.feed--single .feed-item{flex:1;min-height:0}.feed--single .photo-card--feed{flex:1;aspect-ratio:auto;min-height:240px}.photo-card__img{width:100%;height:100%;object-fit:cover;display:block}.photo-card__img--contain{object-fit:contain;background:var(--home-surface)}.photo-card--fit{flex:none;aspect-ratio:3 / 4;height:auto;min-height:0}.photo-card__empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-6);color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-pill);background:#fff;color:var(--text-1);font-size:var(--fs-small);font-weight:500;box-shadow:0 2px 10px #0000001a}.photo-card__badge{position:absolute;top:16px;left:16px}.tool-capsule{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:2px;padding:6px;border-radius:var(--r-pill);background:#ffffff9e;-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%);box-shadow:0 4px 16px #0000001f}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.tool-capsule{background:#fffffff0}}[data-transparency=reduced] .tool-capsule{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.tool-capsule .tap{min-width:46px;min-height:42px;color:var(--text-1)}.tool-capsule .tap[aria-pressed=true]{background:#1111111a}.bottombar{display:flex;align-items:center;padding:var(--sp-2) var(--sp-4) calc(var(--safe-bottom) + var(--sp-6));background:#fff;border-top:1px solid var(--hairline)}.bottombar__item{flex:1;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:56px;justify-content:center;color:var(--text-3);font-size:11px;font-weight:500}.bottombar__item[aria-current=page]{color:var(--text-1)}.bottombar__fab{flex:none;width:56px;height:56px;border-radius:var(--r-pill);background:var(--text-1);color:#fff;border:0;display:flex;align-items:center;justify-content:center;transition:transform var(--spring-fast);margin-inline:var(--sp-2)}.bottombar__fab:active{transform:scale(.96)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap-min);padding:13px var(--sp-6);border-radius:var(--r-pill);border:1px solid transparent;font-size:15px;font-weight:600;transition:transform var(--spring-fast),opacity var(--spring-fast)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--primary{background:var(--text-1);color:#fff}.btn--onDark{background:#fff;color:var(--text-1)}.btn--ghost{background:transparent;color:var(--text-1);border-color:var(--hairline)}.btn--ghostDark{background:transparent;color:#fff;border-color:#ffffff3d}.btn--block{width:100%}.card{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-card);padding:var(--sp-4)}.card--dark{background:var(--rec-card);border-color:transparent;color:var(--rec-text)}.stack{display:flex;flex-direction:column;gap:var(--block-gap)}.stack--tight{gap:var(--sp-3)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row--between{justify-content:space-between}.muted{color:var(--text-2);font-size:var(--fs-caption)}.muted--dark{color:var(--rec-text-dim)}.tiny{font-size:var(--fs-small)}.status{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:8px;font-size:var(--fs-badge);font-weight:600;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status--within-rule{background:#e7f3ec;color:var(--st-ok)}.status--mild{background:#f7f0dc;color:var(--st-mild)}.status--observed{background:#fae7e0;color:var(--st-watch)}.status--inconclusive,.status--retake{background:#eeeef0;color:var(--st-hold)}.status--not-captured{background:#f4f4f5;color:var(--st-none)}.notice{display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-chip);background:#f6f6f7;color:var(--text-2);font-size:var(--fs-small);line-height:1.45}.notice--warn{background:#fdf3ee;color:#8a4423}.notice--dark{background:#191919;color:var(--rec-text-dim)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);text-align:center;padding:var(--sp-10) var(--sp-6);color:var(--text-2)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 96px);z-index:30;max-width:min(390px,calc(100% - 40px));padding:12px 18px;border-radius:var(--r-pill);background:#111111eb;color:#fff;font-size:var(--fs-small);text-align:center;box-shadow:0 8px 24px #0000003d;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.scroll,.glass-surface,.glass-scroll,.sheet__body,.phone,body{scrollbar-width:none;-ms-overflow-style:none}.scroll::-webkit-scrollbar,.glass-surface::-webkit-scrollbar,.glass-scroll::-webkit-scrollbar,.sheet__body::-webkit-scrollbar,.phone::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}.welcome{background:var(--welcome-bg);padding-top:calc(var(--safe-top) + 54px)}.welcome__sheet{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;border-radius:28px 28px 0 0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.welcome__sheet::-webkit-scrollbar{width:0;height:0;display:none}.welcome__cluster{position:relative;flex:none;width:min(100%,46dvh);aspect-ratio:1 / 1;margin:var(--sp-4) auto 0}.welcome__slot{position:absolute;transform:translate(-50%,-50%);width:11.8%;height:11.8%;min-width:28px;min-height:28px;max-width:48px;max-height:48px}.welcome__slot--tile{width:28%;height:28%;min-width:68px;min-height:68px;max-width:116px;max-height:116px}.welcome__icon{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center}.welcome__icon svg.ico{width:55%;height:55%}.welcome__tile{width:100%;height:100%;display:block;object-fit:contain}.welcome__copy{padding:var(--sp-2) var(--sp-10) 0;display:flex;flex-direction:column;gap:var(--sp-3);width:100%;max-width:34rem;margin-inline:auto}.welcome__title{margin:0;font-size:32px;font-weight:800;letter-spacing:-.8px;line-height:1.25;color:var(--text-1)}.welcome__lead{margin:0;font-size:17px;line-height:1.55;color:var(--text-2)}.welcome__note{margin:0;font-size:14px;line-height:1.5;color:var(--text-3)}.welcome__cta{margin-top:auto;padding:var(--sp-6) var(--sp-10) calc(var(--safe-bottom) + var(--sp-6));width:100%;max-width:34rem;margin-inline:auto}.welcome__button{background:var(--brand);color:#fff;font-size:17px;min-height:54px}@media(max-height:700px){.welcome__cluster{width:min(100%,38dvh)}.welcome__title{font-size:28px}.welcome__lead{font-size:16px}}.welcome-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--welcome-bg)}.app-layer{flex:1;min-height:0;display:flex;flex-direction:column}.arch-scene{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:0;color:#fff;background:linear-gradient(180deg,#55643c,#7c855f 18%,#bdb49a 40%,#cfc2b6 60%,#afa0cd 82%,#9385c2)}.arch-scene:before{content:"";position:absolute;inset:0 0 auto 0;height:34%;pointer-events:none;background:linear-gradient(180deg,rgb(0 0 0 / .22),transparent)}.arch-content{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--sp-6) var(--gutter) calc(var(--safe-bottom) + var(--sp-6));display:flex;flex-direction:column}.arch-inner{margin-block:auto;width:100%;display:flex;flex-direction:column;gap:var(--sp-4)}.arch-hairline{height:1px;background:#ffffff6b;border:0;margin:0}.arch-vline{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff6b}[data-transparency=reduced] .arch-scene{background:linear-gradient(180deg,#5b6842,#c6bcae 55%,#9b8dc4)}.metric{display:flex;flex-direction:column;gap:2px}.metric__value{font-size:var(--fs-metric-l);font-weight:300;letter-spacing:-.8px;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 10px rgb(0 0 0 / .22)}.metric__value--xl{font-size:var(--fs-metric-xl)}.metric__label{font-size:var(--fs-small);color:#ffffffe0}.metric__value--empty{font-size:var(--fs-h3);color:#ffffffeb;letter-spacing:0}.needs-scrim{background:#191b249e;color:#fff;border-radius:var(--r-chip);padding:var(--sp-2) var(--sp-3)}.metric-detail{background:#fff;color:#111;border-radius:var(--r-sheet)}.camera{position:relative;flex:1;overflow:hidden;background:#1b1b1d;display:flex;align-items:center;justify-content:center}.camera__video{width:100%;height:100%;object-fit:contain;display:block;background:#1b1b1d}.camera__guide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.camera__corner{position:absolute;width:56px;height:56px;border:3px solid #111;border-radius:18px 0 0;border-right-color:transparent;border-bottom-color:transparent}.camera__corner--tl{top:18%;left:12%}.camera__corner--tr{top:18%;right:12%;transform:rotate(90deg)}.camera__corner--br{bottom:18%;right:12%;transform:rotate(180deg)}.camera__corner--bl{bottom:18%;left:12%;transform:rotate(270deg)}.camera__scan{position:absolute;left:12%;right:12%;height:2px;background:#ffffffe6;box-shadow:0 0 10px #ffffffb3;animation:scanline 3.2s ease-in-out infinite alternate}@keyframes scanline{0%{top:20%}to{top:78%}}@media(prefers-reduced-motion:reduce){.camera__scan{animation:none;top:50%}}.frosted{background:#fffc;-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);color:var(--text-1);box-shadow:0 4px 18px #00000029}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.frosted{background:#fffffff2}}.camera[data-scene=dark] .frosted{background:#141416b8;color:#fff}.camera__controls{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + var(--sp-5));display:flex;align-items:center;justify-content:space-between;padding-inline:var(--sp-6)}.shutter{width:76px;height:76px;border-radius:var(--r-pill);background:#fff;border:3px solid #111;transition:transform var(--spring-fast)}.shutter:active{transform:scale(.94)}.shutter:disabled{opacity:.5}.glass-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;flex:1}.arch-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:calc(var(--safe-top) + 12px) var(--gutter) var(--sp-2)}.arch-topbar__title{font-size:15px;font-weight:600;color:#fff}.arch-round{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:var(--r-pill);background:#ffffff38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}.arch-round:disabled{opacity:.5}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.arch-round{background:#ffffff57}}[data-transparency=reduced] .arch-round{background:#ffffff57;backdrop-filter:none;-webkit-backdrop-filter:none}.arch-linkbtn{align-self:center;background:none;border:0;color:#fff;text-decoration:underline;min-height:40px}.arch-cta{background:#fff;color:var(--text-1);align-self:stretch;margin-top:var(--sp-2)}.arch-note{margin:0}