.wk-frame{background:linear-gradient(180deg,var(--surface),var(--bg));border:1px solid var(--border-hi);border-radius:var(--r-5);box-shadow:var(--el-card);position:relative;overflow:hidden}.wk-framebar{border-bottom:1px solid var(--border);background:#f5f4ee04;align-items:center;gap:10px;padding:10px 16px;display:flex}.wk-framebar-dots{gap:6px;display:flex}.wk-framebar-dots span{background:#f5f4ee1a;border-radius:999px;width:9px;height:9px}.wk-framebar-title{text-align:center;min-width:0;color:var(--text-mute);font-size:12px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wk-frame-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal);background:var(--signal-dim);white-space:nowrap;border:1px solid #34e2c240;border-radius:999px;padding:2px 9px;font-size:9.5px}.wk-frame-badge[data-tone=caution]{color:var(--caution);background:#e8d9b01a;border-color:#e8d9b040}.wk-frame-tag{color:var(--text-mute);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--r-1);z-index:2;background:#13141ab3;align-items:center;gap:6px;padding:3px 8px;display:inline-flex;position:absolute;bottom:12px;right:14px}.wk-ui-body{grid-template-columns:128px minmax(0,1fr);min-height:232px;display:grid}.wk-ui-side{border-right:1px solid var(--border);background:#f5f4ee03;flex-direction:column;gap:2px;padding:12px 10px;display:flex}.wk-ui-side span{border-radius:var(--r-2);color:var(--text-mute);padding:6px 9px;font-size:11.5px;font-weight:500}.wk-ui-side span[data-on]{background:var(--signal-dim);color:var(--signal);font-weight:600}.wk-ui-main{min-width:0;padding:14px 16px 40px}.wk-ui-h{font-family:var(--font-display);color:var(--text);margin-bottom:10px;font-size:13px;font-weight:600}.wk-prog-row{border-bottom:1px solid var(--border-lo);grid-template-columns:minmax(0,1fr) 84px 44px;align-items:center;gap:10px;padding:7px 0;display:grid}.wk-prog-row b{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.wk-prog{background:#f5f4ee12;border-radius:2px;height:4px;overflow:hidden}.wk-prog i{background:var(--signal);opacity:.75;border-radius:2px;height:100%;display:block}.wk-prog-pc{font-family:var(--font-mono);color:var(--text-mute);text-align:right;white-space:nowrap;font-size:10px}.wk-ui-note{background:var(--signal-dim);border-radius:var(--r-3);color:var(--signal);border:1px solid #34e2c238;align-items:center;gap:8px;margin-top:12px;padding:8px 11px;font-size:11.5px;font-weight:500;display:flex}.wk-ui-note i{background:var(--signal);border-radius:999px;flex-shrink:0;width:5px;height:5px}.wk-kan{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:232px;padding:14px 16px 44px;display:grid}.wk-kan-col{border:1px solid var(--border);border-radius:var(--r-3);background:#f5f4ee04;min-width:0;padding:10px}.wk-kan-col .wk-kan-h{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);justify-content:space-between;margin-bottom:8px;font-size:9px;display:flex}.wk-kan-card{background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--r-2);color:var(--text-mute);margin-bottom:7px;padding:8px 10px;font-size:10.5px}.wk-kan-card b{color:var(--text-dim);font-size:11px;font-weight:600;display:block}.wk-kan-st{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-top:5px;padding:2px 7px;font-size:8.5px;display:inline-block}.wk-kan-st[data-tone=info]{color:var(--accent);background:#8b7cf61f}.wk-kan-st[data-tone=warm]{color:var(--caution);background:#e8d9b01f}.wk-kan-st[data-tone=ok]{background:var(--signal-dim);color:var(--signal)}.wk-phone{background:linear-gradient(180deg,var(--surface),var(--bg));border:1px solid var(--border-hi);width:232px;box-shadow:var(--el-card);border-radius:26px;margin:0 auto;position:relative;overflow:hidden}.wk-phone-top{justify-content:center;align-items:center;height:26px;display:flex}.wk-phone-top i{background:#f5f4ee14;border-radius:3px;width:56px;height:5px}.wk-phone-body{padding:6px 14px 40px}.wk-phone-hero{border-radius:var(--r-4);border:1px solid var(--border);height:80px;font-family:var(--font-display);color:var(--text-dim);background:linear-gradient(135deg,#ff6f4d2e,#e8d9b01a);align-items:flex-end;padding:8px 10px;font-size:11.5px;font-weight:600;display:flex}.wk-phone-row{border-bottom:1px solid var(--border-lo);color:var(--text-mute);justify-content:space-between;align-items:center;gap:8px;padding:9px 0;font-size:10.5px;display:flex}.wk-phone-row b{color:var(--text-dim);font-size:11px;font-weight:600}.wk-tl{margin-top:10px}.wk-tl-row{color:var(--text-mute);align-items:flex-start;gap:9px;padding:4px 0;font-size:10.5px;display:flex}.wk-tl-row i{background:var(--signal);border-radius:999px;flex-shrink:0;width:7px;height:7px;margin-top:4px}.wk-tl-row[data-dim] i{background:#f5f4ee1f}.wk-tl-row b{color:var(--text-dim);font-weight:600}.wk-story{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,4vw,72px);padding:clamp(44px,4.5vw,68px) 0;display:grid}.wk-story:first-of-type{border-top:0;padding-top:0}.wk-story[data-flip] .wk-story-txt{order:2}.wk-conv-labels{text-align:center;flex-wrap:wrap;justify-content:center;gap:12px 28px;display:flex}.wk-conv-lines{width:100%;max-width:560px;height:auto;margin:0 auto;display:block}.wk-conv-vline{background:var(--border-hi);width:1px;height:40px;margin:14px auto;display:none}@media (max-width:767px){.wk-frame{border-radius:var(--r-4)}.wk-framebar{gap:8px;padding:9px 12px}.wk-framebar-dots span{width:7px;height:7px}.wk-framebar-title{font-size:10px}.wk-frame-tag{-webkit-backdrop-filter:none;margin:0 14px 12px;display:inline-flex;position:static}.wk-ui-body{grid-template-columns:1fr}.wk-ui-side{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;padding:10px 12px}.wk-ui-main{padding-bottom:14px}.wk-kan{grid-template-columns:1fr;min-height:0;padding-bottom:14px}.wk-phone-body{padding-bottom:14px}.wk-story,.wk-story[data-flip]{grid-template-columns:1fr}.wk-story[data-flip] .wk-story-txt{order:0}.wk-conv-lines{display:none}.wk-conv-vline{display:block}}