.ak{padding:32px 0 40px}
.ak [hidden]{display:none!important}
.ak .msg:empty{display:none}
.ak .msg{margin:0}
.ak-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:start}
.ak-grid-r{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.ak-below{margin-top:20px}
.ak-main,.ak-side{display:grid;gap:16px;min-width:0}
.ak-form,.ak-ask{display:grid;gap:20px}
.ak-ask{gap:16px}
.ak-f{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.ak-f>label,.ak-f>legend,.ak-lab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding:0;font-weight:700;font-size:15px}
.ak-f>legend{margin-bottom:8px}
.ak-f textarea,.ak-repbox textarea{width:100%;min-height:72px}
.ak-f input[type=text]{width:100%}
.ak-cnt{flex:none;white-space:nowrap;font-size:12.5px;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums}
.ak-seg{display:flex;flex-wrap:wrap;gap:8px}
.ak-seg label{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer;font-size:15px}
.ak-seg label:has(input:checked){border-color:var(--a2);background:rgba(34,211,238,.1)}
.ak-seg input{accent-color:var(--a2);margin:0;width:18px;height:18px}
.ak-note{margin:0;font-size:13.5px;color:var(--mut)}
.ak-note a{color:var(--a2)}
.ak-gap{margin-top:12px}
.ak-warn{margin:4px 0 0;padding:10px 12px;border-radius:10px;background:rgba(250,204,21,.1);color:#fde68a;font-size:14px}
.ak-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.ak-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ak-big{height:48px;padding:0 26px;font-size:16px}
.ak-made{display:grid;gap:16px;border-color:rgba(34,211,238,.45)}
.ak-made h2{font-size:22px;margin:0}
.ak-link{display:flex;gap:8px;min-width:0}
.ak-link input{flex:1;width:100%;min-width:0;font-size:15px}
.ak-link .btn2{flex:none}
.ak-side h2,.ak-h3{font-size:17px;margin:0 0 10px}
.ak-ask .ak-h3{margin:0}
.ak-list{margin:0;padding-left:18px;color:var(--mut);font-size:14.5px;display:grid;gap:8px}
.ak-mine{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.ak-mine li{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;font-size:14.5px}
.ak-mine li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ak-mine li a{flex:none;color:var(--a2);font-size:13.5px;font-weight:700}

.ak-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.ak-meta:not(:has(.ak-chip:not([hidden]))){display:none}
.ak-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:650;color:var(--mut)}
.ak-chip.on{color:#a5f3fc;border-color:rgba(34,211,238,.4)}
.ak-chip.off{color:#fbcfe8;border-color:rgba(244,114,182,.45)}
.tool .ak-title,.ak .ak-title{font-size:clamp(24px,3.4vw,36px);line-height:1.3;letter-spacing:-.015em;font-weight:800;margin:0 0 10px;max-width:900px;overflow-wrap:anywhere}
.ak-desc{margin:0 0 22px;color:var(--mut);max-width:760px;white-space:pre-line;overflow-wrap:anywhere}
#ak-m .ak-title{margin-bottom:22px}
.ak-rh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ak-rh h2{font-size:20px;margin:0;display:flex;align-items:baseline;gap:10px}
.ak-total{color:var(--mut);font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}
.ak-sort{display:flex;gap:6px;flex-wrap:wrap}
.ak-tabs{margin-bottom:14px}
.ak-tab{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--mut);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ak-tab:hover{color:var(--ink)}
.ak-tab[aria-pressed=true]{color:var(--bg);background:var(--ink);border-color:var(--ink)}
.ak-qs{display:grid;gap:0;min-width:0}
.ak-qs>.ak-note:last-child{margin-top:14px}
.ak-empty{padding:18px 0}
.ak-rows{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ak-q{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);display:grid;gap:8px;min-width:0}
.ak-q.ak-pin{border-color:rgba(250,204,21,.5);background:rgba(250,204,21,.06)}
.ak-q.ak-ans .ak-qb{color:var(--mut)}
.ak-q.ak-cur{border-color:var(--a2);box-shadow:0 0 0 1px var(--a2) inset}
.ak-q.ak-me{border-left:3px solid var(--a1)}
.ak-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.ak-tag{padding:1px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:rgba(255,255,255,.08);color:var(--mut)}
.ak-tag.pin{background:rgba(250,204,21,.16);color:#fde68a}
.ak-tag.ans{background:rgba(34,211,238,.15);color:#a5f3fc}
.ak-tag.me{background:rgba(124,92,255,.2);color:#d4c9ff}
.ak-tag.cur{background:var(--a2);color:var(--bg)}
.ak-tag.rep{background:rgba(244,114,182,.18);color:#fbcfe8}
.ak-qb{margin:0;font-size:16.5px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;word-break:keep-all}
.ak-qf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ak-who{color:var(--mut);font-size:13.5px;min-width:0;overflow-wrap:anywhere}
.ak-qa{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ak-like{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ak-like:hover{border-color:rgba(244,114,182,.6)}
.ak-like b{font-variant-numeric:tabular-nums}
.ak-heart::before{content:"\2665";color:var(--a3)}
.ak-like[aria-pressed=true]{background:rgba(244,114,182,.16);border-color:rgba(244,114,182,.55);cursor:default;opacity:1}
.ak-rep{height:34px;padding:0 10px;border:0;background:transparent;color:var(--mut);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ak-rep:hover{color:var(--ink)}
.ak-rep:disabled{opacity:.5;cursor:default}
.ak-wlist{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--mut);font-size:14.5px;white-space:pre-line;overflow-wrap:anywhere}
.ak-repbox summary{cursor:pointer;font-weight:700;color:var(--mut);list-style:none}
.ak-repbox summary::-webkit-details-marker{display:none}
.ak-repbox summary::after{content:" +";color:var(--mut)}
.ak-repbox[open] summary::after{content:" \2212"}
.ak-repbox form{display:grid;gap:10px;margin-top:12px}
.ak-tools{display:grid;gap:16px}
.ak-stack .btn2{flex:1 1 150px}
.ak-sm{height:34px;padding:0 12px;font-size:13.5px}
.ak-danger{color:#fbcfe8;border-color:rgba(244,114,182,.45)}
.ak-danger:hover{background:rgba(244,114,182,.16)}
.ak-seg .ak-tab{flex:1 1 120px}
.ak-seg label:focus-within,.ak-tab:focus-visible,.ak-like:focus-visible,.ak-rep:focus-visible{outline:2px solid var(--a2);outline-offset:2px}

body:has(.ak-show) .top,body:has(.ak-show) .foot{display:none}
body:has(.ak-show) main{max-width:none}
.ak-show{padding:0}
.ak-s{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:24px;padding:28px clamp(16px,4vw,64px) 22px}
.ak-s-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px 32px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px}
.ak-s-room{margin:0;font-size:clamp(18px,2vw,26px);font-weight:700;color:var(--mut);overflow-wrap:anywhere}
.ak-s-join{margin:0;font-size:clamp(18px,2.2vw,30px);color:var(--mut)}
.ak-s-join b{color:var(--a2);font-weight:800;letter-spacing:.01em;overflow-wrap:anywhere}
.ak-s-main{display:flex;flex-direction:column;justify-content:center;gap:22px;min-width:0}
.ak-s-tags{display:flex;gap:8px;margin:0}
.ak-s-tags .ak-tag{font-size:clamp(14px,1.4vw,20px);padding:4px 14px}
.ak-s-q{margin:0;font-size:clamp(30px,5vw,72px);line-height:1.3;font-weight:800;letter-spacing:-.015em;white-space:pre-line;overflow-wrap:anywhere;word-break:keep-all;max-width:1500px}
.ak-s-q.long{font-size:clamp(24px,3.6vw,52px)}
.ak-s-q.none{color:var(--mut);font-weight:600;font-size:clamp(22px,3vw,40px)}
.ak-s-who{margin:0;font-size:clamp(18px,2vw,28px);color:var(--mut)}
.ak-s-bar{display:flex;flex-wrap:wrap;gap:10px;opacity:.55;transition:opacity .2s}
.ak-s-bar:hover,.ak-s-bar:focus-within{opacity:1}

@media (max-width:860px){
  .ak-grid,.ak-grid-r{grid-template-columns:1fr}
}
@media (max-width:480px){
  .ak{padding-top:24px}
  .ak-link{flex-wrap:wrap}
  .ak-link input{flex-basis:100%}
  .ak-link .btn2{flex:1}
  .ak-big{width:100%}
  .ak-q{padding:12px 13px}
  .ak-s{padding-top:18px;gap:16px}
  .ak-s-bar .btn2{flex:1 1 40%}
}