.isd-tm,.isd-tm-gate{--ink:#26231f;--brown:#704c32;--brown-dark:#3e2c20;--cream:#f7f3eb;--paper:#fffdf8;--green:#176955;--green-dark:#0f493c;--line:#ded6c9;max-width:1240px;margin:0 auto;padding:52px 24px;color:var(--ink);font-family:Inter,"Noto Sans KR",system-ui,sans-serif}
.isd-tm header{min-height:430px;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:52px;border-radius:32px;background:linear-gradient(90deg,rgba(26,20,16,.92) 0%,rgba(26,20,16,.65) 48%,rgba(26,20,16,.15) 100%),url('topik-pbt-room.webp') center/cover no-repeat;color:#fff;box-shadow:0 30px 70px rgba(44,32,24,.18)}
.isd-tm header:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.25);border-radius:inherit;pointer-events:none}.isd-tm header>div{position:relative;z-index:1;max-width:660px}.isd-tm header p:first-child,.isd-tm-vault>div>p,.isd-tm-break>p{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.2em;color:#dfc4a9}.isd-tm h1{max-width:760px;margin:8px 0 14px;font-size:clamp(36px,6vw,68px);line-height:1.04;letter-spacing:-.045em}.isd-tm header p:last-child{max-width:600px;margin:0;color:#f3eee7;font-size:17px;line-height:1.75}.isd-tm h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em}.isd-tm-library{padding:64px 0 32px}.isd-tm-library>h2{margin:0 0 24px}
.isd-tm-scoring{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:28px;align-items:center;margin:-34px 34px 0;position:relative;z-index:2;padding:25px 28px;border:1px solid #c9ded6;border-radius:20px;background:rgba(255,253,248,.97);box-shadow:0 16px 36px rgba(58,44,33,.11)}.isd-tm-scoring div{display:flex;flex-direction:column;gap:6px}.isd-tm-scoring span{color:var(--green);font-size:11px;font-weight:900;letter-spacing:.16em}.isd-tm-scoring strong{color:var(--brown-dark);font-size:19px;line-height:1.45}.isd-tm-scoring p{margin:0;color:#5f5951;line-height:1.7}
.isd-tm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}.isd-tm-cards article,.isd-tm-empty,.isd-tm-check,.isd-tm-break,.isd-tm-result,.isd-tm-error,.isd-tm-loading,.isd-tm-cancelled{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 12px 32px rgba(58,44,33,.06)}.isd-tm-cards article{display:flex;min-height:245px;flex-direction:column;align-items:flex-start;transition:transform .2s ease,box-shadow .2s ease}.isd-tm-cards article:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(58,44,33,.1)}.isd-tm-cards article>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eee5d8;color:var(--brown-dark);font-size:12px;font-weight:800}.isd-tm-cards h3{margin:22px 0 8px;font-size:23px;line-height:1.35}.isd-tm-cards article>p{margin:0 0 24px;color:#686158}.isd-tm-cards article>.isd-tm-button{margin-top:auto}
.isd-tm-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:var(--green);color:#fff!important;padding:13px 19px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px rgba(23,105,85,.18);transition:background .2s ease,transform .2s ease}.isd-tm-button:hover{background:var(--green-dark);transform:translateY(-1px)}.isd-tm-button:disabled{background:#aaa59d;box-shadow:none;cursor:not-allowed;transform:none}
.isd-tm-runner{position:relative;margin:28px 0 54px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#ede9e2;box-shadow:0 22px 50px rgba(58,44,33,.1)}.isd-tm-toolbar{display:grid;grid-template-columns:auto minmax(100px,auto) minmax(420px,1fr);align-items:center;gap:18px;padding:14px 20px;background:var(--brown-dark);color:#fff}.isd-tm-toolbar-title{min-width:85px}.isd-tm-toolbar small{display:block;color:#d9c8bb}.isd-tm-toolbar time{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.isd-tm-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.isd-tm-tool-button,.isd-tm-cancel-button{min-height:38px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;padding:8px 12px;font-weight:800;cursor:pointer}.isd-tm-tool-button:hover,.isd-tm-tool-button:focus-visible{background:rgba(255,255,255,.2)}.isd-tm-tool-button.is-cancel{border-color:#dcaaa4;color:#ffe5e1}.isd-tm-volume{display:grid!important;grid-template-columns:auto minmax(80px,130px) 40px;align-items:center;gap:7px;margin:0!important;font-size:12px;font-weight:800}.isd-tm-volume input{width:100%;accent-color:#9fd3c3}.isd-tm-volume output{font-variant-numeric:tabular-nums;color:#e5ddd5}.isd-tm-runner audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.isd-tm-audio-lock{display:flex;align-items:center;gap:20px;padding:13px 20px;background:#f1e9dc;border-bottom:1px solid var(--line)}.isd-tm-audio-lock>div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:260px}.isd-tm-audio-lock strong{color:var(--brown-dark)}.isd-tm-audio-lock span{color:#6a6259;font-size:13px}.isd-tm-audio-track{height:5px;flex:1;overflow:hidden;border-radius:999px;background:#d7cbbb}.isd-tm-audio-track i{display:block;width:0;height:100%;background:var(--green);transition:width .5s linear}
.isd-tm-pause-screen{position:absolute;inset:68px 0 0;z-index:8;display:grid;place-items:center;padding:24px;background:rgba(38,35,31,.87);backdrop-filter:blur(5px);color:#fff;text-align:center}.isd-tm-pause-screen[hidden]{display:none}.isd-tm-pause-screen>div{max-width:520px;padding:32px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(62,44,32,.94)}.isd-tm-pause-screen p:first-child{color:#a9e3d0;font-size:12px;font-weight:900;letter-spacing:.18em}.isd-tm-pause-screen h2{color:#fff}.isd-tm-runner.is-paused .isd-tm-work,.isd-tm-runner.is-paused .isd-tm-audio-lock{pointer-events:none;user-select:none}.isd-tm-runner.is-paused #isd-tm-clock{color:#a9e3d0}
.isd-tm-work{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:min(78vh,900px)}.isd-tm-work iframe{width:100%;height:100%;border:0;background:#625e58}.isd-tm-work aside{padding:18px;overflow:auto;background:var(--paper);border-left:1px solid var(--line)}.isd-tm-work aside h3{margin-top:0}.isd-tm-auto-score-mini{display:flex;flex-direction:column;margin:-2px 0 16px;padding:11px 12px;border-left:4px solid var(--green);border-radius:8px;background:#edf7f3}.isd-tm-auto-score-mini strong{color:var(--green-dark);font-size:13px}.isd-tm-auto-score-mini span{color:#5f6964;font-size:11px}.isd-tm-palette{display:grid;gap:10px;margin-bottom:20px}.isd-tm-answer{display:grid;grid-template-columns:34px repeat(4,1fr);align-items:center;gap:5px}.isd-tm-answer input{position:absolute;opacity:0}.isd-tm-answer span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;cursor:pointer}.isd-tm-answer input:focus+span{outline:3px solid rgba(23,105,85,.22)}.isd-tm-answer input:checked+span{background:var(--green);border-color:var(--green);color:#fff}.isd-tm-write{display:block}.isd-tm-write textarea{box-sizing:border-box;width:100%;min-height:140px;margin:8px 0 18px;padding:12px;border:1px solid var(--line);border-radius:10px;resize:vertical}
.isd-tm-check{max-width:720px;margin:32px auto}.isd-tm-check h2{margin-top:0}.isd-tm-check li{margin:12px 0;line-height:1.6}.isd-tm-check>label{display:block;margin:22px 0}.isd-tm-score-note{margin:20px 0;padding:16px 18px;border:1px solid #bfdbd1;border-radius:13px;background:#edf7f3}.isd-tm-score-note strong{display:block;margin-bottom:5px;color:var(--green-dark);font-size:17px}.isd-tm-score-note p{margin:0;color:#455a52;line-height:1.65}.isd-tm-check-actions{display:flex;gap:10px;align-items:center}.isd-tm-cancel-button{border-color:#c9bdb2;background:#fff;color:#6f4b39}.isd-tm-cancel-button:hover{background:#f6eee8}.isd-tm-break,.isd-tm-result,.isd-tm-cancelled{text-align:center;max-width:720px;margin:38px auto}.isd-tm-break>strong{display:block;margin:12px 0;font-size:clamp(52px,10vw,92px);color:var(--green);font-variant-numeric:tabular-nums}.isd-tm-transition{padding-block:54px}.isd-tm-result h2{font-size:78px;margin:12px}.isd-tm-result>strong{display:block;margin-bottom:14px}.isd-tm-cancelled>p:first-child{color:#8b2921;font-size:12px;font-weight:900;letter-spacing:.18em}.isd-tm-error{border-color:#dcaeaa;color:#8b2921}.isd-tm-error .isd-tm-cancel-button{margin-left:8px}
.isd-tm-vault{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:40px;margin-top:34px;padding:42px;border-radius:26px;background:var(--brown-dark);color:#fff}.isd-tm-vault h2{margin:0 0 12px;color:#fff}.isd-tm-vault>div>p:last-child{max-width:560px;color:#dfd4ca;line-height:1.7}.isd-tm-vault form{align-self:center}.isd-tm-vault label{display:block;margin-bottom:9px;font-weight:800}.isd-tm-vault-controls{display:flex;gap:9px}.isd-tm-vault-controls input{min-width:0;flex:1;padding:13px;border:1px solid #cdb8a5;border-radius:10px;background:#fff;color:#211b17}.isd-tm-vault-error{grid-column:1/-1;margin:0;padding:10px 14px;border-radius:10px;background:#7f2f2b;color:#fff}.isd-tm-vault-status{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.08)}.isd-tm-vault-status strong{color:#a9e3d0}.isd-tm-vault-files{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.isd-tm-vault-files a{display:flex;min-height:130px;flex-direction:column;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none}.isd-tm-vault-files a span{font-size:12px;color:#a9e3d0}.isd-tm-vault-files a strong{margin:10px 0 3px}.isd-tm-vault-files a small{margin-top:auto;color:#d3c9c0;word-break:break-all}.isd-tm-lock-button{border:0;background:none;color:#e8d6c6;text-decoration:underline;cursor:pointer}.isd-tm-gate{margin-top:40px;border-radius:24px;background:var(--cream);text-align:center}.isd-tm-gate h1{font-size:clamp(34px,6vw,60px)}
@media(max-width:980px){.isd-tm-toolbar{grid-template-columns:auto auto}.isd-tm-toolbar-actions{grid-column:1/-1;justify-content:flex-start}.isd-tm-pause-screen{inset:122px 0 0}}
@media(max-width:800px){.isd-tm{padding:20px 12px}.isd-tm header{min-height:390px;padding:30px 22px;background-position:62% center}.isd-tm-scoring{grid-template-columns:1fr;margin:-24px 12px 0;padding:20px;gap:12px}.isd-tm-library{padding-top:44px}.isd-tm-work{grid-template-columns:1fr;height:auto}.isd-tm-work iframe{height:60vh}.isd-tm-work aside{max-height:60vh;border-top:1px solid var(--line);border-left:0}.isd-tm-toolbar{grid-template-columns:1fr auto;padding:12px}.isd-tm-toolbar time{font-size:23px}.isd-tm-toolbar-actions{gap:6px}.isd-tm-tool-button{min-height:36px;padding:7px 9px;font-size:12px}.isd-tm-volume{order:4;grid-template-columns:auto minmax(110px,1fr) 38px;width:100%}.isd-tm-pause-screen{inset:132px 0 0}.isd-tm-audio-lock{display:block}.isd-tm-audio-lock>div:first-child{min-width:0;margin-bottom:10px}.isd-tm-check-actions{align-items:stretch;flex-direction:column}.isd-tm-vault{grid-template-columns:1fr;padding:28px 20px}.isd-tm-vault-controls{flex-direction:column}.isd-tm-vault-files{grid-column:1}.isd-tm-cards article{min-height:210px}}