.wk{border-radius:var(--bz-radius-lg,18px);background:linear-gradient(150deg,var(--bz-navy-2,#0b2630),var(--bz-navy,#123845) 62%,var(--bz-navy-3,#16414f));color:#fff;box-shadow:var(--bz-elev-2,0 10px 30px #0b263033);gap:18px;margin:12px 16px;padding:22px 20px;display:grid;position:relative;overflow:hidden}.wk:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffc53d38,#0000);width:340px;height:340px;position:absolute;inset:auto -80px -120px auto}.wk-comb{opacity:.5;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31Z M28 63v34' fill='none' stroke='%23ffc53d' stroke-opacity='.22' stroke-width='1.4'/%3E%3C/svg%3E");width:260px;height:180px;position:absolute;top:-10px;right:-10px;-webkit-mask-image:linear-gradient(225deg,#000 20%,#0000 75%);mask-image:linear-gradient(225deg,#000 20%,#0000 75%)}.wk-copy{z-index:1;gap:8px;display:grid;position:relative}.wk-kicker{color:var(--bz-honey,#ffc53d);font-size:var(--bz-text-xs,12px);letter-spacing:var(--bz-track-caps,.1em);text-transform:uppercase;align-items:center;gap:6px;margin:0;font-weight:700;display:inline-flex}.wk h2{font-size:var(--bz-text-xl,26px);line-height:var(--bz-leading-tight,1.08);letter-spacing:var(--bz-track-tight,-.035em);color:#fff;margin:0}.wk-hero{flex-wrap:wrap;align-items:baseline;gap:12px;margin:6px 0 0;display:flex}.wk-hero strong{letter-spacing:-.04em;color:var(--bz-honey,#ffc53d);font-size:clamp(48px,9vw,72px);font-weight:800;line-height:1}.wk-hero span{font-size:var(--bz-text-md,17px);color:#ffffffe0;font-weight:600}.wk-learned{border-left:4px solid var(--bz-honey,#ffc53d);color:#ffffffe6;font-size:var(--bz-text-sm,13.5px);background:#ffffff0f;border-radius:0 10px 10px 0;margin:6px 0 0;padding:10px 12px 10px 14px;line-height:1.45}.wk-learned b{color:var(--bz-honey,#ffc53d);font-size:var(--bz-text-xs,12px);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;display:block}.wk-stats{z-index:1;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.wk-stats li{aspect-ratio:1/1.08;clip-path:var(--bz-hex-clip,polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%));text-align:center;background:linear-gradient(#ffffff1f,#ffffff0d);align-content:center;justify-items:center;gap:2px;padding:10px;display:grid}.wk-stats strong{letter-spacing:-.02em;color:#fff;font-size:26px;font-weight:800}.wk-stats span{color:#ffffffc4;max-width:88px;font-size:12.5px;line-height:1.25}.wk-actions{z-index:1;flex-direction:column;gap:8px;display:flex;position:relative}.wk-actions .bz-btn{justify-content:center}.wk .bz-btn--secondary{color:#fff;background:#ffffff14;border-color:#ffffff38}.wk .bz-btn--secondary:hover{background:#ffffff24}.wk .bz-btn--quiet{color:#ffffffc4}.wk .bz-btn:focus-visible{box-shadow:var(--bz-focus-on-dark,0 0 0 2px #0b2630,0 0 0 4px #ffc53d)}.wk-dialog{width:min(640px,100%);position:relative}.wk-x{width:40px;height:40px;color:var(--bz-muted,#536773);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.wk-d-help{color:var(--bz-muted,#536773);font-size:var(--bz-text-sm,13.5px);margin:0 0 14px}.wk-seg{background:var(--bz-surface-sunk,#f1f4f5);border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.wk-seg button{min-height:36px;color:var(--bz-ink-2,#29434f);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:13.5px;font-weight:600}.wk-seg button.is-on{color:var(--bz-ink,#122c38);box-shadow:var(--bz-elev-1,0 1px 3px #0b263022);background:#fff}.wk-preview{border-radius:14px;margin:0 auto 14px;overflow:hidden;box-shadow:0 12px 34px #0b263040}.wk-preview svg{width:100%;height:auto;display:block}.wk-preview.is-story{max-width:300px}.wk-name{min-height:44px;color:var(--bz-ink,#122c38);cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.wk-name input{width:18px;height:18px;accent-color:var(--bz-navy,#123845)}.wk-name-input,.wk-link input{border:1px solid var(--bz-line-strong,#cfd9de);width:100%;min-height:44px;font:inherit;color:var(--bz-ink,#122c38);border-radius:10px;padding:0 12px}.wk-link{gap:8px;margin-top:10px;display:flex}.wk-note{color:var(--bz-success,#1b7a4f);font-size:var(--bz-text-sm,13.5px);margin:10px 0 0;font-weight:600}@media (min-width:640px){.wk-actions{flex-flow:wrap}.wk-later{margin-left:auto}}@media (min-width:900px){.wk{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;margin:12px 0;padding:30px 32px}.wk-actions{grid-column:1/-1}.wk-stats{grid-template-columns:repeat(3,minmax(0,120px));justify-content:end}}@media (prefers-reduced-motion:no-preference){.wk{animation:wk-in .36s var(--bz-ease-out,ease-out)}}@keyframes wk-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:639px){.wk-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wk-stats li{padding:6px}.wk-stats strong{font-size:var(--bz-text-lg,20px)}.wk-stats span{font-size:11px}}