@charset "UTF-8";:root{--ink:#171b22;--paper:#eee7d8;--cream:#f7f2e8;--red:#9f3c52;--orange:#d4683e;--teal:#2b7771;--blue:#344f67;--line:#9a927f;--shadow:0 14px 34px rgba(22,25,31,.14)}*{box-sizing:border-box}html{background:#d9d1c2;color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif}body{margin:0;min-width:320px;background:linear-gradient(90deg,#d8d0c2 0 24px,#ece5d7 24px calc(100% - 24px),#d8d0c2 calc(100% - 24px));min-height:100vh}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:12px;z-index:99;background:#fff;padding:10px;outline:3px solid #000}.mast{display:grid;grid-template-columns:1fr 340px;gap:30px;padding:34px 52px 24px;border-bottom:4px solid var(--ink)}.eyebrow,.label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mast h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,72px);margin:.15em 0}.mast p{max-width:740px;line-height:1.55}.boundary{border:2px solid var(--ink);padding:18px;display:grid;gap:10px;align-self:start;background:#f6efe1}.boundary span{font-size:12px;font-weight:700}.tabs{display:flex;gap:0;overflow:auto;border-bottom:2px solid var(--ink);padding:0 34px;background:#20252d}.tabs button{appearance:none;border:0;border-right:1px solid #666;background:transparent;color:#eee;padding:15px 18px;font:700 12px monospace;white-space:nowrap}.tabs button[aria-selected="true"]{background:var(--orange);color:#111}.tabs button:focus-visible,#replay-master:focus-visible{outline:3px solid #fff;outline-offset:-4px}.stage{padding:28px 42px 54px;min-height:720px}.stage>[role=tabpanel]{max-width:1320px;margin:auto}.trust-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.trust-strip span{border:1px solid var(--ink);padding:7px 9px;background:#f5eddd;font-size:10px;font-weight:800}.cover-grid,.source-layout,.folio-layout,.translation-layout,.voice-layout,.sync-layout{display:grid;gap:22px;align-items:start}.cover-grid{grid-template-columns:1.05fr 1.25fr .55fr}.source-layout{grid-template-columns:1.15fr 1fr}.folio-layout{grid-template-columns:1.05fr .9fr}.folio-layout img:last-child{grid-column:1/-1;height:120px;object-fit:cover}.translation-layout{grid-template-columns:1.15fr .8fr .55fr}.voice-layout{grid-template-columns:.8fr 1.1fr .7fr}.sync-layout{grid-template-columns:1.35fr .65fr}.cover-grid>*,.source-layout>*,.folio-layout>*,.translation-layout>*,.voice-layout>*,.sync-layout>*{min-width:0}.cover-grid img,.source-layout img,.folio-layout img,.translation-layout img,.voice-layout img,.review-rail img{width:100%;display:block;border:2px solid var(--ink);box-shadow:var(--shadow)}.hero-copy,.folio,.line-pair article,.translation-layout aside,.voice-layout>div,.review-rail{background:var(--cream);border:2px solid var(--ink);padding:24px;box-shadow:var(--shadow)}.hero-copy h2,.source-layout h2,.folio h2,.voice-layout h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,54px);margin:.2em 0}.hero-copy dl{display:grid;gap:10px}.hero-copy dl div{border-top:1px solid var(--line);padding-top:8px}.hero-copy dt{font-size:11px;text-transform:uppercase}.hero-copy dd{margin:4px 0;font-weight:700}.cover-grid aside{border-left:10px solid var(--red);background:#f4ded5;padding:18px}.segments{list-style:none;padding:0;margin:20px 0}.segments li{display:grid;grid-template-columns:120px 70px 1fr;gap:10px;border-top:1px solid var(--ink);padding:14px 0}.strip{height:150px;object-fit:cover}.machine{color:#62615d;text-decoration:line-through}.correction{margin-top:28px;color:var(--teal)}mark{background:#f2d98f}.unresolved,.hard-boundary,.persistent,.mobile-exception{border:2px solid var(--red);background:#f4ded5;padding:12px;font-weight:700}.line-pair{display:grid;gap:18px}.line-pair article{box-shadow:none}.line-pair time{font:12px monospace}.approved{color:var(--teal)}.direction{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:16px}.pronunciation{margin-top:20px;color:var(--orange)}.motion{position:relative;min-height:540px;background:#1d232c;border:3px solid #0f1116;padding:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;color:#f8f1e4;overflow:hidden}.m-step{border:1px solid #6f7a88;padding:17px;background:#29323e;opacity:1;transform:none}.master-seal{grid-column:1/-1;justify-self:end;border:4px double #e5bd63;color:#e5bd63;padding:18px 24px;display:grid;transform:rotate(-2deg);opacity:1}.master-seal span{font-size:11px;letter-spacing:.14em}.master-seal b{font-family:Georgia,serif;font-size:26px}.review-rail{display:grid;gap:14px}.flags{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flags img{box-shadow:none}.review-rail button{border:0;background:var(--orange);font-weight:800;padding:14px;cursor:pointer}.review-rail output{font:12px monospace}.motion.running .m-step,.motion.running .master-seal{opacity:0}.motion.running .m1{animation:rise 80ms 40ms forwards}.motion.running .m2{animation:rise 80ms 120ms forwards}.motion.running .m3{animation:rise 80ms 200ms forwards}.motion.running .m4{animation:rise 80ms 280ms forwards}.motion.running .m5{animation:rise 80ms 360ms forwards}.motion.running .m6{animation:rise 80ms 440ms forwards}.motion.running .m7{animation:rise 80ms 520ms forwards}.motion.running .m8{animation:rise 80ms 600ms forwards}.motion.running .master-seal{animation:masterSeal 90ms 690ms forwards}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes masterSeal{from{opacity:0;transform:scale(.94) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}.mobile-shell{display:none;max-width:390px;margin:auto;background:#1d232c;color:#f8f1e4;border:3px solid #111;padding:18px}.mobile-shell header{border-bottom:3px solid var(--orange)}.mobile-shell h2{font-family:Georgia,serif;font-size:34px}.mobile-status,.mobile-time,.mobile-drift,.mobile-exception{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid #6a717c}.mobile-time time{font:700 14px monospace}.mobile-drift span{font:700 22px monospace;color:#e6b469}footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:20px;background:#171b22;color:#eee;font-size:10px;font-weight:800}@media(max-width:900px){.mast{grid-template-columns:1fr;padding:26px 30px}.boundary{max-width:none}.stage{padding:24px}.cover-grid,.translation-layout,.voice-layout{grid-template-columns:1fr 1fr}.cover-grid aside,.translation-layout aside,.voice-layout img:last-child{grid-column:1/-1}.source-layout,.folio-layout,.sync-layout{grid-template-columns:1fr}.motion{min-height:500px}}@media(max-width:560px){body{background:#ece5d7}.mast{padding:22px 18px}.mast h1{font-size:42px}.tabs{padding:0 8px}.tabs button{padding:13px 12px}.stage{padding:16px 12px 40px}.trust-strip{display:grid}.cover-grid,.source-layout,.folio-layout,.translation-layout,.voice-layout,.sync-layout{grid-template-columns:1fr}.segments li{grid-template-columns:92px 54px 1fr;font-size:12px}.motion{grid-template-columns:1fr;min-height:720px;padding:16px}.master-seal{grid-column:1}.flags{grid-template-columns:1fr}.mobile-shell{display:block}.stage [data-state="mobile"] .trust-strip{display:none}.mobile-time,.mobile-drift{overflow-wrap:anywhere}.mobile-time b,.mobile-drift b{font-size:11px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0ms!important;scroll-behavior:auto!important}.motion.running .m-step,.motion.running .master-seal,.motion.complete .m-step,.motion.complete .master-seal{opacity:1;transform:none}.motion.running .master-seal,.motion.complete .master-seal{transform:rotate(-2deg)}}.voice-disclosure{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;border:2px solid var(--teal);background:#e2eeea;padding:12px}.voice-disclosure span{font-size:11px;font-weight:800}