[data-comic-ui]{--cs-void:var(--background);--cs-card:var(--card);--cs-ink:var(--foreground);--cs-mut:var(--muted-foreground);--cs-line:var(--border);--cs-line-s:color-mix(in srgb, var(--border) 55%, transparent);--cs-pri:var(--primary);--cs-gold:#e9b10c;--cs-grn:var(--success);--cs-red:var(--danger);--cs-bw:0px;--cs-dur:.15s;--cs-dur-n:.25s;--cs-ease:cubic-bezier(.16, 1, .3, 1);--cs-r-control:var(--control-radius);--cs-r-pane:var(--pane-radius);--cs-r-2xl:14px;--cs-r-xl:var(--tile-radius)}[data-comic-ui] .cs-btn{border-radius:var(--cs-r-control);border:var(--cs-bw) solid var(--cs-line);color:var(--cs-mut);font:inherit;cursor:pointer;white-space:nowrap;transition:color var(--cs-dur) var(--cs-ease), border-color var(--cs-dur) var(--cs-ease), background-color var(--cs-dur) var(--cs-ease), transform var(--cs-dur) var(--cs-ease);background:0 0;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:560;display:inline-flex}[data-comic-ui] .cs-btn:hover{color:var(--cs-ink);border-color:color-mix(in srgb, var(--cs-pri) 40%, transparent)}[data-comic-ui] .cs-btn:active{transform:scale(.97)}[data-comic-ui] .cs-btn--ghost{border-color:#0000}[data-comic-ui] .cs-btn--ghost:hover{background:color-mix(in srgb, var(--cs-ink) 6%, transparent);border-color:#0000}[data-comic-ui] .cs-btn--sm{padding:5px 11px;font-size:11.5px}[data-comic-ui] .cs-hero{isolation:isolate;z-index:5;flex-direction:column;align-items:center;gap:22px;padding:52px 0 44px;display:flex;position:relative}[data-comic-ui] .cs-hero h1{text-align:center;text-wrap:balance;letter-spacing:-.06px;width:100%;min-height:180px;color:var(--cs-ink);-webkit-text-stroke:.025em currentColor;place-items:center;margin:0;padding-block:12px;font-size:clamp(36px,4.2vw,64px);font-weight:800;line-height:.9;display:grid}[data-comic-ui] .cs-hero-corner{z-index:2;gap:7px;display:flex;position:absolute;top:-22px;right:0}[data-comic-ui] .cs-composer-slot{width:min(100%,880px)}[data-comic-ui] .cs-composer-row{align-items:stretch;gap:11px;display:flex;position:relative}[data-comic-ui] .cs-composer-row>.cs-flow{flex:1;min-width:0}[data-comic-ui] .cs-up-rail{align-self:stretch;align-items:center;display:flex}[data-comic-ui] .cs-up-tile{border-radius:var(--cs-r-xl);border:1px dashed color-mix(in srgb, var(--cs-ink) 24%, transparent);background:color-mix(in srgb, var(--cs-card) 60%, transparent);width:52px;height:64px;color:var(--cs-mut);cursor:pointer;font:inherit;transition:border-color var(--cs-dur) var(--cs-ease), color var(--cs-dur) var(--cs-ease), transform var(--cs-dur) var(--cs-ease);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0003}[data-comic-ui] .cs-up-tile:hover{border-color:color-mix(in srgb, var(--cs-pri) 55%, transparent);color:var(--cs-pri);transform:translateY(-1px)}[data-comic-ui] .cs-up-tile .cs-lb{letter-spacing:.02em;font-size:8.5px;line-height:1}[data-comic-ui] .cs-up-tile .cs-qt{color:color-mix(in srgb, var(--cs-mut) 55%, transparent);z-index:2;font-family:ui-monospace,Menlo,monospace;font-size:8px;position:absolute;bottom:3px;right:4px}[data-comic-ui] .cs-up-tile--has{border-style:solid;border-color:color-mix(in srgb, var(--cs-pri) 34%, transparent)}[data-comic-ui] .cs-up-tile--has img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}[data-comic-ui] .cs-flow{border-radius:var(--cs-r-pane);background:color-mix(in srgb, var(--cs-ink) 10%, transparent);padding:1.5px;position:relative;overflow:hidden}[data-comic-ui] .cs-flow-ring{z-index:1;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}[data-comic-ui] .cs-flow-beam{background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--cs-pri) 15%, transparent) 50deg, var(--cs-pri) 95deg, var(--primary-strong) 125deg, color-mix(in srgb, var(--cs-pri) 70%, #fff) 155deg, transparent 210deg, transparent 240deg, color-mix(in srgb, var(--cs-pri) 70%, transparent) 300deg, transparent 345deg);animation:6s linear infinite cs-flow-spin;position:absolute;inset:-60%}@keyframes cs-flow-spin{to{transform:rotate(1turn)}}[data-comic-ui] .cs-flow>.cs-inner{z-index:2;border-radius:calc(var(--cs-r-pane) - 1.5px);background:color-mix(in srgb, var(--cs-void) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative}[data-comic-ui] .cs-title{align-items:center;gap:10px;padding:13px 16px 0;display:flex}[data-comic-ui] .cs-title input{min-width:0;font:inherit;letter-spacing:-.015em;color:var(--cs-ink);background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:650}[data-comic-ui] .cs-title input::placeholder{color:color-mix(in srgb, var(--cs-mut) 62%, transparent);font-weight:550}[data-comic-ui] .cs-cnt{color:color-mix(in srgb, var(--cs-mut) 55%, transparent);opacity:0;transition:opacity var(--cs-dur) var(--cs-ease);flex-shrink:0;font-family:ui-monospace,Menlo,monospace;font-size:10px}[data-comic-ui] .cs-title:focus-within .cs-cnt{opacity:1}[data-comic-ui] .cs-composer textarea{resize:none;width:100%;min-height:84px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--cs-ink) 4%, transparent), inset 0 -10px 24px color-mix(in srgb, var(--cs-void) 10%, transparent);font:inherit;color:var(--cs-ink);background:0 0;border:0;outline:0;padding:15px 16px 4px;font-size:14px;line-height:1.7;display:block}[data-comic-ui] .cs-composer textarea::placeholder{color:color-mix(in srgb, var(--cs-mut) 78%, transparent)}[data-comic-ui] .cs-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px 10px;display:flex}[data-comic-ui] .cs-bar-l,[data-comic-ui] .cs-bar-r{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.cs-fpill{border:0 solid var(--border);min-height:30px;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.cs-fpill>.cs-k{color:color-mix(in srgb, var(--muted-foreground) 74%, transparent)}.cs-fpill>.cs-v{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;max-width:12ch;font-weight:560;overflow:hidden}.cs-fpill--req{border-color:#e9b10c66}.cs-fpill--req>.cs-k{color:#e9b10c}.cs-fpill:hover,.cs-fpill[data-state=open]{color:var(--foreground);border-color:color-mix(in srgb, var(--primary) 44%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent)}.cs-fpill:disabled{opacity:.6;cursor:not-allowed}[data-comic-ui] .cs-send{border-radius:var(--cs-r-control);width:34px;height:34px;color:var(--primary-foreground);cursor:pointer;background:var(--cs-pri);box-shadow:0 0 16px -5px color-mix(in srgb, var(--cs-pri) 90%, transparent), inset 0 1px 0 #ffffff40;transition:transform var(--cs-dur) var(--cs-ease), box-shadow var(--cs-dur) var(--cs-ease);border:0;place-items:center;display:grid}[data-comic-ui] .cs-send:hover{box-shadow:0 0 24px -5px var(--cs-pri), inset 0 1px 0 #ffffff4d}[data-comic-ui] .cs-send:active{transform:scale(.92)}[data-comic-ui] .cs-suggest{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px;display:flex}[data-comic-ui] .cs-suggest button{cursor:pointer;border:var(--cs-bw) solid var(--cs-line-s);border-radius:var(--cs-r-control);color:var(--cs-mut);font:inherit;transition:color var(--cs-dur) var(--cs-ease), border-color var(--cs-dur) var(--cs-ease);background:0 0;padding:5px 12px;font-size:11.5px}[data-comic-ui] .cs-suggest button:hover{color:var(--cs-ink);border-color:color-mix(in srgb, var(--cs-pri) 38%, transparent);background:color-mix(in srgb, var(--cs-ink) 5%, transparent)}[data-comic-ui] .cs-deck{--cs-skew:44px;grid-template-columns:1fr 1fr;gap:10px;display:grid}[data-comic-ui] .cs-mode{--cs-ink:#fff;--cs-mut:#cecece;--cs-void:#000;--cs-clip:polygon(0 0, 100% 0, calc(100% - var(--cs-skew)) 100%, 0 100%);clip-path:var(--cs-clip);border-radius:var(--cs-r-pane);text-align:left;min-height:176px;font:inherit;color:inherit;cursor:pointer;transition:transform var(--cs-dur-n) var(--cs-ease);background:#000;border:0;flex-direction:column;gap:12px;padding:16px 18px;display:flex;position:relative;overflow:hidden}[data-comic-ui] .cs-mode--a{padding-right:calc(18px + var(--cs-skew) * .62)}[data-comic-ui] .cs-mode--b{--cs-clip:polygon(var(--cs-skew) 0, 100% 0, 100% 100%, 0 100%);padding-left:calc(18px + var(--cs-skew) * .62)}[data-comic-ui] .cs-mode-bg{z-index:0;transition:transform var(--cs-dur-n) var(--cs-ease);background:#000;position:absolute;inset:0;overflow:hidden}[data-comic-ui] .cs-mode-bg>img,[data-comic-ui] .cs-mode-bg>video{object-fit:cover;width:100%;height:100%;display:block}[data-comic-ui] .cs-mode>:not(.cs-mode-bg){z-index:1;text-shadow:0 1px 2px #000000e6,0 0 10px #0000008c;position:relative}[data-comic-ui] .cs-mode:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;transition:box-shadow var(--cs-dur-n) var(--cs-ease);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff17}[data-comic-ui] .cs-mode:hover{transform:translateY(-3px)}[data-comic-ui] .cs-mode:hover .cs-mode-bg{transform:scale(1.035)}[data-comic-ui] .cs-mode:hover:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cs-pri) 42%, transparent), inset 0 1px 0 #ffffff1f}[data-comic-ui] .cs-mode:focus-visible{outline:none}[data-comic-ui] .cs-mode:focus-visible:after{box-shadow:inset 0 0 0 2px var(--cs-pri)}[data-comic-ui] .cs-mode[aria-selected=true]:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cs-pri) 62%, transparent), inset 0 1px 0 #ffffff24, inset 0 -60px 60px -50px color-mix(in srgb, var(--cs-pri) 55%, transparent)}[data-comic-ui] .cs-mode-top{align-items:flex-start;gap:11px;display:flex}[data-comic-ui] .cs-mode-cnt,[data-comic-ui] .cs-mode-cur,[data-comic-ui] .cs-mode-ic{text-shadow:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}[data-comic-ui] .cs-mode-ic{border-radius:var(--cs-r-2xl);color:#fff;background:#000000b8;border:1px solid #ffffff38;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}[data-comic-ui] .cs-mode[aria-selected=true] .cs-mode-ic{border-color:color-mix(in srgb, var(--cs-pri) 46%, transparent);background:color-mix(in srgb, var(--cs-pri) 20%, transparent);color:var(--cs-pri)}[data-comic-ui] .cs-mode-tt{flex:1;min-width:0}[data-comic-ui] .cs-mode-tt h3{letter-spacing:-.015em;color:#fff;align-items:center;gap:8px;margin:0;font-size:15.5px;font-weight:700;display:flex}[data-comic-ui] .cs-mode-cnt{border-radius:var(--cs-r-control);color:#fff;background:#000000c2;border:1px solid #ffffff2e;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700;line-height:1;display:inline-flex}[data-comic-ui] .cs-mode[aria-selected=true] .cs-mode-cnt{border-color:color-mix(in srgb, var(--cs-pri) 40%, transparent);background:color-mix(in srgb, var(--cs-pri) 24%, #000)}[data-comic-ui] .cs-mode-tt p{color:#cecece;margin:3px 0 0;font-size:11.5px;line-height:1.55}[data-comic-ui] .cs-mode-cur{letter-spacing:.02em;white-space:nowrap;border-radius:var(--cs-r-control);color:#fff;background:color-mix(in srgb, var(--cs-pri) 88%, #000);flex-shrink:0;align-items:center;gap:4px;height:22px;padding:0 9px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}[data-comic-ui] .cs-path{flex-direction:column;gap:6px;margin-top:auto;display:flex}[data-comic-ui] .cs-pk{letter-spacing:.09em;text-transform:uppercase;color:#cececebd;font-size:9.5px;font-weight:650}[data-comic-ui] .cs-steps{flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}[data-comic-ui] .cs-step{color:#fff;white-space:nowrap;align-items:center;gap:4px;padding:2px 7px 2px 0;font-size:10.5px;display:inline-flex;position:relative}[data-comic-ui] .cs-step .cs-n{color:#cececed1;font-family:ui-monospace,Menlo,monospace;font-size:9px}[data-comic-ui] .cs-step:after{content:"";background:#fff3;width:9px;height:1px;margin-left:3px}[data-comic-ui] .cs-step:last-child:after{display:none}[data-comic-ui] .cs-step--skip{color:#cecece9e;-webkit-text-decoration:line-through #cecece73;text-decoration:line-through #cecece73}[data-comic-ui] .cs-step--skip .cs-n{opacity:.5}[data-comic-ui] .cs-step--skip:after{background:0 0;border-top:1px dashed #ffffff29}[data-comic-ui] .cs-step--key{font-weight:620}[data-comic-ui] .cs-step--key .cs-n{color:var(--cs-pri)}[data-comic-ui] .cs-listing{flex-direction:column;gap:22px;padding-top:4px;display:flex}[data-comic-ui] .cs-listing.ws-plate{padding:16px 12px 12px}[data-comic-ui] .cs-listing-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}[data-comic-ui] .cs-listing-head h2{letter-spacing:-.012em;color:var(--cs-ink);flex-wrap:wrap;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:680;display:flex}[data-comic-ui] .cs-listing-head h2 .cs-sub{color:var(--cs-mut);font-size:11.5px;font-weight:450}[data-comic-ui] .cs-arch-btn{cursor:pointer;border-radius:var(--cs-r-control);border:var(--cs-bw) solid var(--cs-line-s);background:color-mix(in srgb, var(--cs-void) 42%, transparent);color:var(--cs-mut);font:inherit;transition:color var(--cs-dur) var(--cs-ease), border-color var(--cs-dur) var(--cs-ease), background-color var(--cs-dur) var(--cs-ease);align-items:center;gap:6px;padding:3px 9px 3px 8px;font-size:11.5px;font-weight:450;display:inline-flex}[data-comic-ui] .cs-arch-btn .cs-cur-name{color:var(--cs-ink);font-weight:580}[data-comic-ui] .cs-arch-btn svg:first-child{color:var(--cs-pri);flex-shrink:0}[data-comic-ui] .cs-arch-btn svg:last-child{opacity:.55;flex-shrink:0}[data-comic-ui] .cs-arch-btn:hover,[data-comic-ui] .cs-arch-btn[data-state=open]{color:var(--cs-ink);border-color:color-mix(in srgb, var(--cs-pri) 38%, transparent);background:color-mix(in srgb, var(--cs-pri) 9%, transparent)}[data-comic-ui] .cs-search{border:var(--cs-bw) solid var(--cs-line);border-radius:var(--cs-r-control);background:var(--cs-void);width:min(300px,100%);min-height:32px;color:var(--cs-mut);transition:border-color var(--cs-dur) var(--cs-ease), box-shadow var(--cs-dur) var(--cs-ease);align-items:center;gap:8px;padding:0 12px;display:flex}[data-comic-ui] .cs-search:focus-within{border-color:color-mix(in srgb, var(--cs-pri) 50%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--cs-pri) 30%, transparent)}[data-comic-ui] .cs-search input{min-width:0;font:inherit;color:var(--cs-ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}[data-comic-ui] .cs-search input::placeholder{color:color-mix(in srgb, var(--cs-mut) 70%, transparent)}[data-comic-ui] .cs-ftabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}[data-comic-ui] .cs-ftab{cursor:pointer;border-radius:var(--cs-r-control);border:var(--cs-bw) solid var(--cs-line-s);color:var(--cs-mut);font:inherit;transition:color var(--cs-dur) var(--cs-ease), border-color var(--cs-dur) var(--cs-ease), background-color var(--cs-dur) var(--cs-ease);background:0 0;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:inline-flex}[data-comic-ui] .cs-ftab b{font-variant-numeric:tabular-nums;color:var(--cs-ink);font-family:ui-monospace,Menlo,monospace;font-weight:650}[data-comic-ui] .cs-ftab:hover{color:var(--cs-ink);border-color:color-mix(in srgb, var(--cs-ink) 20%, transparent);background:color-mix(in srgb, var(--cs-ink) 5%, transparent)}[data-comic-ui] .cs-ftab[aria-pressed=true]{color:var(--cs-ink);border-color:color-mix(in srgb, var(--cs-pri) 45%, transparent);background:color-mix(in srgb, var(--cs-pri) 13%, transparent)}[data-comic-ui] .cs-ftab>i{border-radius:999px;flex-shrink:0;width:5px;height:5px}[data-comic-ui] .cs-ftab--run>i{background:var(--cs-pri)}[data-comic-ui] .cs-ftab--done>i{background:var(--cs-grn)}[data-comic-ui] .cs-ftab--new>i{background:var(--cs-gold)}[data-comic-ui] .cs-empty-hint{border-radius:var(--cs-r-control);width:100%;color:var(--cs-mut);font:inherit;text-align:center;cursor:pointer;transition:color var(--cs-dur) var(--cs-ease);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:34px 16px;font-size:12.5px;line-height:1.6;display:flex}[data-comic-ui] .cs-empty-hint:hover{color:var(--cs-pri)}[data-comic-ui] .cs-empty-hint svg{transition:transform var(--cs-dur) var(--cs-ease)}[data-comic-ui] .cs-empty-hint:hover svg{transform:translateY(-2px)}@media (max-width:720px){[data-comic-ui] .cs-deck{grid-template-columns:1fr}[data-comic-ui] .cs-mode,[data-comic-ui] .cs-mode--b{--cs-clip:none;clip-path:none;min-height:0;padding:14px 15px}}@media (max-width:640px){[data-comic-ui] .cs-hero{gap:18px;padding:34px 0 30px}[data-comic-ui] .cs-hero h1{min-height:120px;font-size:40px;line-height:1.05}[data-comic-ui] .cs-hero-corner{align-self:flex-end;position:static}}@media (max-width:560px){[data-comic-ui] .cs-composer-row{flex-direction:column-reverse}[data-comic-ui] .cs-up-rail{align-self:flex-start}}@media (prefers-reduced-motion:reduce){[data-comic-ui] .cs-flow-beam{animation:none}[data-comic-ui] .cs-mode:hover,[data-comic-ui] .cs-mode:hover .cs-mode-bg{transform:none}}
