*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}body{font-size:1rem;line-height:1.6;margin:0;background:#f7f6f1;color:#172644;font-family:system-ui,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif}button,input,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5}::selection{background:#ffd2c9}:is(.learner-markdown,.rendered-markdown) .markdown-aside{display:flex;align-items:flex-start;gap:16px;margin:20px 0;padding:clamp(16px,3vw,28px);border:2px solid #c6dfdd;border-radius:22px;background:#e5f2ef;color:#234a49;overflow-wrap:anywhere}:is(.learner-markdown,.rendered-markdown) .markdown-aside-icon{flex:0 0 auto;font-size:1.6em;line-height:1.4}:is(.learner-markdown,.rendered-markdown) .markdown-aside-content{min-width:0;flex:1}:is(.learner-markdown,.rendered-markdown) .markdown-aside-content>:first-child{margin-top:0}:is(.learner-markdown,.rendered-markdown) .markdown-aside-content>:last-child{margin-bottom:0}:is(.learner-markdown,.rendered-markdown) .markdown-youtube{margin:24px 0}:is(.learner-markdown,.rendered-markdown) .markdown-youtube>div{position:relative;width:100%;overflow:hidden;aspect-ratio:16/9;border-radius:14px;background:#111;box-shadow:0 10px 28px #17243e24}:is(.learner-markdown,.rendered-markdown) .markdown-youtube iframe{position:absolute;inset:0;width:100%;height:100%;border:0}:is(.learner-markdown,.rendered-markdown) .markdown-youtube figcaption{margin-top:8px;color:#69716e;font-size:.875rem;text-align:right}:is(.learner-markdown,.rendered-markdown) .markdown-youtube figcaption a{color:#31599f}:is(.learner-markdown,.rendered-markdown) :is(.markdown-image,.markdown-video,.markdown-pdf){margin:18px 0}:is(.learner-markdown,.rendered-markdown) .markdown-image img,:is(.learner-markdown,.rendered-markdown) .markdown-video video{display:block;width:100%;max-height:70vh;border-radius:12px;background:#111;object-fit:contain}:is(.learner-markdown,.rendered-markdown) .markdown-pdf iframe{display:block;width:100%;min-height:560px;border:1px solid #d8dcd8;border-radius:12px;background:#fff}:is(.learner-markdown,.rendered-markdown) :is(.markdown-image,.markdown-video,.markdown-pdf) figcaption{margin-top:7px;color:#69716e;font-size:.8rem;text-align:right}.review-media-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.review-media-tools label,.review-media-tools button{margin:0!important;border:1px solid #bbc5d5;background:#fff;border-radius:8px;padding:8px 10px;color:#31599f;font-weight:800;cursor:pointer}.review-media-tools label input{display:none}.review-media-tools small{flex-basis:100%;color:#7e8582}.review-media-list{display:grid;gap:6px}.review-media-list span{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:7px;background:#eef3fb;font-size:.8rem}.review-media-list button{border:0;background:transparent;color:#a84939;font-weight:800;cursor:pointer}.review-media-preview{max-height:420px;overflow:auto;margin:12px 0;padding:12px;border:1px solid #dcded9;border-radius:9px;background:#fafaf7}