/* 研修動画：YouTube のような夜の色 */
*{box-sizing:border-box}html,body{margin:0;background:#0f0f0f;color:#f1f1f1;font-family:"Noto Sans JP",Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.tb-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;background:#0f0f0f}
.tb-ico{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tb-ico:hover{background:#272727}
.tb-logo{display:flex;align-items:center;gap:6px;font-weight:700;font-size:1.05rem;white-space:nowrap}.tb-logo small{font-weight:400;color:#aaa;font-size:.7rem;margin-left:2px}
.tb-play{background:#ff0033;width:30px;height:21px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;background:linear-gradient(135deg,#7BBF24,#1A9ED8)}
.tb-search{flex:1;max-width:640px;margin:0 auto;display:flex;height:40px}
.tb-search input{flex:1;min-width:0;background:#121212;border:1px solid #303030;border-right:0;border-radius:40px 0 0 40px;color:#fff;padding:0 16px;font-size:1rem;outline:none}.tb-search input:focus{border-color:#1c62b9}
.tb-search button{width:64px;background:#222;border:1px solid #303030;border-radius:0 40px 40px 0;cursor:pointer}
.tb-user{width:32px;height:32px;border-radius:50%;background:#1A9ED8;display:flex;align-items:center;justify-content:center;font-weight:700}
.tb-login{display:flex;align-items:center;gap:6px;border:1px solid #303030;color:#3ea6ff;border-radius:20px;padding:6px 12px;font-size:.9rem;white-space:nowrap}
.tb-main{padding:0 24px 40px}
.tb-chips{display:flex;gap:12px;overflow-x:auto;padding:12px 0;scrollbar-width:none}.tb-chips::-webkit-scrollbar{display:none}
.tb-chip{background:#272727;border-radius:8px;padding:6px 12px;font-size:.88rem;white-space:nowrap}.tb-chip:hover{background:#3f3f3f}.tb-chip.on{background:#f1f1f1;color:#0f0f0f}
.tb-note{background:#1f1f1f;border-radius:12px;padding:12px 16px;margin:4px 0 12px;font-size:.9rem;color:#ccc}.tb-note a{color:#3ea6ff}
.tb-meta-line{color:#aaa;font-size:.85rem;margin:4px 0 12px}
.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px 16px;margin-top:8px}
.tb-thumb{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#272727}
.tb-thumb img,.tb-noimg{width:100%;height:100%;object-fit:cover;display:block}
.tb-noimg{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#717171;font-size:1.6rem;background:#1f1f1f}.tb-noimg.big{aspect-ratio:16/9;font-size:2.4rem}.tb-noimg span{font-size:.9rem}
.tb-card:hover .tb-thumb img{transform:scale(1.02)}.tb-thumb img{transition:transform .2s}
.tb-dur,.tb-done,.tb-lock{position:absolute;font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.8)}
.tb-dur{right:8px;bottom:8px}.tb-done{left:8px;bottom:8px;background:#2e7d32}.tb-lock{left:8px;top:8px}
.tb-info{padding:12px 4px 0}.tb-title{font-weight:500;font-size:1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tb-sub{color:#aaa;font-size:.85rem;margin-top:4px}
.tb-empty{color:#aaa;grid-column:1/-1;text-align:center;padding:60px 0}
/* 視聴 */
.tb-watch{display:flex;gap:24px;max-width:1754px;margin:0 auto;padding-top:16px}
.tb-primary{flex:1;min-width:0}.tb-side{width:402px;flex-shrink:0}
.tb-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.tb-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tb-player:fullscreen{border-radius:0}
.tb-h1{font-size:1.25rem;font-weight:700;line-height:1.4;margin:12px 0 8px}
.tb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tb-ch{display:flex;align-items:center;gap:12px}.tb-ch small{display:block;color:#aaa;font-size:.75rem}
.tb-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7BBF24,#1A9ED8);display:flex;align-items:center;justify-content:center;font-weight:700}
.tb-acts{display:flex;gap:8px;flex-wrap:wrap}.tb-acts form{margin:0}
.tb-pill{display:inline-flex;align-items:center;gap:6px;background:#272727;border:0;border-radius:18px;height:36px;padding:0 16px;font-size:.88rem;cursor:pointer;white-space:nowrap}.tb-pill:hover{background:#3f3f3f}
.tb-pill.primary{background:#f1f1f1;color:#0f0f0f}.tb-pill.primary:hover{background:#d9d9d9}.tb-pill.ok{background:#2e7d32;cursor:default}
.tb-desc{background:#272727;border-radius:12px;padding:12px;margin-top:12px;font-size:.9rem;line-height:1.7}
.tb-desc summary{cursor:pointer;list-style:none;font-weight:500}.tb-desc summary::-webkit-details-marker{display:none}.tb-more{font-weight:700;margin-left:8px}.tb-desc[open] .tb-more{display:none}.tb-desc>div{margin-top:8px}
.tb-tags{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.tb-tags span{color:#3ea6ff;font-size:.85rem}
.tb-side h2{font-size:1rem;margin:0 0 12px}
.tb-row{display:flex;gap:8px;margin-bottom:8px}.tb-thumb.sm{width:168px;flex-shrink:0;border-radius:8px}.tb-row .tb-info{padding:0}.tb-row .tb-title{font-size:.88rem}.tb-row .tb-sub{font-size:.75rem}
@media (max-width:1000px){.tb-watch{flex-direction:column}.tb-side{width:100%}}
/* スマホ：動画は左右いっぱい・上に固定 */
@media (max-width:640px){
  .tb-top{gap:6px;padding:0 8px}.tb-logo small,.tb-logo>span:not(.tb-play),.tb-login span{display:none}.tb-search button{width:44px}.tb-search input{padding:0 12px}
  .tb-main{padding:0 0 32px}.tb-chips{padding:12px}.tb-note,.tb-meta-line{margin-left:12px;margin-right:12px}
  .tb-grid{grid-template-columns:1fr;gap:24px}.tb-thumb{border-radius:0}.tb-card .tb-info{padding:12px}
  .tb-watch{padding-top:0;gap:12px}.tb-player{border-radius:0;position:sticky;top:56px;z-index:5}
  .tb-primary>*:not(.tb-player){margin-left:12px;margin-right:12px}.tb-h1{font-size:1.05rem}.tb-side{padding:0 12px}
  .tb-row .tb-thumb.sm{width:150px}
}
/* わたしの研修 */
.tb-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid #272727;position:sticky;top:56px;z-index:9;background:#0f0f0f}
.tb-tabs a{padding:10px 14px;font-size:.92rem;color:#aaa;border-bottom:3px solid transparent;display:flex;gap:6px;align-items:center}.tb-tabs a.on{color:#fff;border-color:#f1f1f1;font-weight:700}
.tb-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,#1f2a3a,#252040);border:1px solid #333;border-radius:14px;padding:14px 18px;margin:14px 0 4px}
.tb-cta b{display:block;font-size:1rem;margin-bottom:2px}.tb-cta span{color:#c9c9c9;font-size:.86rem}
.tb-pill.on{background:#3ea6ff;color:#0f0f0f}
.tb-me-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0 6px}.tb-me-head h1{font-size:1.5rem;margin:0 0 4px}.tb-me-head p{color:#aaa;margin:0;font-size:.9rem}
.tb-me-stats{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 6px}.tb-me-stats span{background:#1f1f1f;border-radius:10px;padding:8px 14px;font-size:.82rem;color:#aaa}.tb-me-stats b{color:#fff;font-size:1.15rem;margin-right:6px}
.tb-shelf{margin-top:26px}.tb-shelf h2{font-size:1.15rem;margin:0 0 12px;display:flex;align-items:center;gap:8px}.tb-shelf h2 i{color:#3ea6ff}
.tb-rowscroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,300px);gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.tb-rowscroll .tb-card{scroll-snap-align:start}
.tb-empty-s{color:#888;font-size:.88rem;background:#181818;border-radius:10px;padding:14px}
.tb-form{max-width:760px;margin:0 auto;padding:18px 0 40px}.tb-form h1{font-size:1.5rem}.tb-lead{color:#aaa}.tb-form h2{font-size:1rem;margin:24px 0 10px}
.tb-pick{display:flex;flex-wrap:wrap;gap:8px}.tb-pick label{cursor:pointer}.tb-pick input{position:absolute;opacity:0;pointer-events:none}
.tb-pick span{display:inline-block;background:#272727;border:1px solid #3a3a3a;border-radius:999px;padding:8px 14px;font-size:.9rem}.tb-pick input:checked+span{background:#f1f1f1;color:#0f0f0f;border-color:#f1f1f1;font-weight:700}.tb-pick input:focus-visible+span{outline:2px solid #3ea6ff}
.tb-form-act{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}
/* おすすめのポップアップ */
.tr-pop{position:fixed;right:18px;bottom:18px;width:340px;max-width:calc(100vw - 24px);background:#1f1f1f;color:#f1f1f1;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.45);z-index:9990;overflow:hidden;animation:trPop .35s ease-out}
@keyframes trPop{from{transform:translateY(30px);opacity:0}}
.tr-pop-x{position:absolute;right:8px;top:8px;z-index:2;width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:18px;cursor:pointer}
.tr-pop-a{display:block;color:inherit;text-decoration:none}.tr-pop-img{position:relative;aspect-ratio:16/9;background:#2a2a2a;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#777}.tr-pop-img img{width:100%;height:100%;object-fit:cover}
.tr-pop-img span{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.8);font-size:.75rem;padding:2px 6px;border-radius:4px;color:#fff}
.tr-pop-t{padding:12px 14px}.tr-pop-t small{color:#3ea6ff;font-size:.78rem;display:block}.tr-pop-t b{display:block;margin:4px 0 6px;line-height:1.4}.tr-pop-go{font-size:.85rem;color:#ccc}
.tr-pop-set{display:block;border-top:1px solid #333;padding:10px 14px;font-size:.82rem;color:#3ea6ff;text-decoration:none}
@media (max-width:640px){.tb-tabs{padding:0 8px;top:56px}.tb-cta,.tb-me-head,.tb-me-stats,.tb-shelf h2,.tb-empty-s,.tb-form{margin-left:12px;margin-right:12px}.tb-rowscroll{grid-auto-columns:78%;padding:0 12px 8px}.tb-rowscroll .tb-thumb{border-radius:10px}}
/* =========================================================
   2026-10-28 色：エコルドカラー（白×緑）が標準／ライト（白×金）／KITASAN（黒）は上のまま
   ========================================================= */
html[data-tb="ecold"],html[data-tb="light"]{--tb-bg:#f5f8f7;--tb-sf:#fff;--tb-sf2:#eef3f2;--tb-line:#dfe7e5;--tb-tx:#2f3b3a;--tb-mu:#6f7d7b;--tb-ac:#2c8073;--tb-ac2:#3a9e8f;--tb-on:#fff}
html[data-tb="light"]{--tb-bg:#f6f5f2;--tb-sf:#fff;--tb-sf2:#f0eee8;--tb-line:#e6e2d9;--tb-tx:#1d1b17;--tb-mu:#6e685d;--tb-ac:#7a5400;--tb-ac2:#9a6b00}
html[data-tb="ecold"] body,html[data-tb="light"] body,html[data-tb="ecold"],html[data-tb="light"]{background:var(--tb-bg);color:var(--tb-tx);font-family:'BIZ UDPGothic',"Noto Sans JP",sans-serif}
html[data-tb] .tb-top,html[data-tb] .tb-tabs{background:var(--tb-sf);border-bottom:1px solid var(--tb-line)}
html[data-tb="dark"] .tb-top,html[data-tb="dark"] .tb-tabs{background:#0f0f0f;border-bottom:1px solid #272727}
html[data-tb="ecold"] .tb-ico:hover,html[data-tb="light"] .tb-ico:hover{background:var(--tb-sf2)}
html[data-tb="ecold"] .tb-logo small,html[data-tb="light"] .tb-logo small,html[data-tb="ecold"] .tb-sub,html[data-tb="light"] .tb-sub,html[data-tb="ecold"] .tb-meta-line,html[data-tb="light"] .tb-meta-line,html[data-tb="ecold"] .tb-ch small,html[data-tb="light"] .tb-ch small,html[data-tb="ecold"] .tb-empty,html[data-tb="light"] .tb-empty,html[data-tb="ecold"] .tb-me-head p,html[data-tb="light"] .tb-me-head p,html[data-tb="ecold"] .tb-lead,html[data-tb="light"] .tb-lead{color:var(--tb-mu)}
html[data-tb="ecold"] .tb-search input,html[data-tb="light"] .tb-search input{background:var(--tb-sf);border-color:var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tb-search input:focus,html[data-tb="light"] .tb-search input:focus{border-color:var(--tb-ac2)}
html[data-tb="ecold"] .tb-search button,html[data-tb="light"] .tb-search button{background:var(--tb-sf2);border-color:var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tb-user,html[data-tb="light"] .tb-user{background:var(--tb-ac2);color:#fff}
html[data-tb="ecold"] .tb-login,html[data-tb="light"] .tb-login{border-color:var(--tb-line);color:var(--tb-ac)}
html[data-tb="ecold"] .tb-chip,html[data-tb="light"] .tb-chip{background:var(--tb-sf);border:1px solid var(--tb-line)}
html[data-tb="ecold"] .tb-chip:hover,html[data-tb="light"] .tb-chip:hover{background:var(--tb-sf2)}
html[data-tb="ecold"] .tb-chip.on,html[data-tb="light"] .tb-chip.on{background:var(--tb-ac);border-color:var(--tb-ac);color:var(--tb-on)}
html[data-tb="ecold"] .tb-note,html[data-tb="light"] .tb-note{background:var(--tb-sf);border:1px solid var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tb-note a,html[data-tb="light"] .tb-note a,html[data-tb="ecold"] .tb-tags span,html[data-tb="light"] .tb-tags span,html[data-tb="ecold"] .tb-shelf h2 i,html[data-tb="light"] .tb-shelf h2 i,html[data-tb="ecold"] .tr-pop-t small,html[data-tb="light"] .tr-pop-t small,html[data-tb="ecold"] .tr-pop-set,html[data-tb="light"] .tr-pop-set{color:var(--tb-ac)}
html[data-tb="ecold"] .tb-thumb,html[data-tb="light"] .tb-thumb,html[data-tb="ecold"] .tb-noimg,html[data-tb="light"] .tb-noimg{background:var(--tb-sf2);color:var(--tb-mu)}
html[data-tb="ecold"] .tb-card .tb-info,html[data-tb="light"] .tb-card .tb-info{color:var(--tb-tx)}
html[data-tb="ecold"] .tb-pill,html[data-tb="light"] .tb-pill,html[data-tb="ecold"] .tb-desc,html[data-tb="light"] .tb-desc{background:var(--tb-sf);border:1px solid var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tb-pill:hover,html[data-tb="light"] .tb-pill:hover{background:var(--tb-sf2)}
html[data-tb="ecold"] .tb-pill.primary,html[data-tb="light"] .tb-pill.primary,html[data-tb="ecold"] .tb-pill.on,html[data-tb="light"] .tb-pill.on{background:var(--tb-ac);border-color:var(--tb-ac);color:var(--tb-on)}
html[data-tb="ecold"] .tb-pill.ok,html[data-tb="light"] .tb-pill.ok{background:#2e7d32;border-color:#2e7d32;color:#fff}
html[data-tb="ecold"] .tb-tabs a,html[data-tb="light"] .tb-tabs a{color:var(--tb-mu)}
html[data-tb="ecold"] .tb-tabs a.on,html[data-tb="light"] .tb-tabs a.on{color:var(--tb-ac);border-color:var(--tb-ac)}
html[data-tb="ecold"] .tb-cta,html[data-tb="light"] .tb-cta{background:var(--tb-sf);border-color:var(--tb-line)}
html[data-tb="ecold"] .tb-cta span,html[data-tb="light"] .tb-cta span{color:var(--tb-mu)}
html[data-tb="ecold"] .tb-me-stats span,html[data-tb="light"] .tb-me-stats span,html[data-tb="ecold"] .tb-empty-s,html[data-tb="light"] .tb-empty-s{background:var(--tb-sf);border:1px solid var(--tb-line);color:var(--tb-mu)}
html[data-tb="ecold"] .tb-me-stats b,html[data-tb="light"] .tb-me-stats b{color:var(--tb-tx)}
html[data-tb="ecold"] .tb-pick span,html[data-tb="light"] .tb-pick span{background:var(--tb-sf);border-color:var(--tb-line)}
html[data-tb="ecold"] .tb-pick input:checked+span,html[data-tb="light"] .tb-pick input:checked+span{background:var(--tb-ac);border-color:var(--tb-ac);color:var(--tb-on)}
html[data-tb="ecold"] .tr-pop,html[data-tb="light"] .tr-pop{background:var(--tb-sf);color:var(--tb-tx);border:1px solid var(--tb-line);box-shadow:0 18px 50px rgba(40,80,75,.18)}
html[data-tb="ecold"] .tr-pop-img,html[data-tb="light"] .tr-pop-img{background:var(--tb-sf2)}
html[data-tb="ecold"] .tr-pop-go,html[data-tb="light"] .tr-pop-go{color:var(--tb-mu)}
html[data-tb="ecold"] .tr-pop-set,html[data-tb="light"] .tr-pop-set{border-top-color:var(--tb-line)}
html[data-tb="ecold"] .tb-sub,html[data-tb="light"] .tb-sub{color:var(--tb-ac);font-weight:700}
/* =========================================================
   2026-10-29 確認テスト・AIと壁打ち・合格印（第1弾）
   ========================================================= */
.tb-pass{position:absolute;right:8px;top:8px;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:999px;background:#2e7d32;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.tb-pass.gold{background:linear-gradient(135deg,#f5c518,#e09b00);color:#3a2a00}
.tb-me-stats span.pass b{color:#4caf50}.tb-me-stats span.gold b{color:#e0a800}
.tq-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#1f1f1f;border:1px solid #333;border-radius:14px;padding:14px 16px;margin-top:16px}
.tq-card.ok{border-color:#2e7d32}
.tq-card-l{display:flex;align-items:center;gap:12px}.tq-card-l>i{font-size:1.6rem;color:#3ea6ff}.tq-card.ok .tq-card-l>i{color:#4caf50}.tq-card-l .fa-crown{color:#e0a800!important}
.tq-card-l b{display:block;font-size:1rem}.tq-card-l span{color:#aaa;font-size:.84rem}
.tq-chat{background:#1f1f1f;border:1px solid #333;border-radius:14px;padding:14px 16px;margin-top:14px}
.tq-chat-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px}.tq-chat-h small{color:#aaa;font-size:.8rem}
.tq-chat-log{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:2px}
.tq-chat-hint{color:#aaa;font-size:.88rem;line-height:1.7;margin:0}
.tq-msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:.92rem;line-height:1.7;white-space:normal;word-break:break-word}
.tq-msg.me{align-self:flex-end;background:#3ea6ff;color:#0f0f0f;border-bottom-right-radius:4px}
.tq-msg.ai{align-self:flex-start;background:#272727;border-bottom-left-radius:4px}.tq-msg.wait{opacity:.7;font-style:italic}
.tq-msg.err{align-self:stretch;max-width:none;background:#3a1f1f;color:#ffb4b4}
.tq-chat-f{display:flex;gap:8px;margin-top:10px;align-items:flex-end}.tq-chat-f textarea{flex:1;resize:vertical;min-height:46px;border-radius:12px;border:1px solid #3a3a3a;background:#121212;color:inherit;padding:10px 12px;font:inherit;font-size:.95rem}
.tq-chat-act{display:flex;gap:6px}
.tq-chat-start{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.tq-chat-q{font-weight:700;margin:0 0 10px}
.tq-chat-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.tq-opt{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#272727;border:1px solid #3a3a3a;border-radius:12px;padding:12px 14px;color:inherit;cursor:pointer;font:inherit;transition:background .15s,border-color .15s}
.tq-opt:hover,.tq-opt.on{background:#303a45;border-color:#3ea6ff}.tq-opt i{color:#3ea6ff;font-size:1.1rem;margin-top:2px;width:20px;text-align:center}
.tq-opt b{display:block;font-size:.92rem}.tq-opt small{display:block;color:#aaa;font-size:.78rem;margin-top:2px}
.tq-opt[disabled]{opacity:.45;cursor:not-allowed}
.tq-chat-purpose{display:inline-flex;gap:6px;align-items:center;font-size:.8rem;color:#3ea6ff;background:rgba(62,166,255,.12);border-radius:999px;padding:3px 10px;margin-bottom:8px}
.tq-seek{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:999px;background:#3ea6ff;color:#0f0f0f;font-size:.78rem;font-weight:700;padding:1px 9px;margin:0 3px;cursor:pointer;vertical-align:baseline}
.tq-seek:hover{background:#7cc4ff}
.tq-rel{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:rgba(123,191,36,.18);color:#a6dc5c;font-size:.8rem;padding:1px 9px;margin:0 3px;text-decoration:none}
.tq-rel:hover{background:rgba(123,191,36,.3)}
.tq-next{display:flex;flex-wrap:wrap;gap:6px;align-items:center;align-self:flex-start;max-width:94%}.tq-next small{width:100%;color:#aaa;font-size:.76rem}
.tq-next-b{border:1px solid #3a3a3a;background:transparent;color:inherit;border-radius:999px;padding:5px 12px;font-size:.84rem;cursor:pointer;font:inherit;font-size:.84rem}
.tq-next-b:hover{border-color:#3ea6ff;color:#3ea6ff}
.tq-wrap{max-width:820px;margin:0 auto;padding:16px 0 48px}
.tq-head h1{font-size:1.5rem;margin:10px 0 4px;display:flex;gap:8px;align-items:center}.tq-head h1 i{color:#3ea6ff}
.tq-back{color:#aaa;font-size:.9rem}.tq-title{color:#ccc;margin:0 0 8px;font-weight:700}
.tq-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#aaa;font-size:.88rem}
.tq-pts{display:inline-flex;gap:6px}.tq-pt{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid #555;font-weight:700;font-size:.85rem;color:#aaa}
.tq-pt.ok{background:#2e7d32;border-color:#2e7d32;color:#fff}.tq-pt.ng{border-color:#c0712c;color:#e0a060}.tq-pt.cur{outline:3px solid #3ea6ff;outline-offset:2px}
.tq-note{background:#2a2414;border:1px solid #5a4a1a;color:#f0d890;border-radius:10px;padding:8px 12px;font-size:.86rem;margin:10px 0 0}
.tq-load{text-align:center;padding:40px 0;color:#aaa}.tq-spin{width:42px;height:42px;border-radius:50%;border:4px solid #333;border-top-color:#3ea6ff;margin:0 auto 12px;animation:tqSpin 1s linear infinite}
@keyframes tqSpin{to{transform:rotate(360deg)}}
.tq-err{color:#ffb4b4}
.tq-q{border:1px solid #333;border-radius:14px;padding:14px 16px 10px;margin:16px 0 0;background:#181818}
.tq-q legend{float:left;width:100%;font-weight:700;font-size:1rem;line-height:1.6;margin-bottom:10px;display:flex;gap:10px}
.tq-n{flex:none;width:28px;height:28px;border-radius:50%;background:#3ea6ff;color:#0f0f0f;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem}
.tq-ch{clear:both;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #333;border-radius:10px;margin-bottom:8px;cursor:pointer;line-height:1.6}
.tq-ch input{margin-top:5px;width:18px;height:18px;flex:none;accent-color:#3ea6ff}.tq-ch:has(input:checked){border-color:#3ea6ff;background:rgba(62,166,255,.08)}
.tq-ch.right{border-color:#2e7d32;background:rgba(46,125,50,.15)}.tq-ch.wrong{border-color:#c62828;background:rgba(198,40,40,.12)}
.tq-q.ok{border-color:#2e7d32}.tq-q.ng{border-color:#c62828}
.tq-exp{margin:6px 0 4px;font-size:.88rem;line-height:1.7;color:#ccc}.tq-q.ok .tq-exp b{color:#4caf50}.tq-q.ng .tq-exp b{color:#ef5350}
.tq-act{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;margin-top:12px;background:linear-gradient(transparent,#0f0f0f 30%)}
.tq-left{color:#aaa;font-size:.9rem}
.tq-res{position:relative;overflow:hidden;text-align:center;border:2px solid #444;border-radius:18px;padding:24px 16px;margin-top:22px;background:#181818}
.tq-res.pass{border-color:#2e7d32}.tq-res.gold{border-color:#e0a800}
.tq-score{font-size:1rem;color:#aaa}.tq-score b{font-size:2.6rem;color:#fff;margin-right:4px}
.tq-medal{width:84px;height:84px;margin:10px auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;background:#2e7d32;color:#fff;animation:tqPop .6s cubic-bezier(.2,1.6,.4,1)}
.tq-medal.gold{background:linear-gradient(135deg,#f5c518,#e09b00);color:#3a2a00}.tq-medal.ng{background:#5a4a1a;color:#f0d890}
@keyframes tqPop{from{transform:scale(.2);opacity:0}}
.tq-res h2{margin:6px 0 4px;font-size:1.4rem}.tq-res p{color:#bbb;margin:0 0 12px}
.tq-res-act{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.tq-confetti{position:absolute;inset:0;pointer-events:none}.tq-confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:tqFall 2.2s ease-in forwards}
@keyframes tqFall{to{top:110%;transform:rotate(540deg)}}
.tq-paid{display:flex;gap:14px;align-items:flex-start;text-align:left;background:linear-gradient(135deg,#2a2414,#2a1f30);border:1px solid #6a5420;border-radius:14px;padding:16px;margin:16px 0}
.tq-paid>i{font-size:1.6rem;color:#e0a800;margin-top:2px}.tq-paid b{display:block;margin-bottom:4px}.tq-paid p{color:#ccc;font-size:.88rem;line-height:1.7;margin:0 0 10px}
@media (prefers-reduced-motion: reduce){.tq-medal,.tq-spin{animation:none}}
@media (max-width:640px){.tq-wrap{padding:12px 12px 40px}.tq-card,.tq-chat{margin-left:12px;margin-right:12px}.tq-msg{max-width:94%}}
/* 白い色（エコルドカラー・ライト） */
html[data-tb="ecold"] .tq-card,html[data-tb="light"] .tq-card,html[data-tb="ecold"] .tq-chat,html[data-tb="light"] .tq-chat,html[data-tb="ecold"] .tq-q,html[data-tb="light"] .tq-q,html[data-tb="ecold"] .tq-res,html[data-tb="light"] .tq-res{background:var(--tb-sf);border-color:var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tq-card.ok,html[data-tb="light"] .tq-card.ok,html[data-tb="ecold"] .tq-q.ok,html[data-tb="light"] .tq-q.ok,html[data-tb="ecold"] .tq-res.pass,html[data-tb="light"] .tq-res.pass{border-color:#2e7d32}
html[data-tb="ecold"] .tq-q.ng,html[data-tb="light"] .tq-q.ng{border-color:#c62828}
html[data-tb="ecold"] .tq-res.gold,html[data-tb="light"] .tq-res.gold{border-color:#e0a800}
html[data-tb="ecold"] .tq-card-l span,html[data-tb="light"] .tq-card-l span,html[data-tb="ecold"] .tq-chat-h small,html[data-tb="light"] .tq-chat-h small,html[data-tb="ecold"] .tq-chat-hint,html[data-tb="light"] .tq-chat-hint,html[data-tb="ecold"] .tq-back,html[data-tb="light"] .tq-back,html[data-tb="ecold"] .tq-meta,html[data-tb="light"] .tq-meta,html[data-tb="ecold"] .tq-left,html[data-tb="light"] .tq-left,html[data-tb="ecold"] .tq-score,html[data-tb="light"] .tq-score,html[data-tb="ecold"] .tq-res p,html[data-tb="light"] .tq-res p,html[data-tb="ecold"] .tq-exp,html[data-tb="light"] .tq-exp,html[data-tb="ecold"] .tq-load,html[data-tb="light"] .tq-load{color:var(--tb-mu)}
html[data-tb="ecold"] .tq-title,html[data-tb="light"] .tq-title,html[data-tb="ecold"] .tq-score b,html[data-tb="light"] .tq-score b{color:var(--tb-tx)}
html[data-tb="ecold"] .tq-card-l>i,html[data-tb="light"] .tq-card-l>i,html[data-tb="ecold"] .tq-head h1 i,html[data-tb="light"] .tq-head h1 i{color:var(--tb-ac)}
html[data-tb="ecold"] .tq-n,html[data-tb="light"] .tq-n,html[data-tb="ecold"] .tq-msg.me,html[data-tb="light"] .tq-msg.me{background:var(--tb-ac);color:#fff}
html[data-tb="ecold"] .tq-msg.ai,html[data-tb="light"] .tq-msg.ai{background:var(--tb-sf2);color:var(--tb-tx)}
html[data-tb="ecold"] .tq-msg.err,html[data-tb="light"] .tq-msg.err{background:#fdecec;color:#a12626}
html[data-tb="ecold"] .tq-chat-f textarea,html[data-tb="light"] .tq-chat-f textarea{background:#fff;border-color:var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tq-ch,html[data-tb="light"] .tq-ch{border-color:var(--tb-line)}
html[data-tb="ecold"] .tq-ch input,html[data-tb="light"] .tq-ch input{accent-color:var(--tb-ac)}
html[data-tb="ecold"] .tq-ch:has(input:checked),html[data-tb="light"] .tq-ch:has(input:checked){border-color:var(--tb-ac);background:rgba(44,128,115,.08)}
html[data-tb="ecold"] .tq-ch.right,html[data-tb="light"] .tq-ch.right{border-color:#2e7d32;background:#e8f5e9}
html[data-tb="ecold"] .tq-ch.wrong,html[data-tb="light"] .tq-ch.wrong{border-color:#c62828;background:#fdecec}
html[data-tb="ecold"] .tq-act,html[data-tb="light"] .tq-act{background:linear-gradient(transparent,var(--tb-bg) 30%)}
html[data-tb="ecold"] .tq-pt,html[data-tb="light"] .tq-pt{border-color:var(--tb-line);color:var(--tb-mu)}
html[data-tb="ecold"] .tq-pt.ok,html[data-tb="light"] .tq-pt.ok{background:#2e7d32;border-color:#2e7d32;color:#fff}
html[data-tb="ecold"] .tq-pt.cur,html[data-tb="light"] .tq-pt.cur{outline-color:var(--tb-ac)}
html[data-tb="ecold"] .tq-note,html[data-tb="light"] .tq-note{background:#fff8e1;border-color:#f0d890;color:#6b5000}
html[data-tb="ecold"] .tq-paid,html[data-tb="light"] .tq-paid{background:#fffaf0;border-color:#f0d890}
html[data-tb="ecold"] .tq-paid p,html[data-tb="light"] .tq-paid p{color:var(--tb-mu)}
html[data-tb="ecold"] .tq-medal.ng,html[data-tb="light"] .tq-medal.ng{background:#fff3cd;color:#8a6500}
html[data-tb="ecold"] .tq-spin,html[data-tb="light"] .tq-spin{border-color:var(--tb-line);border-top-color:var(--tb-ac)}
/* =========================================================
   2026-10-29 研修 第2弾：目標・割り当て・重要研修・苦手・バッジ・ポップアップ
   ========================================================= */
.tq-howto{display:flex;gap:10px;align-items:center;background:#1a2a22;border:1px solid #2e5a3e;border-radius:12px;padding:10px 14px;margin:10px 0 4px;font-size:.88rem;color:#cde8d4}.tq-howto i{color:#4caf50;font-size:1.2rem}
.tg-goal{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#1f1f1f;border:1px solid #333;border-radius:16px;padding:14px 18px;margin:14px 0 4px}
.tg-ring-btn{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}.tg-ring-btn:focus-visible{outline:3px solid #3ea6ff;outline-offset:3px}
.tg-ring{width:112px;height:112px;display:block}.tg-ring.big{width:160px;height:160px;margin:0 auto}
.tg-ring circle,.kt-donut circle{fill:none}.tg-ring .bg{stroke:#333;stroke-width:10}
.tg-ring .fg{stroke:#3ea6ff;stroke-width:10;stroke-linecap:round;stroke-dasharray:var(--c);stroke-dashoffset:var(--o);transform:rotate(-90deg);transform-origin:50% 50%;animation:tgRing 1.3s cubic-bezier(.2,.8,.2,1)}
.tg-ring.ok .fg{stroke:#4caf50}
@keyframes tgRing{from{stroke-dashoffset:var(--c)}}
.tg-ring .n{font-size:32px;font-weight:700;fill:#fff;text-anchor:middle}.tg-ring .s{font-size:12px;fill:#aaa;text-anchor:middle}
.tg-goal-t{flex:1;min-width:220px}.tg-goal-t>b{display:block;font-size:1.05rem;margin-bottom:4px}.tg-goal-t>span{color:#bbb;font-size:.9rem}.tg-goal-t>span b{color:#fff;font-size:1.05rem}
.tg-change{margin-top:8px}.tg-change summary{cursor:pointer;color:#3ea6ff;font-size:.88rem}
.tg-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.tg-presets{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tg-presets label{cursor:pointer}.tg-presets input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.tg-presets label>span{display:inline-block;background:#272727;border:1px solid #3a3a3a;border-radius:999px;padding:7px 14px;font-weight:700}
.tg-presets input:checked+span{background:#f1f1f1;color:#0f0f0f;border-color:#f1f1f1}.tg-presets input:focus-visible+span{outline:3px solid #3ea6ff}
.tg-free{display:inline-flex;align-items:center;gap:4px}.tg-free input{width:86px;height:36px;border-radius:999px;border:1px solid #3a3a3a;background:#121212;color:inherit;padding:0 12px;font:inherit}.tg-free span{background:none!important;border:0!important;padding:0!important;font-weight:400!important}
.tg-sec{margin-top:24px}.tg-sec h2{font-size:1.15rem;margin:0 0 10px;display:flex;align-items:center;gap:8px}.tg-sec h2 i{color:#3ea6ff}
.tg-asg{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tg-asg li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#1f1f1f;border:1px solid #333;border-left:4px solid #f0a95c;border-radius:12px;padding:10px 14px}
.tg-asg li a{display:flex;flex-direction:column;gap:2px;min-width:0}.tg-asg small{color:#aaa;font-size:.8rem}
.tg-st{white-space:nowrap;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:999px;background:#2a2a2a;color:#ccc}
.tg-st.ok{background:#2e7d32;color:#fff}.tg-st.soon{background:#5a4a1a;color:#ffd98a}.tg-st.late{background:#5a1f1f;color:#ffb4b4}
.tg-weak{display:flex;gap:8px;flex-wrap:wrap;margin:0}.tg-weak span{background:#2a2414;border:1px solid #5a4a1a;color:#f0d890;border-radius:999px;padding:6px 14px;font-weight:700}.tg-weak small{font-weight:400;margin-left:6px;color:#c9b070}
.tg-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tg-badge{text-align:center;background:#181818;border:1px dashed #3a3a3a;border-radius:14px;padding:12px 8px;opacity:.55}
.tg-badge span{width:52px;height:52px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#2a2a2a;color:#777}
.tg-badge b{display:block;font-size:.9rem}.tg-badge small{display:block;color:#999;font-size:.75rem;line-height:1.4;margin-top:2px}
.tg-badge.on{opacity:1;border-style:solid;border-color:#6a5420;background:#211d12}.tg-badge.on span{background:linear-gradient(135deg,#f5c518,#e09b00);color:#3a2a00;box-shadow:0 4px 14px rgba(224,168,0,.35)}
.tg-badges.pop{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:10px}.tg-badges.pop .tg-badge span{animation:tqPop .6s cubic-bezier(.2,1.6,.4,1)}
.tg-pop{position:fixed;inset:0;z-index:9995;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.tg-pop-in{position:relative;overflow:hidden;width:440px;max-width:100%;max-height:92vh;overflow-y:auto;background:#1f1f1f;border:1px solid #333;border-radius:20px;padding:24px 22px;text-align:center;animation:trPop .35s ease-out}
.tg-pop-in h2{font-size:1.3rem;margin:4px 0 10px}.tg-pop-in h2 i{color:#e0a800;margin-right:6px}.tg-pop-in p{color:#ccc;line-height:1.7}
.tg-pop-in .tg-form{justify-content:center}.tg-pop-act{display:flex;flex-direction:column;align-items:center;gap:8px}
.tg-pop-x{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:0;background:#2a2a2a;color:#fff;font-size:20px;cursor:pointer}
.tg-pop-ring{margin:6px 0}
@media (max-width:640px){.tg-goal,.tg-sec{margin-left:12px;margin-right:12px}.tq-howto{margin-left:12px;margin-right:12px}.tg-badges{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion: reduce){.tg-ring .fg{animation:none}.tg-pop-in,.tg-badges.pop .tg-badge span{animation:none}}
/* 白い色 */
html[data-tb="ecold"] .tq-howto,html[data-tb="light"] .tq-howto{background:#eef8f0;border-color:#b9dfc3;color:#22553a}
html[data-tb="ecold"] .tg-goal,html[data-tb="light"] .tg-goal,html[data-tb="ecold"] .tg-asg li,html[data-tb="light"] .tg-asg li,html[data-tb="ecold"] .tg-pop-in,html[data-tb="light"] .tg-pop-in{background:var(--tb-sf);border-color:var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tg-asg li,html[data-tb="light"] .tg-asg li{border-left-color:#f0a95c}
html[data-tb="ecold"] .tg-ring .bg,html[data-tb="light"] .tg-ring .bg{stroke:var(--tb-sf2)}
html[data-tb="ecold"] .tg-ring .fg,html[data-tb="light"] .tg-ring .fg{stroke:var(--tb-ac2)}
html[data-tb="ecold"] .tg-ring.ok .fg,html[data-tb="light"] .tg-ring.ok .fg{stroke:#2e7d32}
html[data-tb="ecold"] .tg-ring .n,html[data-tb="light"] .tg-ring .n{fill:var(--tb-tx)}
html[data-tb="ecold"] .tg-ring .s,html[data-tb="light"] .tg-ring .s,html[data-tb="ecold"] .tg-goal-t>span,html[data-tb="light"] .tg-goal-t>span,html[data-tb="ecold"] .tg-asg small,html[data-tb="light"] .tg-asg small,html[data-tb="ecold"] .tg-pop-in p,html[data-tb="light"] .tg-pop-in p{color:var(--tb-mu);fill:var(--tb-mu)}
html[data-tb="ecold"] .tg-goal-t>span b,html[data-tb="light"] .tg-goal-t>span b{color:var(--tb-tx)}
html[data-tb="ecold"] .tg-change summary,html[data-tb="light"] .tg-change summary,html[data-tb="ecold"] .tg-sec h2 i,html[data-tb="light"] .tg-sec h2 i{color:var(--tb-ac)}
html[data-tb="ecold"] .tg-presets label>span,html[data-tb="light"] .tg-presets label>span{background:var(--tb-sf);border-color:var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tg-presets input:checked+span,html[data-tb="light"] .tg-presets input:checked+span{background:var(--tb-ac);border-color:var(--tb-ac);color:#fff}
html[data-tb="ecold"] .tg-free input,html[data-tb="light"] .tg-free input{background:#fff;border-color:var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tg-st,html[data-tb="light"] .tg-st{background:var(--tb-sf2);color:var(--tb-mu)}
html[data-tb="ecold"] .tg-st.ok,html[data-tb="light"] .tg-st.ok{background:#2e7d32;color:#fff}
html[data-tb="ecold"] .tg-st.soon,html[data-tb="light"] .tg-st.soon{background:#fff3cd;color:#7a5600}
html[data-tb="ecold"] .tg-st.late,html[data-tb="light"] .tg-st.late{background:#fdecec;color:#a12626}
html[data-tb="ecold"] .tg-weak span,html[data-tb="light"] .tg-weak span{background:#fff8e1;border-color:#f0d890;color:#6b5000}
html[data-tb="ecold"] .tg-weak small,html[data-tb="light"] .tg-weak small{color:#8a6d20}
html[data-tb="ecold"] .tg-badge,html[data-tb="light"] .tg-badge{background:var(--tb-sf);border-color:var(--tb-line)}
html[data-tb="ecold"] .tg-badge span,html[data-tb="light"] .tg-badge span{background:var(--tb-sf2);color:#9aa8a6}
html[data-tb="ecold"] .tg-badge small,html[data-tb="light"] .tg-badge small{color:var(--tb-mu)}
html[data-tb="ecold"] .tg-badge.on,html[data-tb="light"] .tg-badge.on{background:#fffaf0;border-color:#f0d890}
html[data-tb="ecold"] .tg-badge.on span,html[data-tb="light"] .tg-badge.on span{background:linear-gradient(135deg,#f5c518,#e09b00);color:#3a2a00}
html[data-tb="ecold"] .tg-pop-x,html[data-tb="light"] .tg-pop-x{background:var(--tb-sf2);color:var(--tb-tx)}
html[data-tb="ecold"] .tg-pop,html[data-tb="light"] .tg-pop{background:rgba(30,50,46,.45)}
.tg-msg{margin:8px 0 0;font-weight:700;color:#ffd98a}.tg-msg i{color:#e0a800}
html[data-tb="ecold"] .tg-msg,html[data-tb="light"] .tg-msg{color:#7a5600}

html[data-tb="ecold"] .tq-opt,html[data-tb="light"] .tq-opt{background:#fff;border-color:var(--tb-line);color:var(--tb-tx)}
html[data-tb="ecold"] .tq-opt:hover,html[data-tb="light"] .tq-opt:hover,html[data-tb="ecold"] .tq-opt.on,html[data-tb="light"] .tq-opt.on{background:var(--tb-sf2);border-color:var(--tb-ac)}
html[data-tb="ecold"] .tq-opt small,html[data-tb="light"] .tq-opt small,html[data-tb="ecold"] .tq-next small,html[data-tb="light"] .tq-next small{color:var(--tb-mu)}
html[data-tb="ecold"] .tq-next-b,html[data-tb="light"] .tq-next-b{border-color:var(--tb-line);background:#fff}
html[data-tb="ecold"] .tq-rel,html[data-tb="light"] .tq-rel{color:#3f7a0b}
@media (max-width:640px){.tq-chat-opts{grid-template-columns:1fr}}
.tq-chat [hidden]{display:none!important}