.op-outing{--op-green:#175546;--op-ink:#293d35;color:var(--op-ink);scroll-margin-top:90px}.op-outing *{box-sizing:border-box}.op-outing [hidden]{display:none!important}.op-outing-shell{border:1px solid #cbded3;border-radius:24px;background:#fcfdf9;overflow:hidden;box-shadow:0 5px 24px #214e3910}.op-outing-summary{display:flex;align-items:center;gap:16px;padding:24px;list-style:none;cursor:pointer;background:linear-gradient(120deg,#eef7ec,#fff9ed)}.op-outing-summary::-webkit-details-marker{display:none}.op-outing-summary>span:nth-child(2){flex:1;min-width:0}.op-outing-summary strong{display:block;font-family:Cafe24Ssurround,sans-serif;font-size:26px;color:var(--op-green);margin:6px 0}.op-outing-summary small{display:block;font-size:14px;line-height:1.6}.op-outing-eyebrow{font-size:12px;font-weight:700;color:#536c5d;letter-spacing:.02em}.op-outing-orbs{display:flex;flex-wrap:wrap;width:66px;justify-content:center;gap:3px;flex-shrink:0}.op-outing-orbs i,.op-outing-chip i{width:23px;height:23px;display:inline-grid;place-items:center;border-radius:50%;background:var(--op-tint);color:var(--op-color);font-size:12px;font-style:normal}.op-outing-wood{--op-color:#28704a;--op-tint:#e2f0de}.op-outing-fire{--op-color:#b84129;--op-tint:#ffebe2}.op-outing-earth{--op-color:#896314;--op-tint:#faf0cb}.op-outing-metal{--op-color:#525f77;--op-tint:#e9edf5}.op-outing-water{--op-color:#276b9d;--op-tint:#e1f1fb}.op-outing-chevron{font-size:26px;transition:transform .2s}.op-outing-shell[open] .op-outing-chevron{transform:rotate(180deg)}.op-outing-body{padding:24px}.op-outing fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.op-outing legend{font-weight:700;font-size:17px;padding:0;line-height:1.7}.op-outing legend>b{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--op-green);color:#fff;font-size:12px;margin-right:6px}.op-outing legend>span{color:#5b7264;font-size:13px;font-weight:400;white-space:nowrap}.op-outing-pick-actions{display:flex;justify-content:flex-end;gap:10px;margin:8px 0}.op-outing-pick-actions button{border:0;background:none;color:var(--op-green);font:inherit;font-size:13px;min-height:40px;cursor:pointer;padding:8px}.op-outing-members{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow-y:auto;padding:4px}.op-outing-chip,.op-outing-types label{position:relative;cursor:pointer;min-width:0}.op-outing-chip input,.op-outing-types input{position:absolute;width:1px;height:1px;opacity:0}.op-outing-chip>span{display:flex;align-items:center;gap:7px;border:1px solid #d6ded6;background:#fff;border-radius:30px;padding:9px 13px;min-height:44px;font-size:14px;overflow-wrap:anywhere;max-width:100%}.op-outing-chip input:checked+span{border-color:var(--op-green);background:#eaf3e8;box-shadow:inset 0 0 0 1px var(--op-green)}.op-outing-chip input:checked+span:after{content:"✓";color:var(--op-green);font-weight:700}.op-outing-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.op-outing-types span{min-height:86px;border:1px solid #d6ded6;border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700}.op-outing-types i{font-size:23px;font-style:normal;color:#4b6d5b}.op-outing-types input:checked+span{border-color:var(--op-green);background:var(--op-green);color:#fff}.op-outing-types input:checked+span i{color:#cce7aa}.op-outing :is(button,a,summary,input,select):focus-visible,.op-outing input:focus-visible+span{outline:3px solid #58a97c;outline-offset:3px}.op-outing-conditions{background:#f1f5ed;padding:18px;border-radius:16px;margin-bottom:12px}.op-outing-conditions label{display:block;font-size:14px;font-weight:700;min-width:0}.op-outing-conditions :is(input:not([type=checkbox]),select){width:100%;min-width:0;max-width:100%;margin-top:8px;height:46px;font:inherit;border:1px solid #cdd8cd;background:#fff;padding:10px;color:var(--op-ink);border-radius:10px}.op-outing-conditions p,.op-outing-note,.op-outing-method p{font-size:13px;line-height:1.8;color:#57685c;word-break:keep-all;overflow-wrap:anywhere;margin:10px 0}.op-outing-date-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}.op-outing-conditions .op-outing-weekend{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:8px}.op-outing-weekend input{accent-color:var(--op-green);width:19px;height:19px}.op-outing-status{font-size:13px;color:var(--op-green);line-height:1.7;margin:10px 0;word-break:keep-all;overflow-wrap:anywhere}.op-outing .ohaeng-primary{background:var(--op-green);color:#fff;border-color:var(--op-green)}.op-outing .ohaeng-secondary{background:#fff;border-color:#c8d9cc;color:var(--op-green)}.op-outing-submit{width:100%}.op-outing button:disabled{opacity:.5;cursor:default}.op-outing-result:empty{display:none}.op-outing-result{border-top:1px solid #d9e3d8;padding-top:26px;margin-top:26px;scroll-margin-top:90px}.op-outing-result-head h3{font-size:23px;line-height:1.5;margin:8px 0;word-break:keep-all;overflow-wrap:anywhere}.op-outing-result-head>p:last-child{color:#69796d;font-size:13px;overflow-wrap:anywhere;line-height:1.7}.op-outing-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.op-outing-bars>div{display:grid;gap:7px;font-size:12px;text-align:center}.op-outing-bars i{display:block;height:6px;border-radius:8px;background:linear-gradient(to right,var(--op-color) var(--fill),#e7ece3 var(--fill))}.op-outing-bars b{font-weight:400;color:#637267}.op-outing-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.op-outing-candidate{padding:20px;border:1px solid #dce5d8;border-radius:18px;background:#fff;min-width:0}.op-outing-candidate:first-child{border-color:#9bb7a1;background:linear-gradient(150deg,var(--op-tint),white 55%)}.op-outing-candidate-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--op-color)}.op-outing-candidate h4{font-family:Cafe24Ssurround,sans-serif;font-size:21px;margin:16px 0 4px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}.op-outing-candidate p{font-size:14px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere;margin:12px 0}.op-outing-candidate .op-outing-location{color:#667466;font-size:12px;margin-top:0}.op-outing-do{margin-top:18px;border-top:1px solid #edf0e9;padding-top:14px}.op-outing-do strong{font-size:12px;color:var(--op-color)}.op-outing-candidate summary,.op-outing-method summary{cursor:pointer;font-size:13px;line-height:1.7;padding:12px 0}.op-outing-candidate details p{font-size:13px}.op-outing-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:15px}.op-outing-links a{color:var(--op-green);text-underline-offset:4px;min-height:36px;line-height:1.6;font-size:13px}.op-outing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.op-outing-actions button{flex:1;min-width:180px}@media(max-width:700px){.op-outing-candidates{grid-template-columns:1fr}.op-outing-body{padding:20px 16px}.op-outing-summary{padding:20px 16px;gap:10px}.op-outing-orbs{width:52px}.op-outing-summary strong{font-size:24px}.op-outing-eyebrow{font-size:11px}.op-outing-date-fields{grid-template-columns:1fr}.op-outing-types{gap:6px}.op-outing-types span{font-size:13px}}@media(prefers-reduced-motion:reduce){.op-outing-chevron{transition:none}}
