.ucd{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (min-width:1024px){.ucd{grid-template-columns:456px minmax(0,1fr);gap:44px}}.ucd-stage{--ink:#fbf7f0;--soft:#fbf7f08c;--thr:#e8704a;background:radial-gradient(120% 120% at 12% 8%,#3a322d 0%,#221d1a 70%);border-radius:20px;height:400px;margin-top:34px;line-height:normal;transition:background .6s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5c402817,0 28px 56px -30px #2c28248c}.ucd-stage[data-theme=coral]{--ink:#2c2824;--soft:#fff4ecd9;--thr:#2c2824;background:radial-gradient(120% 120% at 12% 8%,#ef8360 0%,#d95e37 75%)}.ucd-stage:after{content:"";pointer-events:none;background:radial-gradient(#ffffff12 1px,#0000 1.2px) 0 0/22px 22px;position:absolute;inset:0}.ucd-art{position:absolute;inset:0}.ucd-scene{opacity:0;visibility:hidden;z-index:1;transition:opacity .35s,visibility 0s linear .35s;position:absolute;inset:0}.ucd-scene.is-on{opacity:1;visibility:visible;transition:opacity .35s}.ucd-card{color:#2c2824;background:#fffdf9;border-radius:14px;flex-direction:column;min-height:178px;padding:16px 18px;display:flex;position:absolute;top:24px;left:24px;right:24px;box-shadow:0 14px 30px -14px #00000073}.is-on .ucd-card{animation:.55s cubic-bezier(.2,.7,.2,1) both ucd-cardin}@keyframes ucd-cardin{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.ucd-mono{font-family:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.ucd-row1{align-items:center;gap:14px;display:flex}.ucd-sheet{background:#fff;border-radius:5px;flex:none;width:54px;height:70px;position:relative;box-shadow:0 0 0 1px #2c282424}.ucd-sheet .av{background:#b9d0bc;border-radius:99px;width:13px;height:13px;position:absolute;top:9px;left:8px}.ucd-sheet .nm{background:#2c282499;border-radius:2px;width:20px;height:4px;position:absolute;top:11px;left:25px}.ucd-sheet .sb{background:#2c282433;border-radius:2px;width:13px;height:3px;position:absolute;top:18px;left:25px}.ucd-sheet .ln{background:#2c282424;border-radius:2px;height:3px;margin:0 8px 5px;display:block;position:relative;top:31px}.ucd-sheet .ln.short{margin-right:18px}.ucd-meta{flex-direction:column;gap:3px;display:flex}.ucd-fn{font-size:16px;font-weight:500}.ucd-fs{color:#6b6057;font-size:13.5px}.ucd-up{align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.ucd-ul{color:#6b6057;flex:none;width:78px;font-size:13.5px}.ucd-track{background:#efe6da;border-radius:99px;flex:1;height:6px;overflow:hidden}.ucd-track i{background:linear-gradient(90deg,#e8704a,#c4522e);border-radius:99px;width:0;height:100%;display:block}.is-on .ucd-track i{animation:.9s cubic-bezier(.4,0,.2,1) .55s both ucd-fill}@keyframes ucd-fill{0%{width:0}to{width:100%}}.ucd-toast{color:#4f463e;opacity:0;background:#fff;border-radius:12px;align-items:center;gap:9px;padding:10px 14px;font-size:13.5px;display:flex;position:absolute;top:110px;right:20px;transform:translateY(8px);box-shadow:0 12px 26px -10px #00000073}.ucd-toast b{color:#2c2824;font-weight:600}.done .ucd-toast{animation:.45s cubic-bezier(.2,.7,.2,1) .2s both ucd-pop}@keyframes ucd-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ucd-mf{border-bottom:1px solid #efe8dd;gap:12px;padding:5px 0;font-size:13.5px;display:flex}.ucd-mf span{color:#6b6057;width:58px}.ucd-mf i{font-style:normal}.ucd-att{background:#fff4ef;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;display:flex;box-shadow:0 0 0 1px #e8704a59}.ucd-att .tile{color:#c4522e;background:#fff;border-radius:5px;justify-content:center;align-items:center;width:30px;height:34px;font-size:9.5px;font-weight:700;display:flex;box-shadow:0 0 0 1px #2c282424}.ucd-att .an{flex-direction:column;font-size:14px;font-weight:600;display:flex}.ucd-att .an small{color:#6b6057;font-size:12.5px;font-weight:500}.ucd-att .no{color:#c4522e;margin-left:auto;font-size:12.5px;font-weight:600}.is-on .ucd-att:not(.ok) .an{animation:.4s 1.1s both ucd-strike}@keyframes ucd-strike{to{opacity:.45;text-decoration:line-through}}.ucd-att.ok{opacity:0;background:#f2f7f2;transform:translateY(6px);box-shadow:0 0 0 1px #5e876359}.ucd-att.ok .an small{color:#c4522e;font-weight:600}.is-on .ucd-att.ok{animation:.45s cubic-bezier(.2,.7,.2,1) 1.4s both ucd-pop}.ucd-term{color:#ede4d8;background:#1e1916;justify-content:center;padding:16px 18px;font-size:12.5px;line-height:1.75}.ucd-tl{white-space:nowrap;text-overflow:ellipsis;opacity:0;overflow:hidden}.ucd-tl.in2{padding-left:14px}.ucd-term .p{color:#e8704a}.ucd-term .cm{color:#8c8074}.ucd-term .ok2{color:#7fb287}.ucd-term .ucd-tl:last-child{color:#f6c9b3}.is-on .ucd-tl{animation:.3s both ucd-pop}.is-on .ucd-tl:first-child{animation-delay:.45s}.is-on .ucd-tl:nth-child(2){animation-delay:.7s}.is-on .ucd-tl:nth-child(3){animation-delay:.95s}.is-on .ucd-tl:nth-child(4){animation-delay:1.35s}.is-on .ucd-tl:nth-child(5){animation-delay:1.55s}.ucd-tabs{color:#6b6057;background:#f3ece2;border-radius:10px;align-self:flex-start;gap:2px;padding:3px;font-size:13px;font-weight:500;display:inline-flex}.ucd-tabs span{border-radius:8px;padding:5px 11px}.ucd-tabs .on{color:#2c2824;background:#fff;box-shadow:0 0 0 1px #3c281814}.ucd-code{background:#fbf6ef;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12.5px;line-height:1.7;box-shadow:0 0 0 1px #3c281814}.ucd-code .k{color:#c4522e}.ucd-code .s{color:#4e7553}.ucd-pub{color:#fff;background:linear-gradient(#cd5a34,#bc4d29);border-radius:8px;align-items:center;height:30px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:14px;right:18px}.is-on .ucd-pub{animation:.5s 1.1s both ucd-press}@keyframes ucd-press{40%{transform:scale(.92)}to{transform:none;box-shadow:0 0 0 4px #e8704a40}}.ucd-ztile{background:#fff;border-radius:6px;flex:none;width:44px;height:54px;position:relative;box-shadow:0 0 0 1px #2c282424}.ucd-ztile i{background:repeating-linear-gradient(#2c28248c 0 3px,#0000 3px 6px);width:6px;height:30px;position:absolute;top:4px;left:19px}.ucd-tree{color:#4f463e;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:12px;font-size:12.5px;display:grid}.ucd-tree span{opacity:0}.is-on .ucd-tree span{animation:.3s both ucd-pop}.is-on .ucd-tree span:first-child{animation-delay:1s}.is-on .ucd-tree span:nth-child(2){animation-delay:1.1s}.is-on .ucd-tree span:nth-child(3){animation-delay:1.2s}.is-on .ucd-tree span:nth-child(4){animation-delay:1.3s}.ucd-thread{z-index:2;position:absolute;top:206px;left:30px;overflow:visible}.ucd-thread path{fill:none;stroke:var(--thr);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:90;stroke-dashoffset:90px}.ucd-thread path.head{stroke-dasharray:30;stroke-dashoffset:30px}.typing .ucd-thread path,.done .ucd-thread path{animation:.45s forwards ucd-draw}@keyframes ucd-draw{to{stroke-dashoffset:0}}.ucd-out{z-index:2;color:var(--ink);position:absolute;top:248px;left:28px;right:24px}.ucd-lat{opacity:.8;align-items:center;gap:8px;margin-left:30px;font-size:14px;font-weight:600;display:flex}.ucd-lat .ch{background:var(--ink);border-radius:99px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ucd-lat .ch svg{stroke:#221d1a}.ucd-stage[data-theme=coral] .ucd-lat .ch svg{stroke:#e8704a}.ucd-dom{letter-spacing:-.02em;color:var(--soft);margin-top:14px;font-size:21px;font-weight:600;display:block}.ucd-slug{letter-spacing:-.045em;white-space:nowrap;min-height:48px;font-size:46px;font-weight:700;line-height:1.05;display:block}.ucd-caret{vertical-align:-5px;background:#e8704a;width:3px;height:40px;margin-left:3px;animation:1s step-end infinite ucd-blink;display:inline-block}.ucd-stage[data-theme=coral] .ucd-caret{background:#2c2824}@keyframes ucd-blink{50%{opacity:0}}.ucd-stat{opacity:0;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:500;transition:opacity .35s;display:flex}.ucd-stat:before{content:"";background:#7fb287;border-radius:99px;width:8px;height:8px;box-shadow:0 0 0 4px #7fb28740}.done .ucd-stat{opacity:.85}.ucd-pause{z-index:3;color:#2c2824;cursor:pointer;background:#fffdf9eb;border-radius:99px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 12px -4px #00000059}.ucd-pause:focus-visible{border-radius:99px}.ucd-static .ucd-scene .ucd-card,.ucd-static .ucd-scene .ucd-tl,.ucd-static .ucd-scene .ucd-tree span,.ucd-static .ucd-scene .ucd-att.ok,.ucd-static .ucd-toast,.ucd-static .ucd-pub{opacity:1;transform:none;animation:none!important}.ucd-static .ucd-track i{width:100%;animation:none!important}.ucd-static .ucd-thread path{stroke-dashoffset:0;animation:none!important}.ucd-static .ucd-stat{opacity:.85}.ucd-static .ucd-att:not(.ok) .an{opacity:.45;text-decoration:line-through;animation:none!important}.ucd-static .ucd-scene{transition:none}.ucd-foot{align-items:center;gap:16px;margin-top:20px;display:flex}.ucd-foot span{color:#6b6057;font-size:14.5px}.ucd-list a{position:relative}.ucd-list a[data-active]{background:#fbf4ec}.ucd-list a[data-active] h3{color:#c4522e}.ucd-list a[data-auto]:after{content:"";z-index:1;background:#e8704a;width:0;height:2px;animation:5.6s linear both ucd-prog;position:absolute;bottom:0;left:0}@keyframes ucd-prog{0%{width:0}to{width:100%}}@media (max-width:899px){.ucd-stage{height:390px}.ucd-slug{font-size:40px}.ucd-foot{display:none}.ucd-card{left:16px;right:16px}}@media (max-width:379px){.ucd-slug{font-size:36px}}@media (prefers-reduced-motion:reduce){.ucd-scene,.ucd-scene *,.ucd-stat,.ucd-thread path,.ucd-stage{transition:none!important;animation:none!important}.ucd-track i{width:100%}.ucd-thread path,.ucd-thread path.head{stroke-dashoffset:0}.ucd-tl,.ucd-tree span,.ucd-att.ok,.ucd-toast{opacity:1!important;transform:none!important}.ucd-caret{display:none}}