.mission-banner{display:grid;gap:8px;padding:10px 14px;margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:var(--cream,#F5EADD);color:var(--cocoa);font-size:14px}
.mission-banner .mb-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mission-banner .mb-back{appearance:none;border:0;border-radius:999px;background:var(--cocoa);color:var(--paper);font:700 13px/1 var(--sans);padding:10px 14px;min-height:38px;cursor:pointer;transition:transform .15s ease}
.mission-banner .mb-back:hover{transform:translateX(-2px)}
html[data-theme="dark"] .mission-banner .mb-back{color:#2A1D14}
.mission-banner .mb-name{font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis}
.mission-banner .mb-points summary{cursor:pointer;font:700 12px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--cocoa);padding:4px 0;list-style:none}
.mission-banner .mb-points summary::-webkit-details-marker{display:none}
.mission-banner .mb-points summary::after{content:" +";font-weight:700}
.mission-banner .mb-points[open] summary::after{content:" \2013"}
.mission-banner .mb-points ol{margin:6px 0 4px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.mission-banner .mb-points li{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;line-height:1.3}
.mission-banner .mb-points p{margin:2px 0 0}
.mprog{height:8px;border-radius:8px;background:var(--line);overflow:hidden;margin-top:16px}.mprog i{display:block;height:100%;background:var(--caramel,#E19E4E)}
.mdots{display:flex;gap:5px;margin-top:6px}.mdots i{width:9px;height:9px;border-radius:50%;background:var(--line)}.mdots i.on{background:var(--caramel,#E19E4E)}
.item.is-next{border-color:var(--caramel,#E19E4E);background:var(--cream,#F5EADD)}
.mpanel{border-top:1px solid var(--line);padding-top:18px}.mpanel .lbl{display:block;margin-top:10px}
.mexplain{margin:8px 0 12px;color:var(--ink);font-size:15px;line-height:1.5;max-width:60ch}
.mcalm{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--paper-2);font:500 17px/1.4 var(--serif);color:var(--cocoa)}
.check{display:flex;gap:10px;align-items:flex-start;padding:8px 0}.check input{margin-top:4px}
.usebar{display:block;margin-bottom:10px}.usebar .mprog{margin-top:6px}
.ln-list,.ln-sug{display:grid;gap:8px;margin-top:6px}
.ln-row{display:flex;gap:8px;align-items:center}.ln-row .field{flex:1;min-width:0}
.ln-x{appearance:none;border:0;background:transparent;color:var(--muted);font:400 24px/1 var(--sans);width:36px;height:36px;border-radius:50%;flex:none;cursor:pointer}
.ln-x:hover{background:var(--paper-2);color:var(--cocoa)}
.ln-empty{padding:10px 0}
.ln-sug{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.ln-sug-head{display:grid;gap:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chipbtn{appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:9px 14px;min-height:40px;font:600 14px var(--sans);cursor:pointer;transition:background .15s ease,transform .15s ease}
.chipbtn:hover{background:var(--paper-2)}
.chipbtn:active{transform:scale(.97)}
.chipbtn.on{background:var(--cocoa);border-color:var(--cocoa);color:var(--paper)}
html[data-theme="dark"] .chipbtn.on{color:#2A1D14}