.tool{padding-block:var(--space-12) var(--space-16)}.tool-header{margin-bottom:var(--space-8)}.tool-header__title{margin:0;font-size:var(--text-2xl)}.tool-header__desc{margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--text-base)}.tool-intro{margin-bottom:var(--space-8)}.tool-widget{display:flex;flex-direction:column;gap:var(--space-6)}.tool-field{display:flex;flex-direction:column;gap:var(--space-2)}.tool-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.tool-hint{margin:0;font-size:var(--text-xs);line-height:1.6;color:var(--color-muted)}.tool-input,.tool-textarea,.tool-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-sm);line-height:1.5}.tool-textarea{resize:vertical;min-height:6rem}.tool-select{cursor:pointer}.tool-input:focus-visible,.tool-textarea:focus-visible,.tool-select:focus-visible{border-color:var(--color-accent)}.tool-input:disabled,.tool-textarea:disabled{color:var(--color-faint);background:var(--color-bg-subtle)}.tool-input[type=number]{-moz-appearance:textfield;appearance:textfield}.tool-input[type=number]::-webkit-outer-spin-button,.tool-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tool-date{display:flex;align-items:center;gap:var(--space-2)}.tool-date .tool-select{width:auto;flex:1 1 0;min-width:0;padding-inline:var(--space-2);text-align:center}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-4) var(--space-6)}.tool-advanced{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg-subtle)}.tool-advanced>summary{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-text);cursor:pointer;list-style:none}.tool-advanced>summary::-webkit-details-marker{display:none}.tool-advanced>summary:before{content:"";flex:none;width:.45rem;height:.45rem;margin-right:.1rem;border-right:1.6px solid var(--color-muted);border-bottom:1.6px solid var(--color-muted);transform:rotate(-45deg);transition:transform .15s ease}.tool-advanced[open]>summary:before{transform:rotate(45deg)}.tool-advanced__hint{margin-left:auto;font-weight:400;color:var(--color-muted)}.tool-advanced__body{padding:0 var(--space-4) var(--space-4)}.tool-line{display:grid;grid-template-columns:4.5rem 1fr;align-items:center;gap:var(--space-2) var(--space-3)}.tool-line+.tool-line{margin-top:var(--space-3)}@media(max-width:30rem){.tool-line{grid-template-columns:1fr;gap:var(--space-1)}}.tool-color{width:3rem;height:2.25rem;padding:.15rem;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);cursor:pointer}.tool-color:disabled{opacity:.45;cursor:not-allowed}.mq-swatches{display:flex;flex-wrap:wrap;gap:var(--space-1)}.mq-swatch{width:1.4rem;height:1.4rem;padding:0;border:1px solid var(--color-line);border-radius:999px;background:var(--sw, #fff);cursor:pointer}.mq-swatch.is-active{outline:2px solid var(--color-accent);outline-offset:1px}.mq-swatch--none{position:relative;background:transparent}.mq-swatch--none:after{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:1.5px solid var(--color-muted);transform:rotate(-45deg)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tool-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.tool-row .tool-input{width:auto;flex:0 0 auto}.tool-checks{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:0}.tool-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.tool-check input[type=checkbox],.tool-check input[type=radio]{width:1.05em;height:1.05em;margin:0;accent-color:var(--color-accent);cursor:pointer}.tool-range{width:100%;height:1.5rem;margin:0;padding:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.tool-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--color-line)}.tool-range::-moz-range-track{height:4px;border-radius:999px;background:var(--color-line)}.tool-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.1rem;height:1.1rem;margin-top:-.36rem;border:0;border-radius:50%;background:var(--color-accent)}.tool-range::-moz-range-thumb{width:1.1rem;height:1.1rem;border:0;border-radius:50%;background:var(--color-accent)}.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.25rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-sm);line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tool-btn--primary{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.tool-btn--ghost{border-color:transparent;color:var(--color-muted)}.tool-btn--icon{min-width:2.25rem;min-height:2.25rem;padding:var(--space-2);border-color:transparent;background:transparent;font-size:1.125rem}.tool-btn--icon[aria-expanded=true]{color:var(--color-accent)}.tool-btn--plain{border-color:transparent;background:transparent;color:var(--color-text);padding:var(--space-2) var(--space-3)}.tool-btn:disabled{opacity:.5;cursor:not-allowed}@media(hover:hover){.tool-btn:not(:disabled):hover{border-color:var(--color-accent);color:var(--color-accent)}.tool-btn--primary:not(:disabled):hover{background:#244fbd;border-color:#244fbd;color:#fff}.tool-btn--ghost:not(:disabled):hover{background:var(--color-accent-soft);color:var(--color-accent)}.tool-btn--icon:not(:disabled):hover{border-color:transparent;background:transparent;color:var(--color-accent)}.tool-btn--plain:not(:disabled):hover{border-color:transparent;background:var(--color-accent-soft);color:var(--color-accent)}}.tool-btn--plain:not(:disabled):active{background:var(--color-accent);color:#fff}.tool-seg,.tool-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg-subtle)}.tool-field>.tool-seg{align-self:flex-start}.tool-seg__btn{min-height:2rem;padding:var(--space-1) var(--space-3);border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--color-muted);font:inherit;font-size:var(--text-sm);line-height:1;cursor:pointer}.tool-seg__btn.is-active{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}@media(hover:hover){.tool-seg__btn:not(.is-active):hover{color:var(--color-accent)}}.tool-result{padding:var(--space-4) var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg-subtle);min-height:4rem;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3)}.tool-result--card{min-height:7rem;text-align:center;align-items:center}.tool-result__headline{margin:0;font-size:var(--text-xl);font-weight:600;line-height:1.35;text-wrap:balance}.tool-result__meta{margin:0;font-size:var(--text-xs);color:var(--color-muted)}.tool-copy-row{display:flex;align-items:stretch;gap:var(--space-2)}.tool-output{flex:1;min-width:0;display:block;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg-subtle);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;word-break:break-all;white-space:pre-wrap}.tool-output--pw{font-size:var(--text-lg);letter-spacing:.02em}.tool-meter{height:4px;border-radius:999px;background:var(--color-line);overflow:hidden}.tool-meter__fill{display:block;height:100%;width:0;border-radius:inherit;background:var(--color-accent);transition:width .2s ease,background-color .2s ease}.tool-meter__fill[data-level="0"]{background:#c0392b}.tool-meter__fill[data-level="1"]{background:#d68910}.tool-meter__fill[data-level="2"],.tool-meter__fill[data-level="3"]{background:#2e9e5b}.tool-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.tool-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);font-size:var(--text-sm)}.tool-list__text{flex:1;min-width:0;font-family:var(--font-mono);word-break:break-all}.tool-list__item.is-copyable{cursor:pointer}.tool-list__item.is-copyable:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media(hover:hover){.tool-list__item.is-copyable:hover{border-color:var(--color-accent)}}.tool-list--scroll{max-height:22rem;overflow-y:auto;padding-right:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--color-line) transparent}.tool-entry{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius)}.tool-entry__kind{flex:none;padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);line-height:1.5;white-space:nowrap}.tool-entry__kind[data-kind=\771f\5fc3\8bdd]{background:var(--color-accent-soft);color:var(--color-accent)}.tool-entry__kind[data-kind=\5927\5192\9669]{background:#fbeee9;color:#b4552f}.tool-entry__text{flex:1;min-width:0;font-size:var(--text-sm);line-height:1.6;word-break:break-word}.tool-entry__text[contenteditable=true]{outline:1px solid var(--color-accent);border-radius:4px;padding:0 2px}.tool-entry__tools{flex:none;display:flex;gap:var(--space-1)}.tool-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--color-muted);cursor:pointer}.tool-icon-btn svg{width:1rem;height:1rem}@media(hover:hover){.tool-icon-btn:hover{border-color:var(--color-line);color:var(--color-accent)}}.tool-badge{display:inline-block;padding:1px var(--space-2);border:1px solid var(--color-line);border-radius:999px;font-size:var(--text-xs);color:var(--color-faint)}.age-summary{text-align:center;padding-bottom:var(--space-4)}.age-summary__age{margin:0;font-size:var(--text-2xl);font-weight:600;font-variant-numeric:tabular-nums}.age-summary__label{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-muted)}.age-groups{display:flex;flex-direction:column}.age-group{padding-top:var(--space-4);border-top:1px solid var(--color-line)}.age-group__title{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;color:var(--color-muted)}.age-row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0;font-size:var(--text-sm)}.age-row__label{color:var(--color-muted)}.age-row__value{font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.tool-preview{display:flex;justify-content:center}.tool-preview canvas{max-width:100%;height:auto;border:1px solid var(--color-line);border-radius:var(--radius)}.tool-manage{border-top:1px solid var(--color-line);padding-top:var(--space-4)}.tool-manage>summary{cursor:pointer;font-size:var(--text-sm);font-weight:600;color:var(--color-muted);list-style:none}.tool-manage>summary::-webkit-details-marker{display:none}.tool-manage>summary:before{content:"\25b8  ";color:var(--color-faint)}.tool-manage[open]>summary:before{content:"\25be  "}.tool-manage>*:not(summary){margin-top:var(--space-4)}.tool-drop{border:1px dashed var(--color-line);border-radius:var(--radius);padding:var(--space-6);text-align:center;color:var(--color-muted);font-size:var(--text-sm)}.tool-drop.is-over{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.tool-group+.tool-group{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-line)}.tool-group__title{margin:0 0 var(--space-4);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;color:var(--color-muted)}.tool-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-4)}.tool-cards>li{display:flex}.tool-card{display:flex;flex-direction:column;gap:var(--space-2);width:100%;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius);transition:border-color .15s ease,background-color .15s ease}.tool-card__title{font-weight:600}.tool-card__desc{font-size:var(--text-sm);line-height:1.6;color:var(--color-muted)}@media(hover:hover){.tool-card:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.tool-card:hover .tool-card__title{color:var(--color-accent)}}.tool-code{width:100%;min-height:9rem;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg-subtle);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;resize:vertical}.tool-code:focus-visible{border-color:var(--color-accent)}.tool-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tool-chip{min-height:2rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-line);border-radius:999px;background:var(--color-bg);color:var(--color-muted);font:inherit;font-size:var(--text-sm);line-height:1;cursor:pointer}.tool-chip.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}@media(hover:hover){.tool-chip:not(.is-active):hover{border-color:var(--color-accent);color:var(--color-accent)}}.tool-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.tool-row .tool-input.mq-font-num{width:6.5rem}.mq-stage{position:relative;--mq-stage-h: clamp(10rem, 32vh, 18rem);--mq-font: calc(var(--mq-stage-h) * .85);height:var(--mq-stage-h);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--mq-bg, #0d0f13);color:#f5f6f7;overflow:hidden;-webkit-user-select:none;user-select:none}.mq-stage:fullscreen,.mq-stage:-webkit-full-screen{--mq-stage-h: 100vh;--mq-stage-h: 100dvh;border:0;border-radius:0}.mq-track{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;gap:calc(var(--mq-stage-h) * .5);will-change:transform}.mq-text{white-space:nowrap;font-size:var(--mq-font);font-weight:600;line-height:1;letter-spacing:.02em;color:var(--mq-color, #f5f6f7);-webkit-text-stroke:0 var(--mq-stroke-color, transparent);paint-order:stroke fill}.mq-stage.is-stroke .mq-text{-webkit-text-stroke-width:calc(var(--mq-font) * .08)}.mq-stage.is-glow .mq-text{text-shadow:0 0 calc(var(--mq-font) * .03) var(--mq-color, #f5f6f7),0 0 calc(var(--mq-font) * .08) var(--mq-color, #f5f6f7),0 0 calc(var(--mq-font) * .16) var(--mq-color, #f5f6f7)}.mq-stage.is-mirror .mq-text{transform:scaleX(-1)}@keyframes mq-blink{0%,49%{opacity:1}50%,to{opacity:0}}.mq-stage.is-blink .mq-text{animation:mq-blink 1.1s linear infinite}@keyframes mq-strobe{0%,49%{opacity:1}50%,to{opacity:0}}.mq-stage.is-strobe .mq-text{animation:mq-strobe .34s linear infinite}.mq-stage.is-vertical .mq-track{inset:0 0 auto;flex-direction:column;align-items:center}.mq-stage.is-vertical .mq-text{writing-mode:vertical-rl;text-orientation:upright}.mq-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid rgba(255,255,255,.12);background:#0d0f13c7;backdrop-filter:blur(6px);overflow:hidden;max-height:6rem;transition:max-height .22s ease,padding .22s ease,opacity .22s ease,visibility 0s linear 0s}.mq-controls__start{display:flex;align-items:center;gap:var(--space-2)}.mq-stage.is-controls-hidden .mq-controls{max-height:0;padding-top:0;padding-bottom:0;opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,0s,.22s}@media(prefers-reduced-motion:reduce){.mq-controls{transition:none}}@media(max-width:40rem){.tool-split{grid-template-columns:1fr}}.tool-kv{display:flex;flex-direction:column;gap:var(--space-2)}.tool-kv__row{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:var(--space-2);align-items:center}.tool-kv__row .tool-input,.tool-kv__row .tool-select{font-family:var(--font-mono)}.diff-view{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;border:1px solid var(--color-line);border-radius:var(--radius);overflow:auto;max-height:32rem;background:var(--color-bg-subtle)}.diff-view__line{display:flex;gap:var(--space-2);padding:0 var(--space-3);white-space:pre-wrap;word-break:break-word}.diff-view__sign{flex:none;width:1rem;color:var(--color-faint);user-select:none;text-align:center}.diff-view__line.is-add{background:#e9f6ec}.diff-view__line.is-add .diff-view__sign{color:#2e9e5b}.diff-view__line.is-del{background:#fdecea}.diff-view__line.is-del .diff-view__sign{color:#c0392b}.diff-view__text mark{background:#bfe6c8;color:inherit}.diff-view__line.is-del .diff-view__text mark{background:#f5b7b1}.tp-stage{position:relative;--tp-stage-h: clamp(22rem, 60vh, 48rem);--tp-lead: calc(var(--tp-stage-h) * .4);--tp-tail: calc(var(--tp-stage-h) * .6);height:var(--tp-stage-h);border:1px solid var(--color-line);border-radius:var(--radius);background:#0d0f13;color:#f5f6f7;overflow:hidden;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none}.tp-stage:fullscreen,.tp-stage:-webkit-full-screen{--tp-stage-h: 100vh;--tp-stage-h: 100dvh;border:0;border-radius:0;background:#000}.tp-scroll{position:absolute;inset:0;overflow:hidden}.tp-text{padding:var(--tp-lead) var(--space-8) var(--tp-tail);font-size:var(--tp-font, 2rem);line-height:1.6;text-align:center;white-space:pre-wrap;word-break:break-word;will-change:transform}.tp-text p{margin:0 0 .6em;min-height:.92em}.tp-text.is-numbered{counter-reset:tp-line}.tp-text.is-numbered p{position:relative}.tp-text.is-numbered p:before{counter-increment:tp-line;content:counter(tp-line);position:absolute;left:0;top:.4em;font-size:.42em;line-height:1;color:#ffffff61;font-variant-numeric:tabular-nums}.tp-stage.is-mirror .tp-scroll{transform:scaleX(-1)}.tp-guide{position:absolute;left:0;right:0;top:var(--tp-lead);height:1.6em;border-top:1px solid rgba(42,91,215,.55);border-bottom:1px solid rgba(42,91,215,.55);pointer-events:none}.tp-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid rgba(255,255,255,.12);background:#0d0f13c7;backdrop-filter:blur(6px);overflow:hidden;max-height:8rem;transition:max-height .22s ease,padding .22s ease,opacity .22s ease,visibility 0s linear 0s}.tp-deck.is-hidden .tp-controls{max-height:0;padding-top:0;padding-bottom:0;opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,0s,.22s}@media(prefers-reduced-motion:reduce){.tp-controls{transition:none}}.tp-controls__group{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.stage-icon-btn{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:#ffffff14;color:#f5f6f7;cursor:pointer;appearance:none;-webkit-appearance:none}.stage-icon-btn svg{display:block;width:1.1rem;height:1.1rem}.stage-icon-btn .icon-collapse{display:none}.tp-stage:fullscreen .stage-icon-btn .icon-expand,.tp-stage:-webkit-full-screen .stage-icon-btn .icon-expand,.mq-stage:fullscreen .stage-icon-btn .icon-expand,.mq-stage:-webkit-full-screen .stage-icon-btn .icon-expand{display:none}.tp-stage:fullscreen .stage-icon-btn .icon-collapse,.tp-stage:-webkit-full-screen .stage-icon-btn .icon-collapse,.mq-stage:fullscreen .stage-icon-btn .icon-collapse,.mq-stage:-webkit-full-screen .stage-icon-btn .icon-collapse{display:block}.stage-icon-btn:focus-visible{outline:2px solid #6c9bff;outline-offset:2px}.tp-deck{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column}.tp-progress{width:auto;height:1.5rem;margin:0;padding:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none}.tp-progress::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,#6c9bff 0,#6c9bff var(--tp-pct, 0%),rgba(255,255,255,.22) var(--tp-pct, 0%))}.tp-progress::-moz-range-track{height:4px;border-radius:999px;background:#ffffff38}.tp-progress::-moz-range-progress{height:4px;border-radius:999px;background:#6c9bff}.tp-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.1rem;height:1.1rem;margin-top:-.36rem;border:0;border-radius:50%;background:#6c9bff}.tp-progress::-moz-range-thumb{width:1.1rem;height:1.1rem;border:0;border-radius:50%;background:#6c9bff}.tp-progress:focus-visible{outline:2px solid #6c9bff;outline-offset:2px}.tp-controls .tool-btn{background:#ffffff14;border-color:#ffffff2e;color:#f5f6f7}.tp-controls label{color:#f5f6f7;font-size:var(--text-sm)}.tool-kv--reserve{min-height:2.4rem}.tool-kv__row input[type=checkbox]{width:1.05em;height:1.05em;accent-color:var(--color-accent)}[hidden]{display:none!important}.tool-list__label{flex:none;width:8rem;font-size:var(--text-xs);color:var(--color-muted)}.diff-view__ln{flex:none;width:2.4rem;text-align:right;color:var(--color-faint);user-select:none;font-variant-numeric:tabular-nums}#quiz-status+#quiz-stats{margin-top:calc(-1 * var(--space-6))}.quiz-cards{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quiz-card{position:relative;min-width:2.25rem;min-height:2.25rem;padding:0 var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-muted);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}@media(hover:hover){.quiz-card:hover{border-color:var(--color-accent);color:var(--color-accent)}}.quiz-card.is-sel{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.quiz-card.is-current{box-shadow:0 0 0 2px var(--color-accent);border-color:var(--color-accent);color:var(--color-accent)}.quiz-card.is-right{border-color:#86efac;background:#f0fdf4;color:#166534}.quiz-card.is-wrong{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.quiz-card.is-current.is-right,.quiz-card.is-current.is-wrong{color:inherit}.quiz-card.is-mark:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#d97706}.quiz-q{min-height:30rem;justify-content:flex-start;gap:var(--space-2)}.quiz-q__head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.quiz-q__head #quiz-mark{margin-left:auto}.quiz-q__text{margin:0;font-size:var(--text-base);font-weight:600;line-height:1.6}.quiz-q__text .tool-badge{margin-right:var(--space-1)}.quiz-q__type{margin-left:var(--space-1);color:var(--color-muted);font-size:var(--text-sm);font-weight:400}.quiz-q__type:before{content:"["}.quiz-q__type:after{content:"]"}.quiz-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-2)}.quiz-opt{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-sm);line-height:1.5;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.quiz-opt__k{flex:none;color:var(--color-faint);font-weight:600}@media(hover:hover){.quiz-opt:not(:disabled):hover{border-color:var(--color-accent)}}.quiz-opt.is-sel{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.quiz-opt.is-sel .quiz-opt__k{color:var(--color-accent)}.quiz-opt.is-right{border-color:#86efac;background:#f0fdf4;color:#166534}.quiz-opt.is-right .quiz-opt__k{color:#166534}.quiz-opt.is-wrong{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.quiz-opt.is-wrong .quiz-opt__k{color:#b91c1c}.quiz-opt:disabled{opacity:1;cursor:default}.quiz-result{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid #fecaca;border-radius:var(--radius);background:#fef2f2}.quiz-result.is-right{border-color:#86efac;background:#f0fdf4}.quiz-result__head{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-1);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.quiz-result__head strong{color:#b91c1c}.quiz-result.is-right .quiz-result__head strong{color:#166534}.quiz-result p:last-child{margin:0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.7}.tool-btn#quiz-mark{min-width:2.25rem;min-height:2.25rem;padding:var(--space-2);background:transparent;font-size:1.125rem}.tool-btn#quiz-mark.is-on{border-color:transparent;background:transparent;color:#d97706}@media(hover:hover){.tool-btn#quiz-mark:not(:disabled):hover{border-color:transparent;background:transparent;color:var(--color-accent)}.tool-btn#quiz-mark.is-on:not(:disabled):hover{border-color:transparent;background:transparent;color:#b45309}}.quiz-nav{justify-content:space-between}.quiz-summary{min-height:0;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-direction:row;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.quiz-summary__side{margin-left:auto;color:var(--color-muted);white-space:nowrap}.tool-toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:60;max-width:min(90vw,32rem);padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:#1f2937;color:#f9fafb;font-size:var(--text-sm);line-height:1.5;text-align:center;box-shadow:0 4px 16px #0000002e;opacity:0;pointer-events:none;transition:opacity .2s ease}.tool-toast.is-show{opacity:1}.quiz-timer{padding:1px var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap}[data-tool=quiz] .tool-badge{color:var(--color-muted)}[data-tool=quiz] .tool-field{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-3)}[data-tool=quiz] .tool-field .tool-row{flex:1 1 auto}[data-tool=quiz] .quiz-settings{flex:1 0 100%}.quiz-settings:not([hidden]){display:flex;flex-direction:column;gap:var(--space-3)}[data-tool=quiz] .tool-row .tool-select{flex:1 1 0;width:auto;min-width:0}.s3-status{margin:0}.s3-status.is-err,.s3-task__state.is-err,.s3-task__msg.is-err,.s3-empty.is-err{color:#b91c1c}.s3-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.s3-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);min-width:0}.s3-crumb__btn{max-width:14rem;padding:2px var(--space-1);overflow:hidden;border:0;border-radius:var(--radius);background:transparent;color:var(--color-accent);font:inherit;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}@media(hover:hover){.s3-crumb__btn:hover{background:var(--color-accent-soft)}}.s3-crumb__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.s3-crumb__sep{color:var(--color-muted);font-size:var(--text-sm)}.s3-crumb__cur{max-width:16rem;padding:2px var(--space-1);overflow:hidden;color:var(--color-text);font-size:var(--text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.s3-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.s3-table-wrap{max-height:70vh;overflow-y:auto;overflow-x:auto}.s3-browser>.tool-actions{margin-top:var(--space-3)}.s3-table thead th{position:sticky;top:0;z-index:1;background:var(--color-bg)}.s3-table th{padding:var(--space-2);border-bottom:1px solid var(--color-line);color:var(--color-muted);font-size:var(--text-xs);font-weight:600;text-align:left;white-space:nowrap}.s3-table td{padding:var(--space-2);border-bottom:1px solid var(--color-line);vertical-align:middle}.s3-table tbody tr:last-child td{border-bottom:0}@media(hover:hover){.s3-table tbody tr:hover td{background:var(--color-bg-subtle)}}.s3-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.s3-table th.s3-ops{text-align:right;white-space:nowrap}.s3-opsbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1)}.s3-muted{color:var(--color-muted)}.s3-name{display:flex;align-items:center;gap:var(--space-2);min-width:0}.s3-fname{max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s3-ico{display:inline-flex;flex:none;width:1.25rem;height:1.25rem;color:var(--color-muted)}.s3-ico svg{width:100%;height:100%}.s3-ico--folder{color:var(--color-accent)}.s3-thumb{display:block;flex:none;width:2.25rem;height:2.25rem;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg-subtle)}.s3-thumb img{display:block;width:100%;height:100%;object-fit:cover}.s3-empty{padding:var(--space-6) var(--space-4);color:var(--color-muted);text-align:center}.s3-confirm{color:#b91c1c;font-size:var(--text-sm)}.s3-opsbar .s3-confirm__yes{border-color:#b91c1c;color:#b91c1c}.s3-opsbar .tool-icon-btn{width:2rem;height:2rem}@media(max-width:48rem){.s3-date{display:none}.s3-fname{max-width:11rem}}.s3-uploads{display:flex;flex-direction:column;gap:var(--space-4)}.s3-task{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg)}.s3-task__head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.s3-task__name{min-width:0;max-width:100%;overflow:hidden;font-size:var(--text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.s3-task__state{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.s3-task__btns{display:flex;gap:var(--space-2);margin-left:auto}.s3-task__msg{margin:0}.s3-resume{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px dashed var(--color-line);border-radius:var(--radius);background:var(--color-bg-subtle)}.s3-resume .tool-hint{margin:0}.s3-resume__item{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm)}.s3-resume__info{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#s3-cors-code{min-height:11rem;resize:vertical;font-size:var(--text-xs)}.container--wide{max-width:min(72rem,100%)}.md-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.md-bar__actions{display:flex;gap:var(--space-3)}.md-stats{margin:0}.md-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:64rem){.md-split{grid-template-columns:1fr}}.md-pane{display:flex;flex-direction:column;min-width:0}.md-tabs,.md-pane__head{display:flex;align-items:center;min-height:2.5rem;margin-bottom:var(--space-3)}.md-tabs{justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.md-pane__head .tool-label{margin:0}.md-input,.md-code{width:100%;min-height:62vh;max-height:78vh;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:.92rem;line-height:1.8;resize:vertical}.md-input{flex:1}.md-input:focus-visible,.md-code:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.md-view{flex:1;min-height:62vh;max-height:78vh;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg)}.md-preview{height:100%;max-height:78vh;padding:var(--space-4) var(--space-6);overflow-y:auto;font-size:.97rem;line-height:1.85;word-break:break-word}.md-code{display:block;height:100%;border:0;border-radius:0}.md-code[hidden]{display:none}.md-preview--empty:before{content:"\9884\89c8\4f1a\663e\793a\5728\8fd9\91cc\2014\2014\5de6\8fb9\7c98\8d34\6216\4fee\6539\ff0c\53f3\8fb9\5373\65f6\66f4\65b0\3002";color:var(--color-muted)}.md-preview>:first-child{margin-top:0}.md-preview>:last-child{margin-bottom:0}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6{margin:1.3em 0 .5em;line-height:1.35}.md-preview h1{font-size:1.5rem}.md-preview h2{font-size:1.3rem}.md-preview h3{font-size:1.14rem}.md-preview h4{font-size:1.02rem}.md-preview h5,.md-preview h6{font-size:.95rem}.md-preview p{margin:.55em 0}.md-preview a{color:var(--color-accent)}.md-preview img{max-width:100%;border-radius:var(--radius)}.md-preview hr{border:0;border-top:1px solid var(--color-line);margin:1.4em 0}.md-preview del{color:var(--color-muted)}.md-preview ul,.md-preview ol{margin:.5em 0;padding-left:1.7em}.md-preview li{margin:.22em 0}.md-preview li>p{margin:.25em 0}.md-preview input[type=checkbox]{margin-right:.45em;accent-color:var(--color-accent);vertical-align:-.15em}.md-preview blockquote{margin:.8em 0;padding:.1em var(--space-4);border-left:3px solid var(--color-accent);color:var(--color-muted)}.md-preview blockquote>:first-child{margin-top:.2em}.md-preview blockquote>:last-child{margin-bottom:.2em}.md-preview code{font-family:var(--font-mono);font-size:.88em;background:var(--color-bg-subtle);padding:.1em .35em;border-radius:4px}.md-preview pre{margin:.8em 0;padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius);overflow-x:auto}.md-preview pre code{background:none;padding:0;font-size:.85em;line-height:1.65}.md-preview table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:.8em 0;font-size:.94rem}.md-preview th,.md-preview td{border:1px solid var(--color-line);padding:.35em .8em}.md-preview th{background:var(--color-bg-subtle);font-weight:600}.ts-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ts-follow__check{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;cursor:pointer}.ts-note{flex:1;min-width:12rem}.ts-note.is-err{color:#b91c1c}.ts-zone{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;color:var(--color-muted);font-size:var(--text-sm)}.ts-zone .tool-select{width:auto;font-size:var(--text-sm)}.ts-rows{display:flex;flex-direction:column;gap:var(--space-2)}.ts-row{display:grid;grid-template-columns:10em minmax(0,1fr) auto;align-items:stretch;gap:var(--space-3);min-height:2.5rem;padding:3px var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius);font-size:var(--text-sm)}.ts-row__label{display:flex;align-items:center;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-row__input{width:100%;min-width:0;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius);background:var(--color-bg-subtle);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm)}.ts-row__input:not([readonly]){border-color:var(--color-line);background:var(--color-bg);cursor:text}.ts-row__input:focus-visible{outline:none;border-color:var(--color-accent)}.ts-row>.tool-icon-btn{align-self:center;justify-self:end}.ts-row--fmt{grid-template-columns:10em minmax(0,1fr) auto auto}.ts-fmtsel{align-self:center;width:11.5em;padding:2px var(--space-2)}.ts-pickwrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);min-width:0}.ts-pickin{width:4.9em;padding:2px var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);text-align:center}.ts-pickin:focus-visible{outline:none;border-color:var(--color-accent)}.ts-pickunit{margin-right:var(--space-2);font-size:var(--text-xs);color:var(--color-muted)}.ts-picktz{margin-right:0;margin-left:auto;font-family:var(--font-mono)}@media(max-width:30rem){.ts-row,.ts-row--fmt{grid-template-columns:minmax(0,1fr) auto}.ts-row__label{grid-column:1 / -1}}.ts-pickcombo{position:relative;display:inline-flex;align-items:stretch}.ts-pickcombo .ts-pickin{border-radius:var(--radius) 0 0 var(--radius)}.ts-pickcaret{min-width:24px;min-height:24px;padding:0 5px;border:1px solid var(--color-line);border-left:0;border-radius:0 var(--radius) var(--radius) 0;background:var(--color-bg-subtle);color:var(--color-muted);font-size:var(--text-xs);line-height:1;cursor:pointer}.ts-pickcaret:hover,.ts-pickcaret[aria-expanded=true]{color:var(--color-text);background:var(--color-bg)}.ts-picklist{position:absolute;top:calc(100% + 2px);left:0;z-index:30;min-width:100%;max-height:14rem;overflow:auto;margin:0;padding:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);box-shadow:0 4px 16px #0000002e;list-style:none}.ts-picklist li{padding:2px var(--space-2);border-radius:var(--radius);white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer}.ts-picklist li.is-active,.ts-picklist li:hover{background:var(--color-bg-subtle)}