@tailwind base;@tailwind components;@tailwind utilities;:root{color:#102033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background:#f4f6f8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.jhub-web-app-root{min-width:0;min-height:100vh;isolation:isolate}.jhub-bootstrap-page{display:grid;min-height:100vh;place-items:center;padding:clamp(24px,6vw,64px);background:linear-gradient(135deg,#f5f7f8f5,#ebf1f0fa),#f4f6f8;color:#152235}.jhub-bootstrap-status{width:min(100%,420px);padding:28px;border:1px solid #d8e0e6;border-radius:8px;background:#fff;box-shadow:0 20px 48px #1522351f}.jhub-bootstrap-status__eyebrow{margin:0 0 10px;color:#0f766e;font-size:.78rem;font-weight:700}.jhub-bootstrap-status h1{margin:0;font-size:clamp(1.6rem,4vw,2.05rem);line-height:1.1}.jhub-bootstrap-status__message{margin:10px 0 22px;color:#536174}.jhub-bootstrap-status__progress{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#e3e9ee}.jhub-bootstrap-status__progress span{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#f97316);animation:jhub-bootstrap-progress 1.2s ease-in-out infinite}@keyframes jhub-bootstrap-progress{0%{transform:translate(-105%)}55%,to{transform:translate(245%)}}.jhub-not-found-page{--jhub-404-x: 50;--jhub-404-y: 46;position:relative;overflow:hidden;background:radial-gradient(circle at calc(var(--jhub-404-x) * 1%) calc(var(--jhub-404-y) * 1%),#fffffff2 0,#ffffffc7 72px,#fff0 260px),linear-gradient(118deg,#fff7d8,#dffbf3,#eef5ff 68%,#ffe4ef)}.jhub-not-found-page:before,.jhub-not-found-page:after{position:absolute;inset:-16%;content:"";pointer-events:none}.jhub-not-found-page:before{background:conic-gradient(from 120deg at 50% 50%,#0f766e29,#f973161f,#2563eb1c,#ec48991a,#0f766e29);filter:blur(28px);opacity:.68;animation:jhub-not-found-aurora 18s linear infinite}.jhub-not-found-page:after{inset:0;background-image:linear-gradient(rgba(15,118,110,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.1) 1px,transparent 1px);background-position:center;background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);opacity:.32;transform:translate3d(calc((var(--jhub-404-x) - 50) * -.24px),calc((var(--jhub-404-y) - 46) * -.24px),0)}.jhub-not-found{position:relative;z-index:1;display:grid;width:min(100%,960px);grid-template-columns:minmax(280px,.94fr) minmax(280px,.8fr);gap:clamp(24px,5vw,56px);align-items:center;padding:clamp(22px,4vw,44px);border-color:#ffffffb8;background:#ffffffbd;box-shadow:0 28px 70px #15223524,inset 0 1px #ffffffdb;backdrop-filter:blur(18px) saturate(1.14)}.jhub-not-found__visual{position:relative;width:min(100%,400px);aspect-ratio:1;justify-self:center;border-radius:32px;perspective:900px}.jhub-not-found__visual:before,.jhub-not-found__visual:after{position:absolute;content:"";pointer-events:none}.jhub-not-found__visual:before{inset:10%;border:1px solid rgba(15,118,110,.32);border-radius:42% 58% 47% 53%;box-shadow:0 0 42px #2dd4bf57;animation:jhub-not-found-wobble 7s ease-in-out infinite}.jhub-not-found__visual:after{inset:3%;border:1px dashed rgba(249,115,22,.32);border-radius:54% 46% 60% 40%;animation:jhub-not-found-spin 18s linear infinite}.jhub-not-found__visual img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(21,34,53,.18));transform:rotateX(calc((var(--jhub-404-y) - 46) * -.08deg)) rotateY(calc((var(--jhub-404-x) - 50) * .08deg));animation:jhub-not-found-float 5.2s ease-in-out infinite}.jhub-not-found__spark{position:absolute;z-index:2;width:14px;aspect-ratio:1;border-radius:3px;background:#facc15;box-shadow:0 0 24px #facc1594;transform:rotate(45deg);animation:jhub-not-found-sparkle 2.8s ease-in-out infinite}.jhub-not-found__spark--one{top:8%;left:18%}.jhub-not-found__spark--two{right:7%;bottom:24%;width:11px;background:#2dd4bf;animation-delay:.7s}.jhub-not-found__spark--three{bottom:11%;left:8%;width:9px;background:#fb7185;animation-delay:1.35s}.jhub-not-found__content{min-width:0}.jhub-not-found .jhub-bootstrap-status__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#0f766e}.jhub-not-found h1{max-width:10em;font-size:clamp(2rem,5vw,4.4rem);line-height:.98;letter-spacing:0}.jhub-not-found .jhub-bootstrap-status__message{max-width:34rem;margin:18px 0 14px;color:#36465a;font-size:clamp(1rem,2vw,1.12rem)}.jhub-not-found__host{display:flex;width:fit-content;max-width:100%;gap:10px;align-items:center;padding:8px 12px;margin:0 0 24px;overflow-wrap:anywhere;border:1px solid rgba(15,118,110,.18);border-radius:999px;background:#f0fdfac7;color:#536174;font-size:.9rem}.jhub-not-found__host span{color:#152235;font-weight:700}.jhub-not-found__actions{display:flex;flex-wrap:wrap;gap:10px}.jhub-not-found__action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid rgba(21,34,53,.14);border-radius:999px;background:#ffffffbd;color:#233247;cursor:pointer;font-weight:800;box-shadow:0 10px 22px #1522351a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.jhub-not-found__action:hover{border-color:#0f766e5c;box-shadow:0 16px 26px #15223524;transform:translateY(-2px)}.jhub-not-found__action:focus-visible{outline:3px solid rgba(45,212,191,.46);outline-offset:3px}.jhub-not-found__action--primary{border-color:transparent;background:linear-gradient(135deg,#0f766e,#2563eb);color:#fff}@keyframes jhub-not-found-aurora{to{transform:rotate(360deg)}}@keyframes jhub-not-found-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes jhub-not-found-spin{to{transform:rotate(360deg)}}@keyframes jhub-not-found-wobble{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(7deg) scale(1.04)}}@keyframes jhub-not-found-sparkle{0%,to{opacity:.56;transform:rotate(45deg) scale(.78)}50%{opacity:1;transform:rotate(45deg) scale(1.24)}}@media(max-width:760px){.jhub-not-found-page{padding:18px}.jhub-not-found{grid-template-columns:1fr;gap:18px;text-align:center}.jhub-not-found__visual{width:min(76vw,320px);order:-1}.jhub-not-found h1,.jhub-not-found .jhub-bootstrap-status__message{max-width:none}.jhub-not-found__host{margin-right:auto;margin-left:auto;border-radius:18px}.jhub-not-found__actions{justify-content:center}}@media(max-width:420px){.jhub-not-found{padding:18px}.jhub-not-found__action{width:100%}}@media(prefers-reduced-motion:reduce){.jhub-bootstrap-status__progress span{animation:none;transform:translate(70%)}.jhub-not-found-page:before,.jhub-not-found__visual:before,.jhub-not-found__visual:after,.jhub-not-found__visual img,.jhub-not-found__spark{animation:none}.jhub-not-found__visual img{transform:none}}.jhub-assistant{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:80;color:#14213d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.jhub-assistant__launcher,.jhub-assistant__actions button,.jhub-assistant__composer button,.jhub-assistant__session button{display:inline-grid;place-items:center;border:0;cursor:pointer}.jhub-assistant__launcher{width:54px;height:54px;border-radius:50%;color:#fff;background:#0f766e;box-shadow:0 18px 32px #0f172a38}.jhub-assistant__launcher:hover{background:#115e59}.jhub-assistant__panel{position:absolute;right:0;bottom:68px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(380px,calc(100vw - 32px));height:min(620px,calc(100vh - 104px));overflow:hidden;border:1px solid rgba(20,33,61,.14);border-radius:8px;background:#fbfcfd;box-shadow:0 28px 70px #0f172a3d}.jhub-assistant__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid #dde5ea;background:#fff}.jhub-assistant__identity{display:flex;min-width:0;align-items:center;gap:10px}.jhub-assistant__mark{display:inline-grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:#0f766e}.jhub-assistant__identity h2,.jhub-assistant__identity p,.jhub-assistant__message p,.jhub-assistant__error{overflow-wrap:anywhere}.jhub-assistant__identity h2{margin:0;font-size:.95rem;line-height:1.2}.jhub-assistant__identity p{margin:2px 0 0;color:#5d6878;font-size:.78rem}.jhub-assistant__actions{display:flex;flex:0 0 auto;gap:6px}.jhub-assistant__actions button,.jhub-assistant__session>button{width:32px;height:32px;border-radius:50%;color:#3b4758;background:#eef3f5}.jhub-assistant__actions button:hover,.jhub-assistant__session>button:hover{background:#dce8ea}.jhub-assistant__sessions{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid #e5ebef;background:#f6f8fa}.jhub-assistant__session{display:inline-flex;min-width:132px;max-width:184px;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d8e2e7;border-radius:8px;padding:4px;color:#253247;background:#fff}.jhub-assistant__session[data-active=true]{border-color:#0f766e;background:#e8f6f3}.jhub-assistant__session button:first-child{min-width:0;flex:1 1 auto;justify-content:start;border-radius:6px;padding:5px 6px;color:inherit;background:transparent}.jhub-assistant__session span{min-width:0;overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.jhub-assistant__session>button:last-child{width:24px;height:24px}.jhub-assistant__messages{display:flex;min-height:0;flex-direction:column;gap:10px;overflow-y:auto;padding:14px;background:#fbfcfd}.jhub-assistant__message{display:flex}.jhub-assistant__message p{max-width:min(82%,280px);margin:0;border-radius:8px;padding:10px 12px;font-size:.88rem;line-height:1.45}.jhub-assistant__message[data-role=assistant]{justify-content:flex-start}.jhub-assistant__message[data-role=assistant] p{border:1px solid #dbe4ea;background:#fff}.jhub-assistant__message[data-role=user]{justify-content:flex-end}.jhub-assistant__message[data-role=user] p{color:#fff;background:#1d4ed8}.jhub-assistant__cursor{display:inline-block;width:7px;height:1em;margin-left:3px;vertical-align:-.15em;background:#0f766e;animation:jhub-assistant-cursor .9s steps(2,start) infinite}.jhub-assistant__error{margin:0 14px 10px;border:1px solid #fecaca;border-radius:8px;padding:9px 10px;color:#991b1b;background:#fff1f2;font-size:.82rem}.jhub-assistant__error a{display:inline-block;margin-left:8px;color:#1d4ed8;font-weight:700}.jhub-assistant__composer{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:12px;border-top:1px solid #dde5ea;background:#fff}.jhub-assistant__composer input{width:100%;min-width:0;border:1px solid #cbd5df;border-radius:8px;padding:10px 11px;color:#14213d;background:#fff}.jhub-assistant__composer input:focus{border-color:#0f766e;outline:2px solid rgba(15,118,110,.18)}.jhub-assistant__composer button{width:42px;height:42px;border-radius:50%;color:#fff;background:#0f766e}.jhub-assistant__composer button:disabled{cursor:not-allowed;opacity:.55}.jhub-assistant__composer button svg{animation:none}.jhub-assistant__composer button[data-loading=true] svg{animation:jhub-assistant-spin 1s linear infinite}@keyframes jhub-assistant-cursor{50%{opacity:0}}@keyframes jhub-assistant-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.jhub-assistant{right:12px;bottom:12px}.jhub-assistant__panel{right:-4px;bottom:64px;width:calc(100vw - 24px);height:min(620px,calc(100vh - 92px))}.jhub-assistant__message p{max-width:88%}}@media(prefers-reduced-motion:reduce){.jhub-assistant__cursor,.jhub-assistant__composer button[data-loading=true] svg{animation:none}}.ctrls{position:fixed;right:0;bottom:0;left:0;z-index:20;display:flex;flex-wrap:nowrap;gap:.45rem;align-items:center;min-height:var(--eng-control-height);padding:.6rem max(.85rem,env(safe-area-inset-left)) calc(.6rem + env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-right));overflow-x:auto;border-top:1px solid var(--eng-border);background:#fffffff5;box-shadow:0 -8px 22px #18223014;backdrop-filter:blur(14px)}.ctrls::-webkit-scrollbar{height:6px}.ctrls::-webkit-scrollbar-thumb{border-radius:6px;background:var(--eng-border-strong)}.btn,.hide-btn,.bar-fixed{display:inline-flex;flex:0 0 auto;gap:.35rem;align-items:center;justify-content:center;min-height:38px;padding:.48rem .7rem;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:var(--eng-text);font:inherit;font-size:.9rem;font-weight:700;line-height:1.1;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.btn:hover,.hide-btn:hover,.bar-fixed:hover{border-color:var(--eng-border-strong);background:var(--eng-surface-muted)}.btn:active,.hide-btn:active,.bar-fixed:active{transform:translateY(1px)}.btn.icon{min-width:44px;padding-inline:.55rem}.btn.selected{border-color:var(--eng-accent);background:var(--eng-accent-soft);color:var(--eng-accent-strong)}.ico{display:inline-flex;align-items:center;justify-content:center;line-height:1}.hide-btn{min-width:42px;margin-left:auto;padding-inline:.5rem}.bar-fixed{position:fixed;right:.85rem;bottom:calc(env(safe-area-inset-bottom) + .85rem);z-index:21;width:44px;height:38px;padding:0;box-shadow:var(--eng-shadow)}@media(max-width:720px){.ctrls{gap:.35rem;padding-inline:.55rem}.btn,.hide-btn,.bar-fixed{min-height:36px;padding:.45rem .58rem;font-size:.82rem}.btn.icon{min-width:40px}}.blank-wrapper{position:fixed;top:var(--eng-header-height);right:0;bottom:var(--eng-control-height);left:0;display:flex;flex-direction:column;align-items:center;padding:1.2rem 1rem;overflow-y:auto}.blank-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(900px,100%);min-height:260px;padding:3.2rem 1.4rem 2.4rem;overflow-y:auto;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:inherit;text-align:center;user-select:none;box-shadow:var(--eng-shadow)}.blank-box p{max-width:48rem;margin:.25rem 0;line-height:1.35;overflow-wrap:anywhere;white-space:normal;word-break:keep-all}.blank-box .eng{color:var(--eng-text);font-size:1.5rem;font-weight:720}.blank-box .kor{color:var(--eng-muted);font-size:1.16rem;font-weight:620}.order-big,.timer{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:.28rem .55rem;border-radius:6px;font-size:.88rem;font-weight:850;line-height:1}.timer{top:.9rem;right:.9rem;background:var(--eng-attention-soft);color:var(--eng-attention)}.blank{display:inline-block;height:1.28em;margin:0 2px;border:2px dashed var(--eng-border-strong);border-radius:5px;background:var(--eng-surface-muted);vertical-align:-.18em}.blank.highlight{border-color:var(--eng-accent);border-style:solid;background:var(--eng-accent-soft);animation:pulseBox 1s infinite}@keyframes pulseBox{0%,to{box-shadow:0 0 #0f766e52}50%{box-shadow:0 0 0 7px #0f766e00}}.revealed{font-weight:720}.correct-word{color:var(--eng-accent-strong)}.wrong-word{color:var(--eng-danger)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.6rem;width:min(900px,100%);margin:.85rem auto 0}.choice-btn{min-height:42px;padding:.55rem .45rem;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:var(--eng-text);font:inherit;font-size:.95rem;font-weight:750;line-height:1.12;overflow-wrap:normal;white-space:nowrap;word-break:normal;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.choice-btn:hover{border-color:var(--eng-accent);background:var(--eng-accent-soft);transform:translateY(-1px)}.result-list h2{margin:.15rem 0;color:var(--eng-text);font-size:1rem;font-weight:800;text-align:center}@media(max-width:720px){.blank-wrapper{padding:.85rem .75rem}.blank-box{min-height:220px;padding:3rem 1rem 2rem}.blank-box .eng{font-size:1.2rem}.blank-box .kor{font-size:1rem}.choices{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.choice-btn{font-size:.86rem}}.dialogue-wrap{position:fixed;top:var(--eng-header-height);right:0;bottom:calc(var(--eng-control-height) + env(safe-area-inset-bottom));left:0;display:flex;flex-direction:column;padding:1rem;overflow:hidden;scroll-padding-bottom:1rem}.dialogue-main{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,.58fr);gap:1rem;width:min(1120px,100%);min-height:0;margin:0 auto}.photo{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface-muted)}.photo img{max-width:100%;max-height:100%;object-fit:contain}.photo .label{position:absolute;top:.75rem;left:.75rem;max-width:calc(100% - 1.5rem);padding:.34rem .58rem;overflow:hidden;border:1px solid rgb(255 255 255 / .3);border-radius:6px;background:#182230b8;color:#fff;font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.dialogue{min-width:0;min-height:0;padding:.15rem .35rem .15rem 0;overflow-y:auto}.seg{display:block;width:100%;padding:.82rem .9rem;margin-bottom:.65rem;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px #1822300a;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.seg:hover{border-color:var(--eng-border-strong);box-shadow:0 8px 20px #18223014;transform:translateY(-1px)}.seg.active{border-color:var(--eng-accent);background:linear-gradient(90deg,var(--eng-accent-soft),var(--eng-surface) 52%)}.speaker{margin-bottom:.36rem;color:var(--eng-accent-strong);font-size:.92rem;font-weight:850}.seg .text,.seg .kor{overflow-wrap:anywhere;line-height:1.36;word-break:keep-all}.seg .text{color:var(--eng-text);font-weight:680}.seg .kor{margin-top:.35rem;color:var(--eng-muted)}@media(max-width:760px){.dialogue-wrap{padding:.75rem;overflow-y:auto;scroll-padding-bottom:.75rem}.dialogue-main{display:flex;flex-direction:column;gap:.75rem}.photo{flex:0 0 34vh}.dialogue{overflow:visible;padding-right:0}.seg{padding:.72rem}}.flash-wrapper{position:fixed;top:var(--eng-header-height);right:0;bottom:var(--eng-control-height);left:0;display:flex;flex-direction:column;align-items:center;padding:1.2rem 1rem;overflow-y:auto}.flash-box{position:relative;display:flex;align-items:center;justify-content:center;width:min(900px,100%);min-height:260px;padding:3.2rem 1.4rem;overflow-y:auto;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:inherit;text-align:center;cursor:pointer;user-select:none;box-shadow:var(--eng-shadow);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.flash-box:hover{border-color:var(--eng-border-strong);transform:translateY(-1px)}.flash-box p{max-width:48rem;margin:.25rem 0;line-height:1.35;overflow-wrap:anywhere;white-space:normal;word-break:keep-all}.flash-box .eng,.flash-box .kor,.flash-box .placeholder{font-size:1.55rem;font-weight:720}.flash-box .kor{color:var(--eng-muted)}.placeholder{color:var(--eng-soft)}@keyframes flashPulse{0%{box-shadow:0 0 #0f766e47,var(--eng-shadow)}70%{box-shadow:0 0 0 16px #0f766e00,var(--eng-shadow)}to{box-shadow:0 0 #0f766e00,var(--eng-shadow)}}.playing{border-color:var(--eng-accent);animation:flashPulse 1.4s infinite}.order-big,.remain-big{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:.28rem .55rem;border-radius:6px;font-size:.88rem;font-weight:850;line-height:1}.order-big{top:.9rem;left:.9rem;background:var(--eng-accent-soft);color:var(--eng-accent-strong)}.remain-big{right:.9rem;bottom:.9rem;background:var(--eng-attention-soft);color:var(--eng-attention)}.next-btn{min-width:118px;min-height:40px;padding:.55rem 1.1rem;margin:1rem 0 0;border:1px solid var(--eng-accent);border-radius:8px;background:var(--eng-accent);color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:background .15s ease,transform .15s ease}.next-btn:hover{background:var(--eng-accent-strong);transform:translateY(-1px)}.result-list{width:min(900px,100%);padding:1rem;margin:0 auto 1.5rem;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);box-shadow:var(--eng-shadow)}.result-list h2{margin:0 0 .85rem;color:var(--eng-text);font-size:1rem;font-weight:800;text-align:center}.result-item{display:grid;grid-template-columns:2.2rem minmax(0,1.2fr) minmax(0,.9fr);gap:.45rem;width:100%;padding:.55rem 0;border:0;border-bottom:1px solid var(--eng-border);background:transparent;color:inherit;font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.result-item:last-child{border-bottom:0}.result-item:hover{color:var(--eng-accent-strong)}.num{color:var(--eng-accent);font-weight:800}.txt{min-width:0;overflow-wrap:anywhere;white-space:normal;word-break:keep-all}.result-item .kor{color:var(--eng-muted)}@media(max-width:720px){.flash-wrapper{padding:.85rem .75rem}.flash-box{min-height:220px;padding:3rem 1rem}.flash-box .eng,.flash-box .kor,.flash-box .placeholder{font-size:1.22rem}.result-item{grid-template-columns:1.8rem minmax(0,1fr)}.result-item .kor{grid-column:2}}.home-page{width:min(1120px,100%);margin:0 auto;padding:1.4rem 0 2.5rem}.group-card{padding:0;margin:0 0 2.15rem;border:0;background:transparent;box-shadow:none}.group-header{display:flex;gap:1rem;align-items:flex-end;justify-content:space-between;padding:0 .15rem .8rem;margin-bottom:.85rem;border-bottom:1px solid var(--eng-border)}.group-header h2{margin:0;color:var(--eng-text);font-size:1.18rem;font-weight:800;line-height:1.15}.group-header p{margin:.22rem 0 0;color:var(--eng-muted);font-size:.92rem;line-height:1.35}.item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.item-card{display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:.9rem;overflow:hidden;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:inherit;text-decoration:none;box-shadow:0 1px 2px #1822300a;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.item-card:hover{border-color:var(--eng-accent);box-shadow:0 10px 24px #0f766e1f;transform:translateY(-2px)}.item-label{margin:0 0 .35rem;color:var(--eng-text);font-size:.98rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere;word-break:keep-all}.item-id{margin:0;overflow:hidden;color:var(--eng-soft);font-size:.82rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;padding:.22rem .48rem;overflow:hidden;border:1px solid transparent;border-radius:6px;background:var(--eng-surface-muted);color:var(--eng-muted);font-size:.68rem;font-weight:850;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.badge-blue{border-color:#b9d7ff;background:#edf5ff;color:#175cd3}.badge-slate{border-color:var(--eng-border);background:var(--eng-surface);color:var(--eng-muted)}.badge-purple{border-color:#d8c9ff;background:#f4f0ff;color:#6941c6}.badge-amber{border-color:#fedf89;background:var(--eng-attention-soft);color:var(--eng-attention)}.badge-rose{border-color:#fecdd3;background:#fff1f3;color:#c01048}.badge-emerald{border-color:#a6e8d5;background:var(--eng-accent-soft);color:var(--eng-accent-strong)}@media(max-width:640px){.home-page{padding-top:.75rem}.group-card{margin-bottom:1.55rem}.group-header{align-items:flex-start}.item-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.6rem}.item-card{min-height:104px;padding:.78rem}}.markdown-reader{position:fixed;top:var(--eng-header-height);right:0;bottom:calc(var(--eng-control-height) + env(safe-area-inset-bottom));left:0;width:min(960px,100%);padding:1rem;margin:0 auto;overflow-y:auto;scroll-padding-bottom:1rem}.line-item{display:block;width:100%;padding:.42rem .55rem;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;line-height:1.34;overflow-wrap:anywhere;text-align:left;word-break:keep-all;cursor:pointer;transition:background .15s ease,border-color .15s ease}.line-item.normal{font-size:1rem}.line-item.large{font-size:1.22rem}.line-item:hover{border-color:var(--eng-border);background:var(--eng-surface)}.line-item.highlight{border-color:#fedf89;background:var(--eng-attention-soft)}.line-item.matched{background:var(--eng-accent-soft)}.md-controls{position:fixed;right:0;bottom:0;left:0;z-index:20;display:flex;flex-wrap:nowrap;gap:.45rem;justify-content:center;min-height:var(--eng-control-height);padding:.6rem max(.85rem,env(safe-area-inset-left)) calc(.6rem + env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-right));overflow-x:auto;border-top:1px solid var(--eng-border);background:#fffffff5;box-shadow:0 -8px 22px #18223014;backdrop-filter:blur(14px)}.md-controls button{min-height:38px;padding:.48rem .7rem;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:var(--eng-text);font:inherit;font-size:.9rem;font-weight:700;white-space:nowrap;cursor:pointer}.md-controls button:hover{border-color:var(--eng-border-strong);background:var(--eng-surface-muted)}@media(max-width:720px){.markdown-reader{padding:.75rem;scroll-padding-bottom:.75rem}.line-item.normal{font-size:.96rem}.line-item.large{font-size:1.12rem}.md-controls{justify-content:flex-start;padding-inline:.55rem}.md-controls button{min-height:36px;padding:.45rem .58rem;font-size:.82rem}}.sentence-list{position:fixed;top:var(--eng-header-height);right:0;bottom:var(--list-bottom);left:0;width:min(1040px,100%);padding:1rem;margin:0 auto;overflow-y:auto;scroll-padding:1rem 1rem calc(var(--eng-control-height) + 1rem)}.sentence-card{position:relative;display:block;width:100%;margin:0 0 .65rem;padding:1rem 1rem 1rem .95rem;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px #1822300a;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.sentence-card:hover{border-color:var(--eng-border-strong);box-shadow:0 8px 20px #18223014;transform:translateY(-1px)}.sentence-card.active{border-color:var(--eng-accent);background:linear-gradient(90deg,var(--eng-accent-soft),var(--eng-surface) 42%);box-shadow:0 10px 26px #0f766e24}.card-head{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.7rem;align-items:start}.card-index{color:var(--eng-muted);font-size:1rem;font-weight:850;line-height:1.3;text-align:right}.card-lines{min-width:0}.line{margin:0;color:var(--eng-text);font-size:1.8rem;font-weight:650;line-height:1.28;overflow-wrap:anywhere;word-break:keep-all}.line+.line{margin-top:.32rem}.line.ko{color:var(--eng-muted);font-size:1.24rem;font-weight:560}.line.hidden{display:none}.rep-pill{position:absolute;top:.8rem;right:.8rem;min-width:28px;padding:.22rem .48rem;border-radius:6px;background:var(--eng-accent);color:#fff;font-size:.78rem;font-weight:800;line-height:1;text-align:center}.loading{width:min(34rem,100%);padding:1rem;margin:1rem auto;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:var(--eng-muted);text-align:center}@media(max-width:720px){.sentence-list{padding:.75rem;scroll-padding-bottom:calc(var(--eng-control-height) + .75rem)}.sentence-card{padding:.82rem}.card-head{grid-template-columns:2rem minmax(0,1fr);gap:.55rem}.card-index{font-size:.88rem}.line{font-size:1.32rem}.line.ko{font-size:1.02rem}}.tense-table-wrap{position:fixed;top:var(--eng-header-height);right:0;bottom:calc(132px + env(safe-area-inset-bottom));left:0;width:min(1220px,100%);padding:1rem;margin:0 auto;overflow:auto}.tense-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);box-shadow:var(--eng-shadow);font-size:.94rem}.tense-table th,.tense-table td{padding:.62rem .5rem;border-right:1px solid var(--eng-border);border-bottom:1px solid var(--eng-border);text-align:center;vertical-align:middle}.tense-table th:last-child,.tense-table td:last-child{border-right:0}.tense-table tbody tr:last-child td{border-bottom:0}.tense-table th{position:sticky;top:0;z-index:1;background:#20303d;color:#fff;font-size:.72rem;font-weight:800;line-height:1.2}.tense-table td:first-child{position:sticky;left:0;z-index:1;background:#20303d;color:#fff;font-size:.8rem;font-weight:850}.tense-table td{color:var(--eng-text);line-height:1.28;overflow-wrap:normal;word-break:normal}.tense-table td.click{cursor:pointer}.tense-table td.click:hover{background:var(--eng-surface-soft)}.tense-table td.play{background:var(--eng-attention-soft);color:var(--eng-attention);font-weight:800}.tense-table td.blank{background:var(--eng-surface-muted);color:var(--eng-muted)}.tense-table td.ok{background:var(--eng-accent-soft);color:var(--eng-accent-strong);font-weight:850}.tense-table td.no{background:var(--eng-danger-soft);color:var(--eng-danger);font-weight:850}.tense-table td.ans{background:var(--eng-attention-soft);color:var(--eng-attention);font-weight:850}.tense-loading{position:fixed;top:calc(var(--eng-header-height) + 1rem);left:50%;width:min(34rem,calc(100% - 2rem));padding:1rem;margin:0;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:var(--eng-muted);text-align:center;transform:translate(-50%)}.tense-footer{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:start;max-height:min(42vh,18rem);min-height:112px;padding:.65rem max(.8rem,env(safe-area-inset-left)) calc(.65rem + env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-right));overflow-y:auto;border-top:1px solid var(--eng-border);background:#fffffff5;box-shadow:0 -8px 22px #18223014;backdrop-filter:blur(14px)}.tense-footer button{min-width:66px;min-height:34px;padding:.34rem .48rem;overflow:hidden;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface);color:var(--eng-text);font:inherit;font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.tense-footer button:hover:not(:disabled){border-color:var(--eng-border-strong);background:var(--eng-surface-muted)}.tense-footer button.active{border-color:var(--eng-accent);background:var(--eng-accent-soft);color:var(--eng-accent-strong)}.tense-footer button.korean{border-color:#fedf89;background:var(--eng-attention-soft);color:var(--eng-attention)}.tense-footer button:disabled{cursor:not-allowed;opacity:.45}.tense-footer .info-btn{min-width:58px}.tense-set-buttons{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;min-height:0}.tense-mode-buttons{display:flex;flex-wrap:nowrap;gap:.45rem;justify-content:flex-end}@media(max-width:760px){.tense-table-wrap{bottom:calc(min(48vh,18rem) + env(safe-area-inset-bottom));padding:.75rem}.tense-table{min-width:980px;font-size:.84rem}.tense-table th,.tense-table td{padding:.5rem .42rem}.tense-footer{grid-template-columns:1fr;max-height:min(48vh,18rem);min-height:0;gap:.45rem}.tense-set-buttons,.tense-mode-buttons{justify-content:flex-start}.tense-footer button{min-height:32px;font-size:.68rem}}.eng-meeting-body{margin:0;background:#f6f7fb}.eng-meeting-body audio{display:none}.eng-app-shell{--eng-header-height: 58px;--eng-control-height: 76px;--eng-bg: #f6f7fb;--eng-surface: #ffffff;--eng-surface-soft: #eef3f2;--eng-surface-muted: #f2f4f7;--eng-border: #d9e0e8;--eng-border-strong: #b8c4d0;--eng-text: #182230;--eng-muted: #667085;--eng-soft: #98a2b3;--eng-accent: #0f766e;--eng-accent-strong: #0b5f59;--eng-accent-soft: #dff4ef;--eng-attention: #b54708;--eng-attention-soft: #fff1d6;--eng-danger: #b42318;--eng-danger-soft: #fee4e2;--eng-shadow: 0 12px 30px rgb(24 34 48 / .08);min-height:100vh;background:radial-gradient(circle at 18% 0%,rgb(223 244 239 / .8),transparent 28rem),linear-gradient(180deg,#f6f7fb,#fbfcfe 46%,#fff);color:var(--eng-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.eng-app-shell *,.eng-app-shell *:before,.eng-app-shell *:after{box-sizing:border-box;letter-spacing:0}.eng-app-shell button,.eng-app-shell a{-webkit-tap-highlight-color:transparent}.eng-app-shell button:focus-visible,.eng-app-shell a:focus-visible{outline:2px solid var(--eng-accent);outline-offset:2px}.eng-app-header{position:fixed;top:0;right:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;min-height:var(--eng-header-height);padding:0 1rem;border-bottom:1px solid var(--eng-border);background:#fffffff0;box-shadow:0 1px 2px #1822300a;backdrop-filter:blur(14px)}.title-block{display:flex;flex-direction:column;gap:.1rem;min-width:0}.title-line{display:flex;gap:.55rem;align-items:center;min-width:0}.title-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--eng-border);border-radius:8px;background:var(--eng-surface-soft);font-size:1rem;line-height:1}.title-block h1{min-width:0;max-width:min(46vw,34rem);margin:0;overflow:hidden;color:var(--eng-text);font-size:1.12rem;font-weight:750;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.eyebrow{margin:0;color:var(--eng-muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.subtitle{max-width:18rem;overflow:hidden;color:var(--eng-muted);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex:0 0 auto;gap:.45rem;align-items:center}.ghost-btn,.home-btn{display:inline-flex;gap:.4rem;align-items:center;justify-content:center;min-height:34px;padding:.4rem .7rem;border-radius:8px;font:inherit;font-size:.9rem;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.ghost-btn{border:1px solid var(--eng-border);background:var(--eng-surface);color:var(--eng-text)}.ghost-btn:hover{border-color:var(--eng-border-strong);background:var(--eng-surface-muted)}.home-btn{border:1px solid var(--eng-accent);background:var(--eng-accent);color:#fff}.home-btn:hover{background:var(--eng-accent-strong);transform:translateY(-1px)}.home-btn:active,.ghost-btn:active{transform:translateY(0)}.eng-app-main{position:relative;min-height:100vh;padding:calc(var(--eng-header-height) + 1rem) 1rem 2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.eng-app-shell{--eng-header-height: 66px;--eng-control-height: 82px}.eng-app-header{align-items:flex-start;padding:.55rem .75rem}.title-line{gap:.45rem}.title-icon{width:26px;height:26px}.title-block h1{max-width:52vw;font-size:1rem}.subtitle{display:none}.header-actions{gap:.35rem}.ghost-btn,.home-btn{min-height:32px;padding:.35rem .55rem;font-size:.82rem}.eng-app-main{padding:calc(var(--eng-header-height) + .7rem) .75rem 1.25rem}}[data-jhub-web-app=eng-meeting]{--eng-meeting-bg: #f8fafc;--eng-meeting-surface: #ffffff;--eng-meeting-text: #0f172a;--eng-meeting-muted: #64748b;--eng-meeting-accent: #2563eb;--eng-meeting-gap-sm: 8px;--eng-meeting-gap-md: 16px;--eng-meeting-gap-lg: 24px;--eng-meeting-radius-card: 18px;--eng-meeting-shadow-card: 0 18px 44px rgba(15, 23, 42, .12);--eng-meeting-nav-height: 64px;--eng-meeting-content-max: 1180px;--service-bg: var(--eng-meeting-bg);--service-surface: var(--eng-meeting-surface);--service-text: var(--eng-meeting-text);--service-muted: var(--eng-meeting-muted);--service-accent: var(--eng-meeting-accent);--service-gap-sm: var(--eng-meeting-gap-sm);--service-gap-md: var(--eng-meeting-gap-md);--service-gap-lg: var(--eng-meeting-gap-lg);--service-radius-card: var(--eng-meeting-radius-card);--service-shadow-card: var(--eng-meeting-shadow-card);--service-nav-height: var(--eng-meeting-nav-height);--service-content-max: var(--eng-meeting-content-max)}
