:root{--ink:#1b3229;--deep:#113e31;--deep-2:#0b3027;--green:#278768;--sage:#d6e9d6;--mint:#edf5ed;--cream:#f7f7f1;--line:#dce5dc;--muted:#718078;--blue:#426b91;--amber:#a86a29;--shadow:0 16px 48px rgba(15,51,39,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.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}.section-wrap{max-width:1440px;margin:0 auto;padding-left:clamp(22px,4vw,68px);padding-right:clamp(22px,4vw,68px)}.site-shell{overflow:hidden}.eyebrow,.micro-label{letter-spacing:.17em;font-size:11px;font-weight:800;color:#387b60;margin:0 0 15px;text-transform:uppercase}.eyebrow.light{color:#add9bc}.micro-label{font-size:10px;letter-spacing:.14em;margin:0 0 7px;color:#6f8d7b}
.topbar{height:86px;max-width:1440px;margin:auto;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{height:42px;width:42px;border-radius:14px;background:var(--deep);color:#f0f7ea;display:grid;place-items:center;font-size:23px;font-style:italic;font-weight:800;font-family:Georgia,serif;position:relative;overflow:hidden}.brand-leaf{color:#9ad088;font-size:12px;position:absolute;top:5px;right:7px}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:18px;letter-spacing:-.035em}.brand-copy small{font-size:9px;letter-spacing:.2em;color:#64806e;margin-top:6px;font-weight:800}.top-links{display:flex;gap:34px;margin-left:auto}.top-links a{font-size:13px;color:#486257;font-weight:700;transition:color .15s}.top-links a:hover{color:var(--green)}.top-actions{display:flex;align-items:center;gap:18px}.provenance-pill{font-size:11px;font-weight:800;color:#406c55;white-space:nowrap}.provenance-pill span{display:inline-block;width:7px;height:7px;background:#62ac68;border-radius:50%;margin-right:6px;box-shadow:0 0 0 3px #e1efde}.header-jump{font-size:12px;font-weight:800;padding:11px 16px;border:1px solid #c9dacf;border-radius:8px;white-space:nowrap}.header-jump:hover{background:#e7f2e8}
.intro{min-height:530px;background:linear-gradient(123deg,#103f32 0%,#123d30 46%,#174d38 100%);color:white;position:relative;border-radius:24px;display:flex;align-items:center;overflow:hidden}.intro-copy{position:relative;z-index:2;width:58%;padding:72px 0 82px 6.5%}.intro h1{font-size:clamp(48px,5.3vw,78px);line-height:1.13;letter-spacing:-.07em;margin:0 0 24px;font-weight:750;word-break:keep-all}.intro h1 em{font-style:normal;color:#bce2b7}.intro-text{max-width:490px;font-size:15px;line-height:1.8;color:#c9ddd2;word-break:keep-all}.intro-meta{display:flex;gap:36px;margin-top:42px}.intro-meta>div{display:flex;flex-direction:column;gap:6px;border-left:1px solid #719782;padding-left:17px}.intro-meta strong{font-size:26px;letter-spacing:-.05em;font-weight:750}.intro-meta span{font-size:11px;color:#aed0bb}.intro-art{position:absolute;right:0;top:0;bottom:0;width:50%}.halo{position:absolute;border:1px solid rgba(173,222,180,.21);border-radius:50%;width:580px;height:580px;right:-50px;top:-75px}.halo-2{width:460px;height:460px;right:12px;top:-15px}.intro-photo{position:absolute;width:66%;height:68%;right:13%;top:16%;transform:rotate(5deg);border-radius:180px 180px 26px 26px;overflow:hidden;background:#447156 center/cover no-repeat;box-shadow:0 32px 80px rgba(0,19,11,.36);border:6px solid rgba(255,255,255,.1)}.intro-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(20deg,rgba(11,49,32,.4),transparent 55%)}.photo-stamp{position:absolute;bottom:18%;right:6%;background:#e8f5db;color:var(--deep);height:102px;width:102px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(13deg);font-size:10px;letter-spacing:.12em;box-shadow:0 12px 35px #06291f55}.photo-stamp b{font-size:11px;letter-spacing:.06em;margin-top:5px}.intro-foot{position:absolute;bottom:27px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;color:#a9c9b6;font-size:10px;letter-spacing:.16em;font-weight:800}
.story-band{padding-top:32px;padding-bottom:67px}.story-band>div{display:flex;gap:34px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:31px}.story-index{font-size:10px;font-weight:800;letter-spacing:.13em;color:#5d8b71;white-space:nowrap}.story-band p{margin:0;color:#587064;font-size:13px;line-height:1.6}.story-band strong{color:#224738}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.055em;margin:0 0 10px;font-weight:800}.section-heading p:not(.eyebrow){font-size:13px;color:#708276;margin:0;line-height:1.6}.section-tag{font-size:12px;border:1px solid #bbd2c2;border-radius:100px;padding:9px 13px;color:#357b5c;font-weight:800;white-space:nowrap}.date-stepper{display:flex;align-items:center;gap:10px;white-space:nowrap}.date-stepper button{border:1px solid #d7e4d9;background:#fff;border-radius:9px;width:39px;height:39px;color:var(--deep);font-size:18px;box-shadow:0 3px 12px #1d5a3122}.date-stepper button:hover{background:#e4f0e6}.date-stepper button:disabled{opacity:.35;cursor:default}.date-stepper span{font-size:13px;min-width:75px;text-align:center;font-weight:750}.panel{background:#fff;border:1px solid #dfe9e0;border-radius:18px;box-shadow:var(--shadow)}.explorer-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:stretch}.date-rail{padding:18px 10px 10px;display:flex;flex-direction:column;min-height:700px;max-height:1090px}.rail-head{display:flex;justify-content:space-between;padding:4px 10px 14px;gap:8px;align-items:center;border-bottom:1px solid #e9eee8;font-size:9px;letter-spacing:.1em;font-weight:800;color:#6d8774}.rail-head strong{font-size:12px;color:#205943}.date-list{overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px 0;align-content:start;scrollbar-color:#b7cabb transparent;scrollbar-width:thin}.date-group{grid-column:1/-1;color:#97a39a;font-weight:800;font-size:10px;letter-spacing:.12em;padding:13px 7px 5px}.date-chip{border:0;background:none;border-radius:8px;text-align:left;padding:10px 8px;color:#57685d;font-size:12px;font-weight:700}.date-chip:hover{background:#edf5ed;color:#1e5e43}.date-chip.active{background:#176447;color:#fff}.date-chip.active:after{content:"";float:right;width:5px;height:5px;background:#b6e99e;border-radius:50%;margin-top:6px}.rail-foot{border-top:1px solid #e9eee8;margin-top:auto;padding:14px 7px 5px;font-size:9px;color:#758a7a;line-height:1.8}.key-dot{height:5px;width:5px;background:#176447;border-radius:50%;display:inline-block;margin-right:4px}.key-dot.soft{background:#a9baa9;margin-left:9px}.explorer-main{min-width:0}.camera-panel{padding:21px}.panel-topline{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-topline h3{font-size:20px;letter-spacing:-.035em;margin:0}.quiet-badge{display:inline-flex;align-items:center;border-radius:999px;background:#f0f5ef;color:#5c7967;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap}.camera-tabs{display:flex;gap:6px;margin-bottom:13px}.camera-tabs button{padding:9px 14px;border:1px solid #dce8de;border-radius:8px;color:#567063;background:#f8fbf8;font-size:11px;font-weight:800}.camera-tabs button.active{color:#fff;background:var(--deep);border-color:var(--deep)}.camera-tabs button:not(.active):hover{border-color:#8bb99a}.photo-stage{height:clamp(250px,27vw,375px);position:relative;background:#dce7dc;border-radius:12px;overflow:hidden}.photo-stage img{display:block;width:100%;height:100%;object-fit:fill}.slot-overlay{position:absolute;inset:0}.slot-button{position:absolute;display:flex;align-items:start;justify-content:start;border:1px solid rgba(255,255,255,.55);background:rgba(8,43,29,.08);color:#fff;text-shadow:0 1px 4px #063620;transition:background .15s,border .15s;min-width:16px;min-height:14px}.slot-button span{font-size:9px;font-weight:900;background:rgba(5,45,31,.77);padding:2px 3px}.slot-button:hover{background:rgba(178,233,171,.23);border:2px solid #c4edaf;z-index:2}.slot-button.active{background:rgba(185,228,139,.23);border:2px solid #efffcf;z-index:3;box-shadow:0 0 0 2px #287d4e88 inset}.photo-stage.no-slots .slot-overlay{display:none}.photo-controls{position:absolute;bottom:0;left:0;right:0;padding:35px 14px 12px;display:flex;justify-content:space-between;align-items:end;gap:10px;color:#fff;font-size:11px;font-weight:700;background:linear-gradient(transparent,rgba(6,27,20,.72))}.glass-button{border:1px solid #ffffff8c;background:#f8fff023;color:#fff;font-size:10px;padding:7px 9px;border-radius:7px;backdrop-filter:blur(8px);white-space:nowrap}.glass-button:hover{background:#f8fff040}.photo-note{margin:12px 2px 0;display:flex;gap:7px;color:#74867b;font-size:11px;line-height:1.5}.photo-note strong{color:#3f6952}.tiny-icon{display:inline-grid;place-items:center;border-radius:50%;background:#e3eee3;color:#46745b;width:16px;height:16px;font-size:10px;font-weight:800;flex:none}.specimen-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(350px,1.2fr);gap:18px;margin-top:18px}.specimen-photo,.result-panel{padding:20px;min-height:388px}.crop-stage{height:240px;background:#eff4ee;border-radius:10px;overflow:hidden;position:relative;display:grid;place-items:center}.crop-stage canvas{display:block;width:100%;height:100%;object-fit:cover}.crop-empty{position:absolute;margin:20px;text-align:center;color:#809689;font-size:12px}.specimen-foot{font-size:11px;color:#718676;padding-top:12px;line-height:1.5}.result-panel{display:flex;flex-direction:column;background:linear-gradient(142deg,#fff 30%,#f1f8f0 100%)}.status-chip{font-size:10px;padding:7px 10px;border-radius:99px;background:#e4f2e7;color:#23734b;font-weight:800;white-space:nowrap}.status-chip.review{background:#fff2db;color:#9c6423}.status-chip.missing{background:#ecefee;color:#6f7a73}.result-main{display:grid;grid-template-columns:1fr 1fr;gap:11px 20px;flex:1}.result-number span,.stage-label span,.harvest-row span,.harvest-date span{font-size:11px;color:#6c8071;font-weight:800}.result-number strong{display:block;font-size:42px;line-height:1.1;letter-spacing:-.07em;margin:13px 0 4px;color:var(--deep)}.result-number small,.harvest-date small{font-size:10px;color:#89998d}.stage-meter{padding-top:1px}.stage-label{display:flex;align-items:center;justify-content:space-between;gap:5px}.stage-label strong{font-size:24px;color:var(--deep);letter-spacing:-.04em}.stage-track{display:flex;gap:4px;margin-top:17px}.stage-track span{height:9px;flex:1;border-radius:20px;background:#e0e9de}.stage-track span.filled{background:#398d64}.stage-track span.current{background:#84bf77}.stage-probs{font-size:9px;color:#87998a;margin-top:7px;text-align:right}.harvest-row,.harvest-date{border-top:1px solid #dbe9da;padding:14px 0 8px;display:flex;flex-direction:column;gap:5px}.harvest-row strong{font-size:25px;letter-spacing:-.055em;color:var(--deep)}.harvest-row strong.negative{color:#8f6b36}.harvest-row strong.unavailable{color:#708176}.harvest-date strong{font-size:15px;color:#42614d}.result-bottom{border-top:1px solid #dbe9da;padding-top:12px;color:#6d806f;font-size:11px;line-height:1.5}
.timeline{padding-top:104px}.timeline-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.75fr);gap:18px}.chart-card{padding:25px;min-width:0}.chart-top{display:flex;justify-content:space-between;gap:20px}.chart-top h3{font-size:22px;margin:0 0 7px;letter-spacing:-.04em}.chart-top p{font-size:11px;color:#859287;margin:0}.chart-controls{display:flex;flex-direction:column;gap:5px}.chart-controls label{font-size:9px;color:#798f80;font-weight:800}.chart-controls select{padding:9px 30px 9px 10px;background:#f6faf5;color:#316247;border:1px solid #d4e4d5;border-radius:8px;font-size:11px;font-weight:800}.chart-canvas{height:316px;position:relative;margin-top:26px}.chart-canvas svg{width:100%;height:100%;overflow:visible}.chart-canvas .grid{stroke:#e8eee8;stroke-width:1}.chart-canvas .axis-label{font-size:11px;fill:#93a096;font-family:inherit}.chart-canvas .trend-path{fill:none;stroke:#557b69;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-canvas .raw-path{fill:none;stroke:#aad0ae;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 4}.chart-canvas .raw-dot{fill:#258563;stroke:white;stroke-width:2;cursor:pointer}.chart-canvas .review-dot{fill:#98a29b;stroke:white;stroke-width:2;cursor:pointer}.chart-canvas .active-dot{stroke:#173d32;stroke-width:3}.chart-tooltip{position:absolute;z-index:5;pointer-events:none;background:#153d30;color:#fff;border-radius:9px;padding:10px 12px;min-width:145px;font-size:11px;line-height:1.65;box-shadow:0 12px 25px #123a3044}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:0;font-size:10px;color:#6f8275}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-line{display:inline-block;width:17px;border-top:2px solid #328b69}.legend-line.muted{border-color:#708f7d;border-style:dashed}.legend-dot{width:8px;height:8px;border-radius:50%;background:#9aa59e}.chart-disclaimer{margin:17px 0 0;padding:10px 12px;background:#f5f8f3;color:#7d8a7e;border-radius:7px;font-size:10px;line-height:1.6}.timeline-aside{display:grid;gap:18px}.metric-card,.qc-card{padding:23px}.metric-card h3,.qc-card h3{margin:0 0 17px;font-size:17px;letter-spacing:-.03em}.metric-card dl{margin:0}.metric-card dl>div{display:flex;justify-content:space-between;border-top:1px solid #ecf0ea;padding:13px 0;gap:10px}.metric-card dt{font-size:11px;color:#798c7b}.metric-card dd{font-size:13px;font-weight:800;margin:0;text-align:right}.qc-card{background:#f1f8f0}.qc-card #qc-summary{font-size:12px;line-height:1.85;color:#52715c}.qc-card p{margin:0 0 9px}.qc-card .qc-tag{display:inline-block;background:#e0eee1;border-radius:5px;color:#2d754c;padding:3px 7px;font-size:10px;font-weight:800;margin:2px 5px 3px 0}.qc-card .qc-tag.warn{background:#f8e8cc;color:#9f6429}
.process{padding-top:110px;padding-bottom:100px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.process-steps article{padding:26px 23px;min-height:225px;border:1px solid #dce6dc;background:#fff;border-radius:16px;position:relative}.process-steps article>span{position:absolute;right:21px;top:22px;color:#9db8a4;font-size:12px;font-weight:800}.step-icon{height:45px;width:45px;border-radius:13px;background:#e9f4e7;color:#277c55;display:grid;place-items:center;font-size:27px;margin-bottom:27px}.process-steps h3{font-size:16px;margin:0 0 9px;letter-spacing:-.035em}.process-steps p{color:#7c8b7d;font-size:11px;line-height:1.65;margin:0;word-break:keep-all}.audit{padding-bottom:0}.audit-inner{background:#143e31;color:#f7faf2;border-radius:23px;padding:55px 65px;display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:end;position:relative;overflow:hidden}.audit-inner:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid #ffffff1b;right:130px;top:-200px;pointer-events:none}.audit h2{font-size:clamp(30px,3.5vw,50px);letter-spacing:-.06em;margin:0 0 20px}.audit p{max-width:530px;color:#bbd3c3;font-size:12px;line-height:1.8;margin:0}.audit-actions{z-index:1}.audit-button{display:flex;align-items:center;justify-content:space-between;background:#d9ecd1;color:#144230;border-radius:9px;padding:17px 19px;font-size:13px;font-weight:900}.audit-button[aria-disabled="true"]{opacity:.55;cursor:default}.audit-link{display:block;margin-top:18px;font-size:11px;font-weight:800;color:#c9e4d4}.audit-actions #lineage-note{margin-top:14px;font-size:10px;color:#a5c2ac}.footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:32px;padding-bottom:40px;font-size:11px;color:#78917b}.footer-brand{font-weight:850;color:#28593d;font-size:14px}.footer-brand span{font-weight:500;color:#839b87}.footer p{margin:0}
@media(max-width:1020px){.intro{min-height:475px}.intro-copy{width:64%}.intro-art{width:51%}.explorer-grid{grid-template-columns:1fr}.date-rail{min-height:0;max-height:none;display:block}.date-list{display:flex;overflow:auto;white-space:nowrap;padding:8px 2px 0}.date-group{display:none}.date-chip{flex:none}.rail-foot{display:none}.timeline-grid{grid-template-columns:1fr}.timeline-aside{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:repeat(2,1fr)}.top-links{gap:20px}}
@media(max-width:700px){.topbar{height:69px}.brand-mark{width:37px;height:37px}.brand-copy strong{font-size:16px}.top-links,.provenance-pill,.header-jump{display:none}.intro{min-height:630px;border-radius:0;display:block}.intro-copy{width:100%;padding:54px 24px 0}.intro h1{font-size:48px}.intro-text{font-size:13px;max-width:320px}.intro-art{position:relative;width:100%;height:280px;top:auto;right:auto}.intro-photo{height:285px;width:56%;top:0;right:14%;border-radius:130px 130px 20px 20px}.halo{width:330px;height:330px;right:5%;top:-30px}.halo-2{width:250px;height:250px;right:14%;top:10px}.photo-stamp{bottom:-6px;right:11%;height:77px;width:77px;font-size:8px}.photo-stamp b{font-size:8px}.intro-meta{gap:22px;margin-top:28px}.intro-meta strong{font-size:21px}.intro-meta span{font-size:10px}.intro-foot{display:none}.story-band{padding-top:21px;padding-bottom:65px}.story-band>div{display:block}.story-index{display:block;margin-bottom:9px}.section-heading{align-items:start}.section-heading h2{font-size:30px}.section-heading p:not(.eyebrow){font-size:11px}.date-stepper{align-self:end}.date-stepper span{display:none}.date-stepper button{width:32px;height:32px}.camera-panel{padding:14px}.photo-stage{height:235px}.specimen-grid{grid-template-columns:1fr}.specimen-photo,.result-panel{min-height:0;padding:17px}.crop-stage{height:210px}.result-main{gap:12px}.result-number strong{font-size:36px}.result-panel{min-height:355px}.timeline{padding-top:78px}.chart-card{padding:17px}.chart-top{display:block}.chart-controls{margin-top:15px;align-items:start}.chart-canvas{height:270px;margin-top:10px}.timeline-aside{grid-template-columns:1fr}.metric-card,.qc-card{padding:18px}.process{padding-top:85px;padding-bottom:75px}.process-steps{grid-template-columns:1fr 1fr;gap:8px}.process-steps article{padding:15px;min-height:200px}.process-steps h3{font-size:13px}.process-steps p{font-size:10px}.step-icon{margin-bottom:18px}.audit-inner{border-radius:16px;padding:38px 26px;display:block}.audit-actions{margin-top:30px}.footer{display:grid;grid-template-columns:1fr auto}.footer p{grid-column:1/-1;grid-row:2}}
@media(max-width:420px){.intro h1{font-size:41px}.intro{min-height:605px}.section-heading h2{font-size:27px}.photo-stage{height:205px}.result-main{grid-template-columns:1fr 1fr}.camera-tabs button{padding:8px 9px;font-size:10px}.chart-top h3{font-size:18px}.chart-legend{gap:7px}.process-steps{grid-template-columns:1fr 1fr}}
.slot-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.slot-list button{border:1px solid #dce8dc;background:#fafcf9;color:#62806a;font-size:10px;font-weight:800;min-width:35px;padding:6px 8px;border-radius:6px}.slot-list button:hover{background:#e8f3e8}.slot-list button.active{background:#225f44;border-color:#225f44;color:#fff}
.result-bottom{white-space:pre-line;max-height:130px;overflow:auto}.result-bottom strong{display:block;margin-bottom:5px;color:#315b40}
.trace-workflow{margin-bottom:22px;padding:22px}.trace-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.trace-head strong{font-size:14px;color:#28533d}.trace-head span{font-size:10px;color:#728979}.trace-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.trace-grid article{min-width:0;position:relative;border:1px solid #e3ebe2;border-radius:11px;padding:12px;background:#fbfdf9}.trace-grid article:not(:last-child):after{content:"→";position:absolute;right:-14px;top:73px;z-index:2;color:#6a9a76;font-size:17px;font-weight:800}.trace-grid article>span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#75a17f}.trace-grid article>strong{display:block;margin-top:10px;font-size:12px;color:#234d36}.trace-grid article>p{min-height:36px;margin:6px 0 0;font-size:10px;color:#7b8d7e;line-height:1.5;word-break:break-word}.trace-image{height:95px;background:#e9f1e6;border-radius:7px;margin-top:10px;overflow:hidden}.trace-image img{width:100%;height:100%;object-fit:cover}.trace-value{height:95px;margin-top:10px;border-radius:7px;background:#eaf4e8;display:flex;align-items:center;justify-content:center;color:#246546;font-size:20px;line-height:1.2;text-align:center;font-weight:850;padding:8px;word-break:keep-all}.trace-caution{margin:15px 0 0;font-size:10px;color:#788b79;border-top:1px solid #e9eee8;padding-top:12px}.trace-image:has(img:not([src])){display:grid;place-items:center}.trace-image:has(img:not([src])):after{content:"자료 확인 중";color:#91a192;font-size:10px}
@media(max-width:1020px){.trace-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trace-grid article:not(:last-child):after{display:none}}
@media(max-width:700px){.trace-workflow{padding:14px}.trace-head{display:block}.trace-head span{display:block;margin-top:4px}.trace-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.trace-grid article{flex:0 0 170px;scroll-snap-align:start}.trace-image,.trace-value{height:85px}}
.photo-stage.top-view{height:auto;aspect-ratio:2592/1300}.photo-stage.top-view img{object-fit:fill}.photo-stage.front-view{background:#1d2c25}.photo-stage.front-view img{object-fit:contain}
.result-bottom{font-size:13px;line-height:1.7;max-height:210px;color:#44634f}
.status-chip.rescue{white-space:normal;max-width:180px;text-align:center;line-height:1.35}
.bed-roi-overlay{position:absolute;border:3px solid #edaa39;background:rgba(240,166,45,.10);box-shadow:0 0 0 2px #4530119c,0 0 18px #e99a3680;pointer-events:none;z-index:2}.bed-roi-overlay[hidden]{display:none}.bed-roi-overlay span{position:absolute;left:0;bottom:100%;background:#a65f17;color:#fff;padding:4px 7px;font-size:11px;font-weight:900;white-space:nowrap}
@media(max-width:700px){#photo-caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bed-roi-overlay span{font-size:9px;padding:3px 5px}}
@media(max-width:700px){.photo-stage.top-view{height:205px;aspect-ratio:auto;background:#1d2c25}.photo-stage.top-view img{object-fit:contain}.photo-stage.top-view .slot-overlay{display:none}.photo-note{font-size:10px}}
.environment{padding-top:90px}.environment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.environment-card{padding:22px;min-width:0}.environment-card>span{font-size:11px;font-weight:800;color:#768d7a}.environment-card>strong{display:block;margin:11px 0 4px;font-size:27px;letter-spacing:-.05em;color:#245a3f}.environment-card svg{display:block;width:100%;height:95px}.environment-card svg .env-line{fill:none;stroke:#4a9a70;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.environment-card svg .env-grid{stroke:#e1ece1;stroke-width:1}.environment-card svg .env-dot{fill:#2a8159;stroke:#fff;stroke-width:2}.environment-note{font-size:10px;color:#7c907e;margin:11px 0 0;line-height:1.6}
@media(max-width:700px){.environment{padding-top:70px}.environment-grid{grid-template-columns:1fr}.environment-card{padding:17px}.environment-card svg{height:75px}}
.chart-canvas .raw-path{stroke:#258563;stroke-width:2.5;stroke-dasharray:none}.chart-canvas .trend-path{stroke:#87998a;stroke-width:2;stroke-dasharray:5 5}.chart-canvas .display-only-dot{fill:white;stroke:#87998a;stroke-width:2;cursor:pointer}.chart-legend .legend-line{border-top:2px solid #258563}.chart-legend .legend-line.muted{border-top:2px dashed #87998a}
.slot-button.partial{border-style:dashed;border-color:#f0c57a;background:rgba(153,99,37,.16)}.slot-button.partial span{background:rgba(110,73,33,.85)}
.photo-stage img{object-fit:contain}
.photo-stage.photo-loading img,.photo-stage.photo-loading .bed-roi-overlay,.photo-stage.photo-loading .slot-overlay,.photo-stage.photo-loading .detection-overlay,.photo-stage.photo-error .bed-roi-overlay,.photo-stage.photo-error .slot-overlay,.photo-stage.photo-error .detection-overlay{visibility:hidden}
.photo-stage.photo-loading::after,.photo-stage.photo-error::after{position:absolute;inset:0;display:grid;place-items:center;color:#d8e6d8;font-size:12px;font-weight:700;pointer-events:none}
.photo-stage.photo-loading::after{content:"사진을 불러오는 중"}
.photo-stage.photo-error::after{content:"사진을 불러오지 못했습니다"}

/* Readable labels for screenshots and print figures. */
.qc-card #qc-summary>p:first-child{font-size:18px;line-height:1.6}
.environment-card>span{display:block;font-size:22px;line-height:1.3}
.environment-card>strong{font-size:54px;line-height:1.1;overflow-wrap:anywhere}
.trace-grid article>strong{font-size:24px;line-height:1.18;word-break:keep-all}
@media (min-width:701px) and (max-width:1020px){.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.environment-card:last-child{grid-column:1/-1}}
.slot-button.active{pointer-events:none}
.trace-open{display:inline-block;margin-top:5px;color:#287451;font-size:10px;font-weight:850}.trace-open:hover{text-decoration:underline}.trace-open[hidden]{display:none}

.stage-note{margin:8px 0 0;font-size:10px;line-height:1.4;color:#708276}.stage-label{align-items:flex-start}.stage-label span{max-width:70%}

.photo-switches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.detection-overlay{position:absolute;inset:0;pointer-events:none}.detection-overlay[hidden]{display:none}.detection-box{position:absolute;border:3px solid #27c3ad;box-shadow:0 0 0 1px #073e32,0 0 15px #093f3a80}.detection-box.review{border-color:#e4aa47;box-shadow:0 0 0 1px #5f401c,0 0 15px #56341480}.detection-box span{position:absolute;left:0;bottom:100%;white-space:nowrap;background:#0c6659;color:#fff;padding:3px 5px;font-size:10px;font-weight:800}.detection-box.review span{background:#9b621e}.trace-model-views{display:flex;gap:4px}.trace-model-views img{width:calc(50% - 2px);object-fit:contain}.trace-model-views:not(.has-mask) #trace-crop{width:100%}.trace-model-views img[hidden]{display:none}

.photo-controls{pointer-events:none}.photo-controls button{pointer-events:auto}

@media(max-width:1020px){.explorer-grid{grid-template-columns:minmax(0,1fr)}.explorer-main,.camera-panel{min-width:0;max-width:100%}}

.photo-stage.bed-view{height:auto;aspect-ratio:var(--bed-aspect);min-height:100px}.photo-stage.bed-view img{object-fit:contain}
@media(max-width:700px){.photo-stage.bed-view{height:100px;aspect-ratio:auto;min-height:0}.photo-stage.bed-view .slot-overlay{display:none}.photo-stage.bed-view #toggle-slots{display:none}}

/* Quiet acknowledgements: the supplied photos are clipped in CSS, leaving the source files intact. */
.brand-paw{display:block;width:34px;height:34px;flex:none;border-radius:50%;object-fit:cover;object-position:center;opacity:.84;box-shadow:0 0 0 1px #d7e7d9}
.intro-credit{position:absolute;z-index:4;top:24px;right:30px;display:grid;grid-template-columns:auto 150px;column-gap:12px;align-items:center;color:#e5efe8}
.intro-credit-words{font-size:11px;line-height:1.28;font-weight:500;white-space:nowrap}
.intro-credit a{display:block;border-radius:4px;overflow:hidden;line-height:0;transition:opacity .15s}
.intro-credit a:hover,.intro-credit a:focus-visible{opacity:.78}
.intro-credit img{display:block;width:150px;height:auto}
.intro-credit small{grid-column:2;font-size:10px;line-height:1.3;color:#c1d4c8;margin-top:4px;white-space:nowrap}
.audit-credits{margin-top:22px;padding-top:16px;border-top:1px solid #ffffff2c}
.audit .audit-credits p{max-width:none;margin:0 0 4px;color:#d2e2d6;font-size:12px;line-height:1.65}
.audit-dedication{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.audit-dedication img{display:block;width:82px;height:82px;flex:none;border-radius:50%;object-fit:cover;border:2px solid #bfd7c5}
.audit .audit-dedication p{margin:0;color:#edf6ed;font-size:12px;line-height:1.6;word-break:keep-all}
@media(max-width:700px){.brand{gap:8px}.brand-paw{width:25px;height:25px}.intro{padding-bottom:20px}.intro-credit{position:relative;top:auto;right:auto;margin:18px 24px 0;grid-template-columns:auto 144px;justify-content:start}.intro-credit img{width:144px}.intro-credit-words{font-size:10px}.intro-credit small{font-size:9px}.intro-art{height:250px}.intro-photo{height:250px}.audit-credits{margin-top:18px}.audit-dedication img{width:70px;height:70px}}
@media(max-width:370px){.brand-paw{width:21px;height:21px}.brand{gap:6px}.intro-credit{column-gap:7px}.intro-credit img{width:128px}.intro-credit{grid-template-columns:auto 128px}}