.commons{color:var(--foreground);font-family:var(--font-sans);font-size:15px;line-height:1.7;container-type:inline-size}.commons h1,.commons h2,.commons h3{font-family:var(--aip-font-display);text-wrap:balance;font-weight:400;line-height:1.25}.commons h1{margin:0 0 .4em;font-size:1.875rem}.commons h2{margin:2.25em 0 .6em;font-size:1.25rem}.commons h3,.commons h4,.commons h5,.commons h6{font-family:var(--font-sans);margin:1.5em 0 .4em;font-size:.95rem;font-weight:600}.commons p{margin:.75em 0}.commons ul,.commons ol{margin:.75em 0;padding-left:1.4em}.commons ul{list-style:outside}.commons ol{list-style:decimal}.commons li{margin:.25em 0}.commons a{color:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);text-decoration-color:color-mix(in oklab,currentColor 40%,transparent)}.commons a:hover{text-decoration-color:currentColor}.commons strong{font-weight:600}.commons table{border-collapse:collapse;margin:1em 0;font-size:13px}.commons th,.commons td{border:1px solid var(--border);text-align:left;padding:4px 10px}.commons code,.commons pre{font-family:var(--aip-font-mono);font-size:.85em}.commons pre{background:var(--card);border:1px solid var(--border);margin:1em 0;padding:12px;overflow-x:auto}.commons :not(pre)>code{background:var(--muted);border-radius:calc(var(--radius) * .6);padding:.05em .3em}.commons .maths{margin:1em 0;overflow-x:auto}.commons math{font-size:1.1em}.commons .muted{color:var(--muted-foreground)}.commons .needs{color:var(--muted-foreground);font-size:13px}.commons .version{margin:1.5em 0}.commons .q,.commons details,.commons .frame{--tick:6px;--tick-ink:color-mix(in oklab,var(--foreground) 25%,transparent);background-color:var(--card);background-image:linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink));background-size:var(--tick) 1px,1px var(--tick),var(--tick) 1px,1px var(--tick),var(--tick) 1px,1px var(--tick),var(--tick) 1px,1px var(--tick);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat}.commons details{margin:12px 0;padding:10px 16px}.commons summary{cursor:pointer;font-size:13px;font-weight:500;list-style-position:inside}.commons details[open]>summary{margin-bottom:6px}.commons .steps{list-style:decimal}.commons .steps li{margin:8px 0}.commons figure{margin:1.5em 0}.commons .frame{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.commons .frame iframe{background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.commons .frame button{position:absolute;inset:auto 50% 50% auto;transform:translate(50%,50%)}.commons .stories .story-tab .frame{aspect-ratio:4/3.1}@media (width<=560px){.commons .stories .story-tab .frame{aspect-ratio:10/15}}:is(:root:has(#lv-beginner:checked) .commons [data-lv]:not([data-lv~=beginner]),:root:has(#lv-intermediate:checked) .commons [data-lv]:not([data-lv~=intermediate]),:root:has(#lv-advanced:checked) .commons [data-lv]:not([data-lv~=advanced])){display:none}.commons .levels{border:0;flex-wrap:wrap;align-items:center;margin:20px 0;padding:0;display:flex;display:none!important}.commons .levels legend{float:left;font:500 11px/1 var(--aip-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin-right:12px}.commons .levels input{opacity:0;pointer-events:none;position:absolute}.commons .levels label{border:1px solid var(--border);cursor:pointer;margin-left:-1px;padding:5px 14px;font-size:13px;transition:background-color .15s,color .15s}.commons .levels label:hover{background:var(--muted)}.commons .levels input:checked+label{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.commons .levels input:focus-visible+label{outline:2px solid var(--ring);outline-offset:2px}.commons .lv-gap{color:var(--muted-foreground);border-left:2px solid var(--border);padding-left:10px;font-size:13px}.commons .lv-gap a{color:inherit;text-underline-offset:3px;text-decoration:underline}.commons .lv-nudge{gap:16px;margin-top:8px;font-size:13px;display:flex}.commons .lv-nudge label{cursor:pointer;text-underline-offset:3px;color:var(--muted-foreground);text-decoration:underline}.commons .lv-nudge label:hover{color:var(--foreground)}.commons figcaption{margin-top:8px;font-size:13px}.commons figcaption details{margin:8px 0 0}.commons .q{margin:16px 0;padding:16px}.commons .q fieldset{border:0;margin:0;padding:0}.commons .q label{border-radius:calc(var(--radius) * .8);cursor:pointer;align-items:flex-start;gap:10px;padding:6px 8px;display:flex}.commons .q label:hover{background:var(--muted)}.commons .q input[type=radio],.commons .q input[type=checkbox]{width:1em;height:1em;accent-color:var(--primary);flex:none;margin-top:.45em}.commons .q .choose{gap:6px;display:grid}.commons .q .choose legend{margin-bottom:6px;font-size:12px}.commons .q label.opt{border:1px solid var(--border);background:color-mix(in oklab,var(--background) 40%,transparent);align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background-color .15s;position:relative}.commons .q label.opt:hover{background:var(--muted);border-color:color-mix(in oklab,var(--foreground) 30%,transparent)}.commons .q label.opt input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.commons .q label.opt .key{border:1px solid var(--border);width:22px;height:22px;font:500 11px/1 var(--aip-font-mono);color:var(--muted-foreground);flex:none;place-items:center;transition:background-color .15s,color .15s,border-color .15s;display:inline-grid}.commons .q .choose.many label.opt .key{border-style:dashed}.commons .q label.opt:has(input:checked){border-color:var(--foreground);background:var(--muted)}.commons .q label.opt:has(input:checked) .key{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.commons .q label.opt:has(input:focus-visible){outline:2px solid color-mix(in oklab,var(--ring) 60%,transparent);outline-offset:1px}.commons .q label.opt.is-right:has(input){border-color:var(--aip-good);background:color-mix(in oklab,var(--aip-good) 12%,transparent)}.commons .q label.opt.is-right:has(input) .key{background:var(--aip-good);border-color:var(--aip-good);color:var(--background)}.commons .q label.opt.is-wrong:has(input){border-color:var(--aip-bad);background:color-mix(in oklab,var(--aip-bad) 10%,transparent)}.commons .q label.opt.is-wrong:has(input) .key{background:var(--aip-bad);border-color:var(--aip-bad);color:var(--background)}.commons .q label.opt.is-answer:has(input){border-style:dashed;border-color:var(--aip-good)}.commons .q label.opt.is-answer:has(input) .key{border-color:var(--aip-good);color:var(--aip-good)}.commons .q input[data-blank]{text-align:center;background:0 0;border-width:0 0 1px;width:7em;min-width:5em;min-height:24px;padding:0 4px}.commons .q .choose.pictures{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.commons .q .choose.pictures legend{grid-column:1/-1}.commons .q .choose.pictures label.opt{align-items:flex-start}.commons .q .choose.pictures label.opt>span:last-child{flex:1;gap:6px;display:grid}.commons .q .gap{border-bottom:1.5px solid var(--border);text-align:center;min-width:4.5em;font:500 11px/1.9 var(--aip-font-mono);color:var(--muted-foreground);padding:0 6px;transition:color .15s,border-color .15s;display:inline-block}.commons .q .gap.filled{font:inherit;color:var(--foreground);border-color:var(--foreground)}.commons .q .gap.is-right{color:var(--aip-good);border-color:var(--aip-good)}.commons .q .gap.is-wrong{color:var(--aip-bad);border-color:var(--aip-bad)}.commons .q .segs,.commons .q .pairs{gap:8px;margin-top:12px;display:grid}.commons .q .seg-row{align-items:center;gap:10px;display:flex}.commons .q .seg-n{width:14px;font:500 11px/1 var(--aip-font-mono);color:var(--muted-foreground);flex:none}.commons .q .pair{border-bottom:1px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:6px 0;display:flex}.commons .q .seg{flex-wrap:wrap;padding:0 0 1px 1px;display:inline-flex}.commons .q .seg label{border:1px solid var(--border);background:color-mix(in oklab,var(--background) 40%,transparent);border-radius:0;align-items:center;min-height:32px;margin:0 0 -1px -1px;padding:5px 12px;font-size:14px;transition:background-color .15s,color .15s,border-color .15s;position:relative}.commons .q .seg label:hover{background:var(--muted)}.commons .q .seg input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.commons .q .seg label:has(input:checked){z-index:1;background:var(--foreground);border-color:var(--foreground);color:var(--background)}.commons .q .seg label:has(input:focus-visible){z-index:2;outline:2px solid color-mix(in oklab,var(--ring) 60%,transparent);outline-offset:1px}.commons .q .seg label.is-right:has(input:checked){background:var(--aip-good);border-color:var(--aip-good)}.commons .q .seg label.is-wrong:has(input:checked){background:var(--aip-bad);border-color:var(--aip-bad)}.commons .q .slide{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;max-width:34rem;padding:6px 0;display:grid}.commons .q .slide input[type=range]{width:100%;min-height:32px;accent-color:var(--foreground);cursor:pointer;margin:0}.commons .q .slide .ends{font:500 12px/1 var(--aip-font-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums}.commons .q .slide output{font:600 20px/1.2 var(--aip-font-mono);font-variant-numeric:tabular-nums;grid-column:1/-1;justify-self:center}.commons .q .slide output:has(+.unit){grid-column:1/3;justify-self:end}.commons .q .slide .unit{color:var(--muted-foreground);justify-self:start;font-size:13px}.commons .q .slide:not(:has([data-moved])) output{color:var(--muted-foreground);font-family:inherit;font-size:13px;font-weight:400}.commons .q input[inputmode],.commons .q input[type=text]:not([data-blank]){min-width:10em}.commons .q .hint{border:1px dashed var(--border);background:0 0;margin:10px 0 0;padding:6px 10px}.commons .q .hint summary{color:var(--muted-foreground);font-size:12px}.commons .q ol{padding-left:1.4em}.commons .q .order li{align-items:center;gap:8px;margin:4px 0;display:flex}.commons .q .order li span{flex:1}.commons .q .order li{cursor:grab;touch-action:pan-y;padding:2px 0;transition:background-color .15s}.commons .q .order li.dragging{cursor:grabbing;z-index:1;background:var(--muted);box-shadow:0 0 0 1px var(--border),0 6px 18px oklab(0% none none/.25);transition:none;position:relative}.commons .q .order .grip{cursor:grab;touch-action:none;min-height:24px;color:var(--muted-foreground);opacity:.55;background:radial-gradient(currentColor 1px,#0000 1.4px) 0/5px 5px;flex:0 0 10px;align-self:stretch}.commons .q .order li:hover .grip{opacity:1}.commons .q .actions{gap:6px;margin-top:10px;display:flex}.commons .q kbd.enter{color:var(--muted-foreground);border:1px solid var(--border);opacity:0;align-self:center;padding:3px 5px;font:500 11px/1 ui-monospace,monospace;transition:opacity .15s}.commons .q label:focus-within kbd.enter{opacity:1}.commons .q .feedback{margin-top:8px;font-size:13px}.commons .q .feedback:empty{display:none}.commons .q .feedback.right,.commons .q .feedback.wrong{background:color-mix(in oklab,currentColor 8%,transparent);border-left:3px solid;padding:6px 10px}.commons .q .feedback.right{color:var(--aip-good)}.commons .q .feedback.wrong{color:var(--aip-bad)}.commons .by{justify-content:flex-end;min-height:24px;margin:-4px 0 0}.commons .q .after{margin-top:8px;font-size:13px}.commons .q .later{color:var(--muted-foreground);font-size:13px}.commons input[type=text],.commons input[inputmode],.commons select,.commons textarea{font:inherit;color:inherit;background:color-mix(in oklab,var(--input) 20%,transparent);border:1px solid var(--input);border-radius:calc(var(--radius) * .8);outline:none;min-width:6em;min-height:28px;padding:2px 8px;font-size:13px}.commons input:focus-visible,.commons select:focus-visible,.commons textarea:focus-visible{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in oklab,var(--ring) 30%,transparent)}.commons button{font:inherit;border:1px solid var(--border);height:28px;color:var(--foreground);border-radius:calc(var(--radius) * .8);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;line-height:1.6;transition:background-color .15s,transform .1s;display:inline-flex}.commons button:hover{background:color-mix(in oklab,var(--input) 50%,transparent)}.commons button:active{transform:translateY(1px)}.commons button:disabled{opacity:.5;pointer-events:none}.commons button.primary{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.commons button.primary:hover{background:color-mix(in oklab,var(--primary) 80%,transparent)}.commons .by{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:10px;font-size:12px;display:flex}@media (hover:hover){.commons .by{opacity:0;transition:opacity .2s .15s}.commons :hover+.by,.commons :hover>.by,.commons :focus-within+.by,.commons :focus-within>.by,.commons .by:hover,.commons .by:focus-within{opacity:1;transition-delay:0s}.commons .by:has([aria-expanded=true]){opacity:1;transition-delay:0s}}.commons .by a{color:inherit}.commons .by .who{color:var(--foreground);text-decoration:none}.commons .by .who:hover{text-decoration:underline}.commons .by .state{color:var(--muted-foreground);cursor:help;align-items:center;gap:3px;text-decoration:none;display:inline-flex}.commons .by .state.new{color:var(--aip-warn)}.commons .by button.icon{width:24px;height:24px;color:var(--muted-foreground);border-color:#0000;padding:0}.commons .by button.icon:hover,.commons .by button.icon[aria-expanded=true]{background:var(--muted);color:var(--foreground)}.commons .by .thanks{color:var(--aip-good)}.commons .menu{z-index:20;background:var(--popover);min-width:220px;color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;margin-top:4px;padding:4px;display:flex;position:absolute;box-shadow:0 8px 24px oklab(0% none none/.18)}.commons .menu [role=menuitem]{text-align:left;border-radius:calc(var(--radius) * .6);width:100%;height:auto;color:inherit;background:0 0;border:0;justify-content:flex-start;padding:6px 8px;font-size:12px;font-weight:400;text-decoration:none;display:block}.commons .menu [role=menuitem]:hover,.commons .menu [role=menuitem]:focus-visible{background:var(--muted);outline:none}.commons .menu .menu-head{border-top:1px solid var(--border);font-family:var(--aip-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin:6px 0 2px;padding:4px 8px 0;font-size:10px}.commons .link-text{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.commons .alt{color:var(--muted-foreground);font-style:italic}.commons :focus-visible{outline:2px solid var(--ring);outline-offset:2px}.commons .compare{margin:.75rem 0 0;font-size:13px}.commons .cmp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:start;gap:1rem;display:grid}.commons .player{--tick:6px;--tick-ink:color-mix(in oklab,var(--foreground) 25%,transparent);background-color:var(--card);background-image:linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink)),linear-gradient(var(--tick-ink),var(--tick-ink));background-size:var(--tick) 1px,1px var(--tick),var(--tick) 1px,1px var(--tick),var(--tick) 1px,1px var(--tick),var(--tick) 1px,1px var(--tick);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;margin:12px 0}.commons .player-head{justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 0 16px;display:flex}.commons .player-count{font:500 11px/1 var(--aip-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.commons .player button.player-all{color:var(--muted-foreground);border-color:#0000}.commons .player button.player-all:hover{color:var(--foreground)}.commons .player:not(.playing) .player-count,.commons .player:not(.playing) .player-bar{display:none}.commons .player:not(.playing) .player-head{justify-content:flex-end}.commons .player:not(.playing) .steps{padding:0 16px 8px 2.4em}.commons .player.playing .steps{margin:0;padding:4px 16px 12px;list-style:none;display:grid}.commons .player.playing .steps>li{visibility:hidden;grid-area:1/1;min-width:0;margin:0}.commons .player.playing .steps>li[data-on]{visibility:visible;animation:.24s cubic-bezier(.2,.8,.2,1) aip-step-on}.commons .player.playing[data-dir=back] .steps>li[data-on]{animation-name:aip-step-back}.commons .player.playing .steps>li:not(.yours)>details{background:0 0;border:0;margin:0;padding:0}.commons .player.playing .steps>li:not(.yours)>details>summary{display:none}.commons .player.playing .steps>li.yours>details{margin:4px 0}@keyframes aip-step-on{0%{opacity:0;transform:translate(8px)}}@keyframes aip-step-back{0%{opacity:0;transform:translate(-8px)}}.commons .player-bar{border-top:1px dashed var(--border);align-items:center;gap:8px;padding:8px;display:flex}.commons .player-dots{flex-wrap:wrap;flex:1;justify-content:center;display:flex}.commons .player button.player-dot{width:24px;height:24px;color:var(--muted-foreground);background:0 0;border:0;padding:0}.commons .player button.player-dot:before{content:"";border:1.5px solid;border-radius:999px;width:7px;height:7px;transition:width .2s cubic-bezier(.2,.8,.2,1),background-color .2s,border-color .2s}.commons .player button.player-dot:hover{color:var(--foreground)}.commons .player button.player-dot[data-past]:before{background:currentColor}.commons .player button.player-dot[data-yours]:before{border-style:dotted}.commons .player button.player-dot[aria-current]:before{background:var(--primary);border-color:var(--primary);width:18px}@media (prefers-reduced-motion:reduce){.commons .player .steps>li[data-on]{animation:none}.commons .player button.player-dot:before{transition:none}}