.ot-page{--ot-line:#e3d6c5;--ot-muted:#987e65;--ot-red:#a2573e;color:#4c3d30;max-width:1180px;margin:auto;padding-bottom:32px}.ot-page svg:not(.ot-art),.ot-editor svg:not(.ot-art),.ot-preview svg:not(.ot-art),.ot-confirm svg:not(.ot-art),.ot-entry svg{width:18px;height:18px;flex-shrink:0}svg.ot-art{width:330px;height:auto;aspect-ratio:380/250;max-width:100%;overflow:visible;flex-shrink:0}.ot-trail{animation:ot-road 12s linear infinite}.ot-pin{transform-box:fill-box;transform-origin:center bottom;animation:ot-pin 4s ease-in-out infinite}.ot-house,.ot-people{animation:ot-in .7s cubic-bezier(.2,.7,.2,1) both}.ot-people{animation-delay:.16s}.ot-page button,.ot-page a,.ot-editor button,.ot-preview button,.ot-confirm button{transition:transform .22s,box-shadow .22s,background .22s,color .22s}.ot-page button:hover,.ot-editor button:hover,.ot-preview button:hover{transform:translateY(-2px)}.ot-page button:active,.ot-editor button:active,.ot-preview button:active,.ot-confirm button:active{transform:scale(.97)}.ot-page :focus-visible,.ot-editor :focus-visible,.ot-preview :focus-visible,.ot-confirm :focus-visible{outline:3px solid #b5835d;outline-offset:3px}.ot-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--ot-line);border-radius:28px;padding:40px 48px;background:radial-gradient(ellipse at 80% 50%,#c9c9af36,transparent 65%),#f7eddd}.ot-hero>div{min-width:0}.ot-hero small{font-size:10px;letter-spacing:2px;color:#a08060}.ot-hero h1{font-size:36px;line-height:1.5;letter-spacing:-1.3px;margin:17px 0}.ot-hero em{font-style:normal;color:#98563f}.ot-hero p{font-size:13px;line-height:2;color:#927c63;margin:0 0 25px}.ot-tabs{display:flex;gap:9px;border-bottom:1px solid var(--ot-line);padding-bottom:14px;margin:27px 0 22px}.ot-tabs a{display:flex;gap:8px;align-items:center;padding:12px 18px;border-radius:12px;color:var(--ot-muted);font-size:13px}.ot-tabs a[aria-current=page]{background:#eadaca;color:#9b543b}.ot-tabs a:hover{background:#f0e3d3}.ot-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:25px;font-size:11px;color:var(--ot-muted)}.ot-toolbar>span{margin-right:auto}.ot-toolbar form{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--ot-line);border-radius:13px;background:#fffaf2}.ot-toolbar input{border:0;outline:0;background:transparent;width:180px;min-width:0;font:inherit;color:#6e503c}.ot-toolbar form button{border:0;background:transparent;cursor:pointer;color:#aa7853}.ot-refresh{border:0;background:transparent;color:#9b795d;font-size:11px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.ot-context{font-size:12px;color:#97765c;display:flex;gap:15px}.ot-context a{color:#a2573e}.ot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ot-card{display:block;min-width:0;border:1px solid var(--ot-line);border-radius:23px;overflow:hidden;background:#fffcf6;color:inherit}.ot-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #79523512;border-color:#c5a78b}.ot-card-scene{position:relative;display:grid;place-items:center;background:#e7e8d9;padding:26px 15px 22px;min-height:205px;overflow:hidden}.ot-card:nth-child(3n+2) .ot-card-scene{background:#eee1cd}.ot-card:nth-child(3n) .ot-card-scene{background:#f0dfd4}.ot-card-scene .ot-art{width:230px}.ot-card-scene>small{position:absolute;right:16px;top:16px;background:#fffbf1c9;border:1px solid #fff9ed;padding:6px 10px;border-radius:20px;color:#957255;font-size:10px}.ot-card-scene>span{position:absolute;left:20px;bottom:14px;font-size:10px;color:#8d7b61}.ot-card-body{padding:23px}.ot-card-body>small{font-size:11px;color:#a68b70}.ot-card h2{font-size:21px;line-height:1.5;font-weight:650;letter-spacing:-.4px;margin:10px 0;overflow-wrap:anywhere}.ot-card p{font-size:12px;color:#998069;line-height:1.9;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px}.ot-seat-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.ot-seats{display:flex;gap:4px;flex-wrap:wrap;max-width:205px}.ot-seats>span{width:22px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f1e9dd;color:#c6b5a0}.ot-seats>span.filled{background:#dfcab2;color:#8d6040}.ot-seats svg{width:13px!important;height:13px!important}.ot-seat-line>strong{font-size:21px;font-weight:600;white-space:nowrap;color:#8e5e3e}.ot-seat-line>strong>span{font-size:10px;color:#b19272;font-weight:400}.ot-card footer{display:flex;justify-content:space-between;gap:8px;border-top:1px dashed var(--ot-line);margin-top:21px;padding-top:17px;font-size:10px;color:#a17b57}.ot-card footer>span{display:flex;align-items:center;gap:6px}.ot-card footer svg{width:14px!important;height:14px!important}.ot-empty{padding:35px 20px;text-align:center;border:1px dashed #d7c3a9;border-radius:23px;background:#fcf5e9}.ot-empty .ot-art{display:block;width:200px;margin:auto}.ot-empty h2{font-size:21px;line-height:1.6;margin:12px 0}.ot-empty p{font-size:13px;line-height:1.9;color:#a18669}.ot-empty .button{display:inline-flex;margin-top:14px}.ot-error{font-size:13px;color:#a14932;line-height:1.8;overflow-wrap:anywhere}.ot-more{display:flex;margin:25px auto}.ot-entry{display:flex;align-items:center;gap:17px;padding:22px 25px;background:#ede9d9;border:1px solid #d9d4be;border-radius:20px;color:#69634a;margin:20px 0;transition:transform .25s,box-shadow .25s}.ot-entry:hover{transform:translateY(-3px);box-shadow:0 10px 25px #82754612}.ot-entry>span{width:46px;height:46px;background:#fffcf1;border-radius:14px;display:grid;place-items:center}.ot-entry>span svg{width:25px;height:25px}.ot-entry small{display:block;font-size:10px;color:#9a967b;margin-bottom:5px}.ot-entry strong{font-size:16px;line-height:1.6}.ot-entry p{font-size:11px;color:#8f886e;margin:5px 0 0}.ot-entry>svg{margin-left:auto}.ot-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#9c7858;margin:7px 0 22px}.ot-detail-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px 40px;border-radius:26px;background:#e9e5d4;border:1px solid #ddd7bf;margin-bottom:25px}.ot-detail-head>div{min-width:0}.ot-detail-head small{font-size:11px;color:#9b8768}.ot-detail-head h1{font-size:31px;line-height:1.5;letter-spacing:-.6px;margin:15px 0 20px;overflow-wrap:anywhere}.ot-detail-head a{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a7257}.ot-detail-head .ot-art{width:240px}.ot-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.ot-layout>div{min-width:0}.ot-story,.ot-meeting,.ot-roster{background:#fffcf6;border:1px solid var(--ot-line);border-radius:21px;padding:27px;margin-bottom:22px}.ot-story>small{font-size:11px;color:#ac8461}.ot-story>p{font-size:14px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;color:#856b53;margin:13px 0 24px}.ot-event-link{display:flex;align-items:center;gap:13px;padding:17px;border-radius:15px;background:#f3e8d8;color:#896448}.ot-event-link>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff9ef;flex-shrink:0}.ot-event-link>div{min-width:0}.ot-event-link small{font-size:10px;color:#ac8a66;display:block;margin-bottom:6px}.ot-event-link strong{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.ot-event-link p{font-size:10px;line-height:1.9;color:#a78c70;margin:5px 0 0;overflow-wrap:anywhere}.ot-event-link>svg{margin-left:auto}.ot-meeting header{display:flex;align-items:center;gap:13px;margin-bottom:20px}.ot-meeting header>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#f0e5d5;color:#9b7454}.ot-meeting header small{font-size:9px;letter-spacing:2px;color:#b59779}.ot-meeting h2{font-size:21px;margin:6px 0 0}.ot-meeting header>svg{margin-left:auto;color:#a68c6e}.ot-meeting-time{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#f6eddf;border-radius:12px;padding:15px;color:#9d7958}.ot-meeting-time>span{font-size:10px}.ot-meeting-time>strong{font-size:15px}.ot-meeting-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:2;margin:20px 0;color:#795c43}.ot-hint{font-size:11px;line-height:1.9;color:#a58c70;overflow-wrap:anywhere}.ot-locked{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px dashed #dbc8ae;padding:30px 15px;border-radius:15px;background:#fbf5eb;text-align:center;color:#a0896b}.ot-locked>svg{width:27px!important;height:27px!important}.ot-locked strong{font-size:14px}.ot-locked p{font-size:11px;line-height:1.9;margin:0}.ot-roster header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ot-roster h2{font-size:20px;margin:0}.ot-roster header>span{font-size:12px;color:#b1977c}.ot-member{display:flex;align-items:center;gap:10px;border-top:1px solid #eee4d6;padding:16px 0}.ot-member>a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:#795c45}.ot-member a>span{width:41px;height:41px;display:grid;place-items:center;background:#e9ddcb;border-radius:14px;flex-shrink:0}.ot-member a>div{min-width:0}.ot-member strong{font-size:13px;overflow-wrap:anywhere}.ot-member small{display:block;font-size:10px;color:#ab8d6c;margin-top:6px}.ot-member>button{border:1px solid #e2d1bc;border-radius:11px;background:#fff9ed;width:38px;height:38px;color:#9f7652;display:grid;place-items:center;cursor:pointer}.ot-member>svg{color:#c2aa8c}.ot-ticket{background:#f8eedf;border:1px solid #ddcbb0;border-radius:22px;padding:27px 24px;position:relative}.ot-ticket>small{font-size:8px;letter-spacing:1.8px;color:#b4946c}.ot-ticket h2{font-size:23px;line-height:1.6;margin:14px 0 5px;letter-spacing:-.4px}.ot-ticket>span{font-size:10px;color:#af9170}.ot-ticket .ot-seat-line{margin:27px 0 18px;padding:20px 0;border-block:1px dashed #d9c3a6}.ot-ticket p{font-size:11px;line-height:1.9;color:#a18463}.ot-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.ot-actions .button{justify-content:center}.ot-quiet,.ot-contact{border:0;background:transparent;color:#a37753;cursor:pointer;font-size:12px;padding:10px;display:flex;gap:7px;align-items:center;justify-content:center}.ot-contact{width:100%;margin-top:13px}.ot-arrived{display:flex;gap:8px;align-items:center;justify-content:center;background:#e8e9d6;border-radius:10px;padding:12px;color:#7b8060!important}.ot-rail>.ot-hint{padding:3px 6px}.ot-rail>.ot-refresh{padding:8px}
.ot-editor,.ot-preview,.ot-confirm{color:#77573d}.ot-editor-intro{display:flex;gap:15px;align-items:center;background:#f1e8d7;border-radius:18px;padding:15px 20px;margin-bottom:20px}.ot-editor-intro .ot-art{width:160px}.ot-editor-intro small{font-size:10px;color:#b08f69}.ot-editor-intro h2{font-size:22px;line-height:1.6;margin:7px 0}.ot-event-picker{display:grid;gap:10px;margin-bottom:20px;max-height:260px;overflow:auto;padding:3px}.ot-event-picker button{display:grid;grid-template-columns:35px 1fr;gap:7px 10px;text-align:left;border:1px solid #e4d3bd;background:#fffbf3;border-radius:13px;padding:15px;color:#89664a;cursor:pointer}.ot-event-picker button[aria-pressed=true]{border-color:#ad7957;background:#f0e2ce;box-shadow:0 3px 10px #96633a10}.ot-event-picker button>span{grid-row:span 2;display:grid;place-items:center}.ot-event-picker strong{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.ot-event-picker small{font-size:10px;color:#af8e6b}.ot-editor input,.ot-editor textarea{width:100%;box-sizing:border-box;border:1px solid #e3d0b6;background:#fffaf0;color:#795b40;border-radius:13px;padding:14px;font:inherit}.ot-editor textarea{min-height:105px;resize:vertical;font-size:13px;line-height:1.9;margin:12px 0}.ot-editor .ot-title-input{border:0;border-bottom:1px solid #dfc8ad;background:transparent;border-radius:0;padding:14px 0;font-size:23px;font-weight:600}.ot-editor input::placeholder,.ot-editor textarea::placeholder{color:#b99f80}.ot-plan{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin:10px 0 24px}.ot-plan label{font-size:12px}.ot-plan label>small{display:block;font-size:10px;color:#b39878;margin:7px 0 12px}.ot-plan input{font-size:12px;min-width:0}.ot-private-label{display:flex;gap:7px;align-items:center;font-size:12px;color:#9b7958}.ot-editor footer,.ot-preview footer,.ot-confirm footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.ot-editor footer>span{font-size:10px;color:#b19672}.ot-editor-empty{padding:24px;text-align:center;background:#fbf1e1;border-radius:15px;font-size:13px;line-height:2}.ot-editor-empty a{display:block;color:#a46743}.ot-preview .ot-card{--ot-line:#e3d6c5;max-width:390px;margin:auto;pointer-events:none}.ot-preview .ot-card-scene{min-height:140px}.ot-preview .ot-art{width:180px}.ot-preview-note{font-size:11px;line-height:1.9;padding:20px;border-radius:15px;background:#f4ead9;margin-top:20px;color:#a07c56}.ot-preview-note>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:10px 0 0;color:#8a6747}.ot-confirm{text-align:center}.ot-confirm>.ot-art{display:block;width:180px;margin:auto}.ot-confirm h2{font-size:22px;line-height:1.6;overflow-wrap:anywhere}.ot-confirm>p{font-size:13px;line-height:1.9;color:#a18565}.ot-confirm footer{justify-content:center}#dialog[data-kind^=outing-]{width:min(640px,calc(100vw - 36px));background:#fffbf3;border-radius:24px}body[data-ui-shell=community] .ot-page .button:not(.outline),#dialog[data-kind^=outing-] .button:not(.outline){background:#a15b41;color:#fff8e8;border-color:#a15b41;box-shadow:0 4px 12px #a15b411a}body[data-ui-shell=community] .ot-page .button.outline,#dialog[data-kind^=outing-] .button.outline{background:#fff9ee;color:#966d4b;border-color:#d9c4a8;box-shadow:none}.ot-page [disabled],#dialog[data-kind^=outing-] [disabled]{opacity:.5;cursor:wait;transform:none}
@media(max-width:1000px){.ot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-hero{padding:32px}.ot-hero h1{font-size:29px}.ot-hero>.ot-art{width:260px}.ot-layout{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.ot-detail-head h1{font-size:28px}.ot-detail-head .ot-art{width:200px}}
@media(max-width:700px){.ot-hero{position:relative;padding:30px 23px;min-height:350px;overflow:hidden;border-radius:23px}.ot-hero>div{position:relative;z-index:1}.ot-hero small{font-size:9px;letter-spacing:1.5px}.ot-hero h1{font-size:28px;line-height:1.65;margin:23px 0 17px}.ot-hero p{font-size:12px;max-width:260px}.ot-hero>.ot-art{position:absolute;right:-13px;top:7px;width:160px;opacity:.35}.ot-tabs{justify-content:space-between;gap:4px;margin:21px 0}.ot-tabs a{font-size:12px;padding:10px;gap:6px}.ot-tabs svg{width:15px!important;height:15px!important}.ot-toolbar{flex-wrap:wrap;gap:15px}.ot-toolbar>span{font-size:10px}.ot-toolbar form{order:2;width:100%}.ot-toolbar input{width:100%}.ot-grid{grid-template-columns:1fr;gap:18px}.ot-card-scene{min-height:200px}.ot-card p{min-height:0}.ot-card-body{padding:23px}.ot-card h2{font-size:22px}.ot-entry{padding:18px 16px;gap:12px}.ot-entry>span{width:36px;height:36px;flex-shrink:0}.ot-entry strong{font-size:14px}.ot-entry small{font-size:9px}.ot-entry p{font-size:10px;line-height:1.7}.ot-detail-head{position:relative;overflow:hidden;min-height:180px;padding:25px 23px}.ot-detail-head>div{position:relative;z-index:1}.ot-detail-head h1{font-size:26px;line-height:1.65}.ot-detail-head small{font-size:10px}.ot-detail-head .ot-art{position:absolute;right:-28px;top:20px;width:170px;opacity:.2}.ot-layout{display:flex;flex-direction:column;gap:0}.ot-layout>div,.ot-rail{width:100%}.ot-story,.ot-meeting,.ot-roster{padding:22px}.ot-story>p{font-size:13px}.ot-event-link{padding:15px 12px;gap:10px}.ot-event-link strong{font-size:13px}.ot-meeting h2{font-size:20px}.ot-meeting-time{gap:7px}.ot-meeting-note{font-size:14px}.ot-ticket{padding:25px}.ot-ticket h2{font-size:25px}.ot-ticket .ot-seat-line{margin:21px 0 17px}.ot-ticket .ot-actions .button{min-height:46px}.ot-roster h2{font-size:19px}.ot-editor-intro{padding:15px 10px}.ot-editor-intro .ot-art{width:130px}.ot-editor-intro h2{font-size:20px}.ot-editor .ot-title-input{font-size:20px}.ot-plan{grid-template-columns:1fr;gap:18px}.ot-editor footer{flex-direction:column;align-items:stretch}.ot-editor footer>span{text-align:center}.ot-editor footer .button{justify-content:center}.ot-preview footer .button,.ot-confirm footer .button{font-size:12px;flex:1;justify-content:center}.ot-empty h2{font-size:20px}.ot-context{font-size:11px;flex-wrap:wrap}#dialog[data-kind^=outing-]{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:24px 24px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom));box-sizing:border-box}}
@keyframes ot-road{to{stroke-dashoffset:-128}}@keyframes ot-pin{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ot-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ot-trail,.ot-pin,.ot-house,.ot-people{animation:none}.ot-page *,.ot-editor *,.ot-preview *,.ot-confirm *,.ot-entry{transition:none!important}}

body[data-ui-shell=community] .ot-page .button:not(.outline):hover,#dialog[data-kind^=outing-] .button:not(.outline):hover{background:#8d4a34;color:#fff8e8;border-color:#8d4a34}body[data-ui-shell=community] .ot-page .button.outline:hover,#dialog[data-kind^=outing-] .button.outline:hover{background:#f1e3d0;color:#895b3d;border-color:#b9916c}