.report-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.report-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;animation:.2s report-modal-in;overflow-y:auto;box-shadow:0 25px 50px #00000040}@keyframes report-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.report-modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.report-modal-title{align-items:center;gap:10px;display:flex}.report-modal-title h3{color:#1f2937;margin:0;font-size:18px;font-weight:700}.report-modal-title svg{color:#ef4444}.report-modal-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.report-modal-close:hover{color:#374151;background:#e5e7eb}.report-modal-target{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin:16px 24px 0;padding:12px;font-size:13px;display:flex}.report-modal-target svg{flex-shrink:0}.report-modal-section{padding:20px 24px}.report-modal-label{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.report-reasons-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.report-reason-item{cursor:pointer;text-align:left;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:12px;transition:all .15s;display:flex}.report-reason-item:hover{background:#fef2f2;border-color:#fca5a5}.report-reason-item.selected{background:#fef2f2;border-color:#ef4444}.report-reason-icon{font-size:18px}.report-reason-label{color:#374151;font-size:13px;font-weight:500}.report-description{color:#1f2937;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.report-description:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.report-char-count{color:#9ca3af;text-align:right;margin:6px 0 0;font-size:12px}.report-modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;border-radius:0 0 16px 16px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.report-btn-cancel{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.report-btn-cancel:hover{background:#f3f4f6}.report-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.report-btn-submit{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.report-btn-submit:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.report-btn-submit:disabled{opacity:.5;cursor:not-allowed}.report-modal-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.report-modal-success h4{color:#1f2937;margin:0;font-size:18px;font-weight:700}.report-modal-success p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}@media (width<=480px){.report-reasons-grid{grid-template-columns:1fr}.report-modal{max-height:95vh}}.report-modal-overlay>.report-modal{width:min(640px,100%);max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow-x:hidden}.report-modal-overlay .report-modal-header h3,.report-modal-overlay .report-modal-success h4{font-size:21px}.report-modal-overlay .report-modal-close{width:44px;height:44px}.report-modal-overlay .report-modal-target,.report-modal-overlay .report-reason-label,.report-modal-overlay .report-char-count{font-size:13px;line-height:1.5}.report-modal-overlay .report-modal-label{font-size:14px}.report-modal-overlay .report-description{min-height:108px;font-size:16px}.report-modal-overlay .report-btn-cancel,.report-modal-overlay .report-btn-submit{min-height:44px;font-size:14px}@media (width<=640px){.report-modal-overlay{align-items:flex-end;padding:0}.report-modal-overlay>.report-modal{border-radius:20px 20px 0 0;width:100%;max-height:92dvh}.report-modal-header,.report-modal-section{padding-inline:16px}.report-modal-target{margin-inline:16px}.report-modal-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom));flex-wrap:wrap}.report-modal-footer>button{flex:140px}}.city-home{min-height:900px}.city-welcome{color:#21313d;background:linear-gradient(135deg,#eff8f4 0%,#edf6ff 52%,#fff4e9 100%);border:1px solid #dfe9ef;border-radius:26px;grid-template-columns:1.05fr .95fr;min-height:286px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 42px #2f4a5b12}.city-welcome:before{content:"";border:1px solid #2c857324;border-radius:50%;width:190px;height:190px;position:absolute;top:-75px;right:-55px;box-shadow:0 0 0 34px #ffffff38,0 0 0 70px #ffffff24}.city-welcome-copy{z-index:2;padding:31px 0 27px 32px;position:relative}.city-live{color:#4f7f73;letter-spacing:.07em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.city-live i{background:#42bd8f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #42bd8f21}.city-welcome h1{letter-spacing:-1.4px;margin:13px 0 9px;font-size:34px;line-height:1.12}.city-welcome h1 em{color:#257f70;font-style:normal}.city-welcome-copy>p{color:#536871;max-width:380px;margin:0;font-size:15px;line-height:1.65}.city-welcome-actions{gap:8px;margin-top:18px;display:flex}.city-welcome-actions button{color:#fff;background:#207f70;border-radius:12px;align-items:center;gap:7px;min-height:44px;padding:0 15px;font-size:14px;font-weight:750;display:flex;box-shadow:0 8px 17px #207f702e}.city-welcome-actions button+button{color:#385d60;box-shadow:none;background:#ffffffba;border:1px solid #34716b2e}.city-proof{color:#62747d;align-items:center;gap:9px;margin-top:18px;font-size:14px;display:flex}.city-proof strong{color:#42545e}.city-proof>span:first-child{color:#267b6d;background:#e1f2ec;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.home-hero-board{background:#ffffffc7;border:1px solid #d3e2def2;border-radius:20px;align-self:center;gap:11px;min-width:0;margin:24px 26px 24px 18px;padding:18px;display:grid;box-shadow:0 14px 32px #28434714}.home-hero-board-title{border-bottom:1px solid #e6eeec;align-items:center;gap:11px;padding-bottom:11px;display:flex}.home-hero-board-title>span{color:#267d70;background:#e5f4ef;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.home-hero-board-title>div{gap:2px;display:grid}.home-hero-board-title strong{font-size:16px}.home-hero-board-title small{color:#6e807b;font-size:13px}.home-hero-board-actions{gap:7px;display:grid}.home-hero-board-actions button{color:#52635f;text-align:left;background:#f7faf9;border-radius:13px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:9px;min-width:0;min-height:52px;padding:8px 10px;display:grid}.home-hero-board-actions button:hover{color:#216e63;background:#edf7f4}.home-hero-board-actions button>svg:first-child{color:#437d73}.home-hero-board-actions button span{gap:2px;min-width:0;display:grid}.home-hero-board-actions button strong{font-size:14px}.home-hero-board-actions button small{color:#7d8c87;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.city-quick{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;margin-top:14px;padding:18px 18px 17px}.city-section-title{justify-content:space-between;align-items:flex-end;display:flex}.city-section-title span{color:#638373;letter-spacing:.14em;font-size:12px;font-weight:850}.city-section-title h2{margin:5px 0 0;font-size:19px}.city-section-title>button{color:#61717a;background:0 0;align-items:center;gap:3px;min-height:36px;padding:4px 7px;font-size:14px;display:flex}.city-quick-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px;display:grid}.city-quick-item{color:#34434c;background:#f8fafb;border-radius:13px;flex-direction:column;align-items:center;min-width:0;padding:9px 2px 8px;display:flex}.city-quick-item>span{color:#477f7e;background:#e7f6f1;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.city-quick-item strong{white-space:nowrap;margin-top:7px;font-size:14px}.city-quick-item small{color:#76868d;white-space:nowrap;margin-top:2px;font-size:12px}.city-quick-item:hover{transform:translateY(-2px)}.city-quick-item.tone-coral>span{color:#c86655;background:#ffebe6}.city-quick-item.tone-violet>span{color:#7462bd;background:#efecff}.city-quick-item.tone-amber>span{color:#a27626;background:#fff3d7}.city-quick-item.tone-green>span{color:#4e8667;background:#e8f6ea}.city-quick-item.tone-blue>span{color:#4b78ba;background:#eaf2ff}.city-quick-item.tone-sky>span{color:#3a8799;background:#e6f6f8}.city-feed-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:22px 2px 10px;display:flex}.city-home-feed-tabs{gap:22px;display:flex}.city-home-feed-tabs button{color:#697984;background:0 0;padding:10px 2px 12px;font-size:14px;font-weight:750;position:relative}.city-home-feed-tabs button.active{color:#26343d}.city-home-feed-tabs button.active:after{content:"";background:#258575;border-radius:3px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.city-feed-filter{color:#61747b;background:0 0;align-items:center;gap:5px;padding:7px;font-size:14px;display:flex}.city-feed-filter-panel{justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}.city-feed-filter-panel>div{scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.city-feed-filter-panel>div::-webkit-scrollbar{display:none}.city-feed-filter-panel button{color:#667872;background:#fff;border:1px solid #e0e8e5;border-radius:10px;flex:none;min-height:36px;padding:0 11px;font-size:13px;font-weight:700}.city-feed-filter-panel button.active{color:#266f63;background:#eaf6f2;border-color:#aed5c8}.city-feed-actions{align-items:center;gap:5px;display:flex}.city-feed-refresh{color:#61747b;background:0 0;align-items:center;gap:5px;min-height:36px;padding:0 8px;font-size:14px;display:flex}.city-composer{border:1px solid var(--line);color:#667780;text-align:left;background:#fff;border-radius:16px;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex;box-shadow:0 5px 18px #283b4609}.city-composer-avatar{color:#75564c;background:#ffe0d9;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:850;display:grid}.city-composer>span:nth-child(2){flex:1;font-size:14px}.city-composer>i{color:#27796c;background:#eaf6f2;border-radius:10px;align-items:center;gap:5px;padding:8px 10px;font-size:14px;font-style:normal;font-weight:750;display:flex}.city-feed-list{gap:14px;margin-top:13px;display:grid}.city-feed-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 27px #273a430a}.city-feed-card>header{align-items:center;gap:10px;padding:14px 15px 11px;display:flex}.city-author-avatar{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:13px;font-weight:850;display:grid}.city-author-avatar.avatar-night{color:#6b4a91;background:#ece3ff}.city-author-avatar.avatar-outdoor{color:#3f775e;background:#ddf2e4}.city-author-avatar.avatar-pet{color:#995e45;background:#ffe3d4}.city-feed-card>header div{flex:1;gap:3px;min-width:0;display:grid}.city-feed-card>header strong{font-size:14px}.city-feed-card>header small{color:#6f7f86;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.city-feed-card>header>button{color:#267c6e;background:#e9f6f2;border-radius:9px;min-height:36px;padding:6px 11px;font-size:14px;font-weight:750}.city-feed-card>header>button.following{color:#697980;background:#f1f3f4}.city-author-avatar.avatar-user{color:#fff;background:linear-gradient(135deg,#2d8577,#79b99f)}.city-author-name{color:#263a34;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;width:max-content;max-width:100%;padding:0;overflow:hidden}.city-author-name:hover{color:#267c6e}.city-own-post{color:#28796c;vertical-align:middle;background:#e9f6f2;border-radius:5px;margin-left:5px;padding:2px 5px;font-size:12px;font-style:normal;display:inline-flex}.city-user-post{border-color:#d8ebe5}.city-user-post-cover{text-align:left;background:linear-gradient(135deg,#edf9f4,#fff8ea);border:1px solid #dceee8;border-radius:15px;align-items:center;gap:13px;width:calc(100% - 30px);margin:0 15px;padding:16px;display:flex}.city-user-post-cover>span{background:#fff;border-radius:16px;flex:none;place-items:center;width:54px;height:54px;font-size:27px;display:grid;box-shadow:0 7px 18px #2d655717}.city-user-post-cover>div{gap:4px;min-width:0;display:grid}.city-user-post-cover small{color:#367f72;letter-spacing:.08em;font-size:12px;font-weight:800}.city-user-post-cover strong{color:#22313a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.city-user-post-cover em{color:#89958f;font-size:12px;font-style:normal}.city-feed-open{background:0 0;width:calc(100% - 30px);margin:0 15px;padding:0;display:block}.city-art{color:#fff;text-align:left;border:1px solid #ffffff73;border-radius:16px;grid-template-rows:auto 1fr auto;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:4px 19px;height:264px;padding:27px;display:grid}.city-art-icon{background:#ffffff29;border:1px solid #ffffff6b;border-radius:22px;grid-row:1/4;place-items:center;width:72px;height:72px;display:grid}.city-art-kicker{letter-spacing:.16em;font-size:12px;font-weight:850}.city-art>strong{letter-spacing:-1px;max-width:320px;font-size:32px;line-height:1}.city-art-caption{letter-spacing:.1em;font-size:13px;font-weight:700}.city-art-night{background:#443764}.city-art-outdoor{background:#507464}.city-art-pet{background:#a9685b}.city-feed-copy{padding:14px 17px 11px}.city-content-badge{color:#287668;background:#e9f6f2;border-radius:7px;padding:4px 7px;font-size:12px;font-weight:800;display:inline-flex}.city-feed-copy>button{text-align:left;background:0 0;width:100%;padding:0;display:block}.city-feed-copy h3{color:#22313a;margin:7px 0 6px;font-size:18px;line-height:1.42}.city-feed-copy p{color:#53656d;margin:0;font-size:14px;line-height:1.7}.city-tag-row{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.city-tag-row span{color:#44786b;font-size:13px}.city-location{color:#718087;align-items:center;gap:4px;margin-top:9px;font-size:13px;display:flex}.city-action-loop{background:linear-gradient(90deg,#f2faf7,#f7fbfa);border:1px solid #dceee8;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;margin:0 16px 10px;padding:11px 13px;display:flex}.city-action-loop>div{align-items:center;gap:9px;display:flex}.city-action-loop>div>span{color:#277a6d;background:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.city-action-loop p{gap:2px;margin:0;display:grid}.city-action-loop strong{font-size:14px}.city-action-loop small{color:#70817b;font-size:12px}.city-action-loop>button{color:#fff;white-space:nowrap;background:#287f70;border-radius:9px;align-items:center;gap:5px;min-height:40px;padding:8px 11px;font-size:14px;font-weight:750;display:flex}.city-feed-card>footer{border-top:1px solid #eef2f1;align-items:center;gap:4px;margin:0 16px;padding:8px 13px;display:flex}.city-feed-card>footer button{color:#65767d;background:0 0;border-radius:8px;align-items:center;gap:5px;min-width:38px;height:38px;padding:0 8px;font-size:14px;display:flex}.city-feed-card>footer button:hover{background:#f3f6f6}.city-feed-card>footer .like{color:#d95066}.city-feed-card>footer .save{margin-left:auto}.city-feed-card>footer .save.active{color:#287f70}.city-view-count{color:#718087;align-items:center;gap:5px;font-size:13px;display:flex}.city-feed-card>footer .city-register-btn{color:#256f63;background:#eaf6f2;font-weight:750}.city-empty{border:1px solid var(--line);color:#74858c;text-align:center;background:#fff;border-radius:19px;justify-items:center;padding:50px 20px;display:grid}.city-empty strong{color:#384850;margin-top:10px;font-size:17px}.city-empty p{margin:7px 0 16px;font-size:14px;line-height:1.6}.city-empty button{color:#fff;background:#277f70;border-radius:9px;min-height:42px;padding:8px 14px;font-size:14px;font-weight:750}@media (width<=820px){.city-welcome{grid-template-columns:1fr;min-height:0}.city-welcome-copy{padding:25px 24px 22px}.home-hero-board{margin:0 24px 24px}.city-welcome h1{font-size:30px}.city-quick{box-shadow:none;background:0 0;border-left:0;border-right:0;border-radius:0;padding:15px 0}.city-section-title{padding:0 3px}.city-quick-grid{scrollbar-width:none;grid-template-columns:none;grid-auto-columns:94px;grid-auto-flow:column;padding:0 2px 5px;overflow-x:auto}.city-art{height:238px}}@media (width<=480px){.city-welcome{border-radius:20px}.city-welcome-copy{padding:22px 19px}.city-welcome-copy>p{font-size:15px}.home-hero-board{margin:0 14px 18px;padding:14px}.city-feed-head{z-index:18;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f9fcf5;margin-left:-14px;margin-right:-14px;padding:0 14px;position:sticky;top:60px}.city-home-feed-tabs{gap:18px}.city-feed-filter{font-size:0}.city-feed-filter svg{width:17px}.city-feed-filter-panel{flex-direction:column;align-items:stretch;gap:5px;margin-left:-14px;margin-right:-14px;padding:0 14px;overflow:hidden}.city-feed-filter-panel>div{width:100%}.city-feed-filter-panel button{min-height:40px;font-size:14px}.city-composer{padding:10px 11px}.city-composer>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.city-composer>i{font-size:0}.city-art{border-radius:14px;grid-template-columns:54px minmax(0,1fr);gap:4px 13px;height:222px;padding:20px}.city-art-icon{border-radius:17px;width:54px;height:54px}.city-art-icon svg{width:38px}.city-art>strong{font-size:25px}.city-art-caption{font-size:12px}.city-feed-copy h3{font-size:17px}.city-feed-copy p{font-size:15px}.city-action-loop{align-items:flex-start}.city-action-loop small{display:none}.city-action-loop>button{align-self:center}.city-proof{align-items:flex-start}}.skeleton-card{pointer-events:none}.skeleton-avatar,.skeleton-button,.skeleton-cover,.skeleton-line,.skeleton-tag,.skeleton-action{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite skeleton-loading}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton-header{flex:1;margin-left:12px}.skeleton-line.title{width:120px;height:14px;margin-bottom:8px}.skeleton-line.meta{width:180px;height:12px}.skeleton-button{width:60px;height:28px}.skeleton-cover{height:120px;margin:12px 0}.skeleton-line.badge{width:60px;height:20px;margin-bottom:8px}.skeleton-line.title-long{width:80%;height:18px;margin-bottom:8px}.skeleton-line.content{width:100%;height:14px;margin-bottom:6px}.skeleton-line.content.short{width:60%}.skeleton-tags{gap:8px;margin-top:12px;display:flex}.skeleton-tag{border-radius:12px;width:60px;height:24px}.skeleton-action{width:50px;height:30px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.back-to-top{color:#fff;cursor:pointer;z-index:100;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:fixed;bottom:100px;right:24px;box-shadow:0 4px 12px #3b82f666}.back-to-top:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}@keyframes success-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-animation{animation:.3s success-pop}.city-type-filter{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.city-type-filter::-webkit-scrollbar{display:none}.city-type-filter button{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.city-type-filter button:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.city-type-filter button.active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600;box-shadow:0 2px 8px #3b82f640}.city-scope-filter{align-items:center;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.city-scope-label{color:#6b7280;white-space:nowrap;font-size:13px}.city-scope-filter button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:6px 14px;font-size:13px;transition:all .2s}.city-scope-filter button:hover{color:#3b82f6;border-color:#3b82f6}.city-scope-filter button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.load-more-section{text-align:center;padding:24px 0}.load-more-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .2s}.load-more-btn:hover{color:#111827;background:#f9fafb;border-color:#d1d5db}.load-more-loading{color:#6b7280;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-more-end{color:#718087;font-size:14px}.ad-slot{background:#fff;border:1px solid #e5e7eb;border-radius:14px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ad-slot:hover{box-shadow:0 4px 12px #00000014}.ad-header{background:#f9fafb;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ad-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.ad-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:24px;height:24px;transition:all .15s;display:grid}.ad-close:hover{color:#4b5563;background:#f3f4f6}.ad-rectangle{width:100%;max-width:300px}.ad-content-rectangle{padding:12px}.ad-image{object-fit:cover;border-radius:8px;width:100%;height:140px;margin-bottom:10px}.ad-placeholder{color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:140px;margin-bottom:10px;display:flex}.ad-placeholder p{color:#1e40af;margin:0;font-size:14px;font-weight:600}.ad-placeholder small{color:#6b7280;font-size:12px}.ad-title{color:#1f2937;margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.4}.ad-description{color:#6b7280;margin-bottom:8px;font-size:12px;line-height:1.5}.ad-sponsor{color:#9ca3af;margin-bottom:8px;font-size:12px}.ad-cta{color:#fff;background:#3b82f6;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:0 12px 12px;padding:10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.ad-cta:hover{background:#2563eb;transform:translateY(-1px)}.ad-native{margin:16px 0}.ad-native header{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:12px 16px;display:flex}.ad-avatar{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.ad-native header>div{flex:1;gap:2px;display:grid}.ad-native header strong{color:#1f2937;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.ad-badge{color:#92400e;background:#fef3c7;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.ad-native header small{color:#9ca3af;font-size:12px}.ad-native-content{padding:14px 16px}.ad-native-image{object-fit:cover;border-radius:10px;width:100%;height:180px;margin-bottom:12px}.ad-native-content h3{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4}.ad-native-content p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.ad-native-cta{color:#2563eb;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:0 16px 16px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.ad-native-cta:hover{background:#e0f2fe;border-color:#7dd3fc}.ad-banner{width:100%;max-width:728px;margin:20px auto}.ad-content-banner{align-items:center;gap:16px;min-height:70px;padding:12px 16px;display:flex}.ad-banner-image{object-fit:cover;border-radius:6px;flex-shrink:0;width:468px;height:60px}.ad-placeholder-banner{color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:468px;height:60px;display:flex}.ad-placeholder-banner span{color:#1e40af;font-size:13px;font-weight:600}.ad-banner-text{flex:1;gap:2px;display:grid}.ad-banner-text strong{color:#1f2937;font-size:14px;font-weight:700}.ad-banner-text small{color:#6b7280;font-size:12px}@media (width<=768px){.ad-rectangle,.ad-banner{max-width:100%}.ad-banner-image,.ad-placeholder-banner{width:100%;height:50px}.ad-content-banner{flex-direction:column;gap:8px;padding:10px 12px}.ad-native-image{height:150px}}@media (width<=480px){.city-home-feed-tabs button,.city-feed-refresh,.city-quick-item strong,.city-action-loop strong,.city-action-loop>button,.city-feed-card>header strong,.city-feed-card>header>button,.city-feed-card>footer button,.city-empty p,.city-empty button{font-size:15px}.city-feed-actions{gap:0}.city-feed-card>footer{gap:2px;margin:0 10px;padding-left:5px;padding-right:5px}.city-feed-card>footer button{min-width:36px;padding:0 6px}.city-view-count{display:none}}.city-action-os-entry{background:#fff;border:1px solid #d7e7e1;border-radius:20px;margin-top:16px;overflow:hidden;box-shadow:0 10px 34px #27473b0e}.city-action-os-entry>header{background:linear-gradient(130deg,#eff9f5,#fff 62%,#fff8ed);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px 15px;display:flex}.city-action-os-entry>header>div>span{color:#367866;letter-spacing:.09em;align-items:center;gap:5px;font-size:12px;font-weight:850;display:flex}.city-action-os-entry h2{color:#263a32;margin:5px 0 3px;font-size:20px;line-height:1.3}.city-action-os-entry header p{color:#718078;margin:0;font-size:14px}.city-action-os-entry>header>button{color:#fff;white-space:nowrap;background:#34745d;border-radius:11px;align-items:center;gap:6px;min-height:42px;padding:0 14px;font-size:14px;font-weight:800;display:flex}.city-action-os-entry>div{border-top:1px solid #e4ece8;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.city-action-os-entry>div>button{color:#3d5047;text-align:left;background:#fff;border-right:1px solid #e7edea;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:82px;padding:12px 14px;display:grid}.city-action-os-entry>div>button:last-child{border-right:0}.city-action-os-entry>div>button:hover{background:#f8fbf9}.city-action-os-entry>div>button>span{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.city-action-os-entry>div>button>span.mint{color:#34735a;background:#e7f4ed}.city-action-os-entry>div>button>span.blue{color:#3b72b3;background:#e9f2ff}.city-action-os-entry>div>button>span.amber{color:#a36c2d;background:#fff0d9}.city-action-os-entry>div>button p{gap:3px;min-width:0;margin:0;display:grid}.city-action-os-entry>div>button strong{font-size:14px}.city-action-os-entry>div>button small{color:#7d8a84;font-size:12px;line-height:1.45}.city-action-os-entry>div>button em{color:#4c6e5f;white-space:nowrap;background:#eef5f1;border-radius:8px;padding:5px 7px;font-size:12px;font-style:normal;font-weight:750}@media (width>=761px) and (width<=1440px){.city-action-os-entry>div{grid-template-columns:repeat(2,minmax(0,1fr))}.city-action-os-entry>div>button{border-bottom:1px solid #e7edea}.city-action-os-entry>div>button:nth-child(2){border-right:0}.city-action-os-entry>div>button:last-child{border-bottom:0;grid-column:1/-1}}@media (width<=760px){.city-action-os-entry>header{flex-direction:column;align-items:flex-start}.city-action-os-entry>header>button{justify-content:center;width:100%}.city-action-os-entry>div{grid-template-columns:1fr}.city-action-os-entry>div>button{border-bottom:1px solid #e7edea;border-right:0}.city-action-os-entry>div>button:last-child{border-bottom:0}.city-action-os-entry header p,.city-action-os-entry>header>button,.city-action-os-entry>div>button strong{font-size:15px}.city-action-os-entry>div>button small{font-size:13px}}.city-auth-shell{background:#f7faf9;grid-template-columns:minmax(410px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.city-auth-story{color:#fff;background:linear-gradient(145deg,#173f42,#245f5c 55%,#388878);min-height:100vh;padding:38px clamp(34px,5vw,72px);position:relative;overflow:hidden}.city-auth-story:before{content:"";border:1px solid #ffffff1c;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-150px;right:-130px;box-shadow:0 0 0 58px #ffffff09,0 0 0 120px #ffffff06}.city-auth-brand{z-index:2;color:#fff;background:0 0;align-items:center;gap:9px;padding:0;display:flex;position:relative}.city-auth-brand>span{color:#1c5d58;background:#d7f0e8;border-radius:12px 12px 12px 4px;place-items:center;width:36px;height:36px;display:grid}.city-auth-brand strong{letter-spacing:-.6px;font-size:21px}.city-auth-brand em{color:#cce7df;background:#ffffff1c;border-radius:6px;padding:3px 6px;font-size:12px;font-style:normal}.city-auth-poster{z-index:2;margin-top:clamp(55px,10vh,105px);position:relative}.city-auth-poster>span{letter-spacing:.18em;color:#a9d2c8;font-size:12px;font-weight:800}.city-auth-poster h1{letter-spacing:-2px;margin:15px 0 12px;font-size:clamp(34px,4.2vw,56px);line-height:1.08}.city-auth-poster h1 em{color:#f5d59e;font-style:normal}.city-auth-poster>p{color:#bad3ce;font-size:12px}.city-auth-foot{z-index:2;color:#8fbbb3;font-size:12px;position:absolute;bottom:28px;left:clamp(34px,5vw,72px)}.auth-map-art{height:290px;margin-top:28px;position:relative}.map-ring{border:1px solid #ffffff21;border-radius:50%;position:absolute;transform:rotate(-17deg)}.map-ring.one{width:340px;height:145px;top:55px;left:6%}.map-ring.two{width:290px;height:115px;top:84px;left:15%;transform:rotate(22deg)}.map-path{border-top:2px dashed #e2f3ee33;width:180px;position:absolute}.map-path.a{top:104px;left:18%;transform:rotate(21deg)}.map-path.b{top:186px;left:38%;transform:rotate(-25deg)}.map-pin.main{z-index:2;color:#275c58;background:#f5d59e;border:7px solid #ffffff29;border-radius:50% 50% 50% 8px;place-items:center;width:45px;height:45px;display:grid;position:absolute;top:37%;left:45%;transform:rotate(-45deg)}.map-pin.main svg{transform:rotate(45deg)}.map-card{z-index:3;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:14px;grid-template-columns:auto 1fr;column-gap:8px;min-width:132px;padding:11px 12px;font-size:20px;display:grid;position:absolute;box-shadow:0 15px 34px #0d28292e}.map-card b{color:#fff;font-size:12px}.map-card small{color:#add0c9;grid-column:2;font-size:12px}.card-food{top:3px;right:6%}.card-mahjong{bottom:34px;left:5%;transform:rotate(3deg)}.card-pet{bottom:23px;right:2%;transform:rotate(-2deg)}.city-auth-form-panel{background:#f8faf9;place-items:center;padding:38px;display:grid}.city-auth-back{color:#75827f;background:0 0;align-items:center;gap:6px;margin-bottom:26px;padding:6px 0;font-size:12px;display:flex}.city-auth-heading>span{color:#398378;letter-spacing:.14em;font-size:12px;font-weight:850}.city-auth-heading h2{color:#223632;letter-spacing:-.8px;margin:8px 0;font-size:28px;line-height:1.2}.city-auth-heading p{color:#76837f;margin:0 0 23px;font-size:12px;line-height:1.65}.city-auth-welcome-actions{gap:9px;display:grid}.city-auth-welcome-actions>button{color:#fff;background:#287e71;border-radius:13px;height:46px;font-size:12px;font-weight:750}.city-auth-welcome-actions>button svg{vertical-align:-4px;margin-left:5px}.city-auth-welcome-actions>button+button{color:#335c57;background:#fff;border:1px solid #dce8e5}.city-auth-welcome-actions>button.guest{color:#87928f;background:0 0;border:0}.city-auth-welcome-actions>div{color:#637d76;background:#eaf5f1;border-radius:11px;gap:7px;padding:11px;font-size:12px;line-height:1.5;display:flex}.city-auth-form{gap:12px;display:grid}.city-auth-form>label{color:#5e706b;gap:6px;font-size:12px;font-weight:750;display:grid}.city-auth-form input,.city-auth-form select{color:#30413d;background:#fff;border:1px solid #dfe7e5;border-radius:11px;outline:0;width:100%;height:43px;padding:0 11px;font-size:12px}.city-auth-form textarea{resize:vertical;border:1px solid #dfe7e5;border-radius:11px;min-height:90px;padding:10px}.city-auth-primary{color:#fff;background:#287e71;border-radius:12px;justify-content:center;align-items:center;gap:7px;height:44px;font-size:12px;font-weight:750;display:flex;box-shadow:0 8px 19px #287e712b}.city-auth-primary:disabled{opacity:.45;cursor:not-allowed}.city-auth-link{color:#408078;background:0 0;font-size:12px}.city-role-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.city-role-grid>button:not(.city-auth-primary){color:#43534f;text-align:left;background:#fff;border:1px solid #e1e8e6;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px;display:grid}.city-role-grid>button:not(.city-auth-primary).selected{background:#eef8f5;border-color:#71ab9f;box-shadow:0 0 0 2px #4b8e8214}.city-role-grid>button>span{color:#48897e;background:#e9f4f1;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.city-role-grid>button div{gap:3px;display:grid}.city-role-grid>button strong{font-size:12px}.city-role-grid>button small{color:#8b9693;font-size:12px;line-height:1.4}.city-role-grid>.full{grid-column:1/-1;margin-top:6px}.city-interest-grid{flex-wrap:wrap;gap:6px;display:flex}.city-interest-grid button{color:#687671;background:#fff;border:1px solid #dfe7e5;border-radius:9px;align-items:center;gap:3px;padding:7px 9px;font-size:12px;display:flex}.city-interest-grid button.selected{color:#287468;background:#eaf6f2;border-color:#a6d0c7}.city-optional-school{color:#536762;text-align:left;background:#f9fbfa;border:1px dashed #cfdcd8;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;display:grid}.city-optional-school>div{gap:2px;display:grid}.city-optional-school strong{font-size:12px}.city-optional-school small{color:#909b98;font-size:12px}.city-optional-school>svg:last-child{width:15px;transition:all .2s}.city-optional-school>svg.rotated{transform:rotate(90deg)}.city-school-fields{grid-template-columns:1fr 1fr;gap:7px;display:grid}.city-privacy-card{color:#42675f;background:#eaf6f2;border-radius:13px;gap:11px;padding:13px;display:flex}.city-privacy-card>span{background:#fff;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;display:grid}.city-privacy-card strong{font-size:12px}.city-privacy-card p{margin:4px 0 0;font-size:12px;line-height:1.55}.city-consent{align-items:flex-start;padding:9px 0;line-height:1.55;grid-template-columns:auto 1fr!important;gap:8px!important;display:flex!important}.city-consent input{width:15px;height:15px}.city-consent span{font-size:12px;font-weight:500}.city-profile-page{min-height:800px}.city-profile-cover{background:linear-gradient(135deg,#bfded7,#bbd9e5 55%,#f1d4a8);border-radius:23px;height:168px;position:relative;overflow:hidden}.city-profile-cover:before{content:"";border:1px solid #ffffff73;border-radius:50%;width:330px;height:250px;position:absolute;bottom:-120px;right:-50px;box-shadow:0 0 0 36px #ffffff1f,0 0 0 75px #ffffff12}.cover-sun{background:#ffe1a8;border-radius:50%;width:48px;height:48px;position:absolute;top:25px;right:63px;box-shadow:0 0 0 13px #ffeec742}.cover-line{border-top:2px dashed #3a746f33;width:260px;position:absolute}.cover-line.one{top:80px;left:40px;transform:rotate(14deg)}.cover-line.two{top:111px;left:200px;transform:rotate(-11deg)}.cover-label{color:#557a75;letter-spacing:.18em;font-size:12px;font-weight:850;position:absolute;bottom:18px;left:23px}.city-profile-identity{grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:0 8px 16px;display:grid;position:relative}.city-profile-avatar{color:#765448;background:linear-gradient(135deg,#ffd8c4,#f7bbc9);border:5px solid #f7f9fc;border-radius:50%;place-items:center;width:84px;height:84px;margin-top:-36px;font-size:20px;font-weight:850;display:grid;position:relative;box-shadow:0 5px 16px #2d3c431f}.city-profile-avatar i{color:#fff;background:#287e71;border:3px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:5px;right:0}.city-profile-name{min-width:0;padding-top:12px}.city-profile-name>div{align-items:center;gap:8px;display:flex}.city-profile-name h1{color:#263731;margin:0;font-size:21px}.city-profile-name>div>span{color:#2d756a;background:#e7f4f0;border-radius:8px;align-items:center;gap:4px;padding:4px 7px;font-size:12px;font-weight:750;display:flex}.city-profile-name>p{color:#82908b;margin:4px 0;font-size:12px}.city-profile-name>small{color:#5f6f69;max-width:430px;font-size:12px;line-height:1.55;display:block}.city-profile-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.city-profile-tags em{color:#6f7d78;background:#eef2f1;border-radius:7px;padding:4px 7px;font-size:12px;font-style:normal}.city-profile-actions{gap:5px;padding-top:14px;display:flex}.city-profile-actions button{color:#596a65;background:#fff;border:1px solid #dce4e2;border-radius:10px;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.city-profile-actions button:last-child{justify-content:center;width:34px;padding:0}.city-profile-stats{border-top:1px solid #e9eeed;border-bottom:1px solid #e9eeed;grid-template-columns:repeat(4,1fr);margin:0 7px;padding:13px 0;display:grid}.city-profile-stats button{color:#74817d;background:0 0;border-right:1px solid #edf1f0;gap:3px;font-size:12px;display:grid}.city-profile-stats button:last-child{border:0}.city-profile-stats strong{color:#2b3d37;font-size:14px}.city-trust-strip{background:#f2f9f7;border:1px solid #dfece8;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding:12px 14px;display:flex}.city-trust-strip>div{align-items:center;gap:9px;display:flex}.city-trust-strip>div>span{color:#287e71;background:#fff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.city-trust-strip p{gap:3px;margin:0;display:grid}.city-trust-strip strong{font-size:12px}.city-trust-strip small{color:#85938e;font-size:12px}.city-trust-strip>button{color:#397a70;background:0 0;align-items:center;gap:3px;font-size:12px;display:flex}.city-profile-shortcuts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.city-profile-shortcuts>button{border:1px solid var(--line);color:#60706a;text-align:left;background:#fff;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px;display:grid}.city-profile-shortcuts>button>svg:first-child{color:#3e8277;width:19px}.city-profile-shortcuts>button>svg:last-child{color:#a0aaa7;width:14px}.city-profile-shortcuts span{gap:3px;display:grid}.city-profile-shortcuts strong{font-size:12px}.city-profile-shortcuts small{color:#939d9a;font-size:12px}.city-profile-tabs{border-bottom:1px solid var(--line);gap:25px;margin-top:18px;display:flex}.city-profile-tabs button{color:#7b8883;background:0 0;padding:10px 2px;font-size:12px;font-weight:700;position:relative}.city-profile-tabs button.active{color:#263a34}.city-profile-tabs button.active:after{content:"";background:#287e71;border-radius:3px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.city-profile-content{gap:8px;margin-top:10px;display:grid}.city-profile-content>button{border:1px solid var(--line);color:#30413c;text-align:left;background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px;display:grid}.city-profile-content>button>span{background:#f0f5f3;border-radius:13px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.city-profile-content>button>div{gap:5px;display:grid}.city-profile-content strong{font-size:12px}.city-profile-content small{color:#8c9693;font-size:12px}.city-profile-content>button>svg{color:#a0aaa7}.city-profile-logout{color:#a26969;background:0 0;align-items:center;gap:6px;margin-top:14px;padding:9px 5px;font-size:12px;display:flex}.city-edit-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14262361;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.city-edit-modal{background:#fff;border-radius:20px;width:min(440px,100%);padding:20px;box-shadow:0 24px 70px #122a2633}.city-edit-modal header{justify-content:space-between;align-items:start;display:flex}.city-edit-modal header span{color:#3d8277;letter-spacing:.13em;font-size:12px;font-weight:800}.city-edit-modal h2{margin:5px 0 15px;font-size:20px}.city-edit-modal header button{color:#73817d;background:#f2f5f4;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.city-edit-modal>label{color:#5d6c68;gap:5px;margin-top:10px;font-size:12px;font-weight:700;display:grid;position:relative}.city-edit-modal textarea,.city-edit-modal select{border:1px solid #dfe7e5;border-radius:10px;outline:0;width:100%;padding:10px}.city-edit-modal textarea{resize:vertical;min-height:95px}.city-edit-modal label small{color:#a0aaa7;position:absolute;bottom:7px;right:8px}.city-edit-note{color:#617a74;background:#eef7f4;border-radius:9px;gap:6px;margin-top:10px;padding:9px;font-size:12px;display:flex}.city-edit-save{color:#fff;background:#287e71;border-radius:11px;width:100%;height:40px;margin-top:12px;font-size:12px;font-weight:750}.city-profile-shortcuts{grid-template-columns:repeat(2,1fr)}.city-profile-actions button.is-following{color:#fff;background:#2d8375;border-color:#2d8375}.city-public-profile{position:relative}.city-public-back{color:#60746e;background:0 0;align-items:center;gap:6px;margin-bottom:9px;padding:7px 2px;font-size:12px;font-weight:700;display:flex}.city-public-safety{color:#55726a;background:#f2f8f6;border:1px solid #dfeae7;border-radius:13px;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;display:flex}.city-public-safety>div{gap:3px;display:grid}.city-public-safety strong{font-size:12px}.city-public-safety p{color:#82908b;margin:0;font-size:12px;line-height:1.5}.city-public-not-found{border:1px solid var(--line);color:#83918c;text-align:center;background:#fff;border-radius:18px;justify-items:center;gap:8px;padding:70px 20px;display:grid}.city-public-not-found h1{color:#30423c;margin:0;font-size:20px}.city-public-not-found p{margin:0;font-size:12px}.city-profile-empty{color:#6d7c77;text-align:center;background:#fafcfb;border:1px dashed #dbe5e2;border-radius:14px;place-items:center;gap:6px;padding:28px 16px;display:grid}.city-profile-empty svg{color:#4a8b80}.city-profile-empty strong{font-size:13px}.city-edit-modal>label>input{border:1px solid #dfe7e5;border-radius:10px;outline:0;width:100%;padding:10px}.city-edit-error{color:#9a3f3f;background:#fff0f0;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px}.city-edit-save:disabled{cursor:not-allowed;opacity:.65}@media (width<=820px){.city-auth-shell{grid-template-columns:1fr}.city-auth-story{display:none}.city-auth-form-panel{min-height:100vh;padding:30px 20px}.city-profile-shortcuts{grid-template-columns:1fr}.city-profile-shortcuts>button{padding:10px 12px}}@media (width<=520px){.city-auth-heading h2{font-size:24px}.city-role-grid{grid-template-columns:1fr}.city-role-grid>.full{grid-column:auto}.city-school-fields{grid-template-columns:1fr}.city-profile-cover{border-radius:19px;height:135px}.city-profile-identity{grid-template-columns:auto 1fr}.city-profile-avatar{width:72px;height:72px}.city-profile-actions{grid-column:1/-1;padding-top:0}.city-profile-actions button:first-child{flex:1;justify-content:center}.city-profile-name>small{font-size:12px}.city-profile-tags{grid-column:1/-1}.city-profile-stats{margin:0}.city-trust-strip{align-items:flex-start}.city-trust-strip>button{font-size:0}.city-trust-strip>button svg{width:17px}.city-profile-tabs{justify-content:space-around;gap:0}.city-profile-content>button{padding:11px}.city-profile-content>button>span{width:43px;height:43px}}.city-school-fields>p{color:#6d7d79;background:#f1f6f4;border-radius:9px;grid-column:1/-1;align-items:flex-start;gap:5px;margin:0;padding:8px 9px;font-size:12px;line-height:1.5;display:flex}.city-school-fields>p svg{color:#3f8478;flex:none;margin-top:1px}.city-auth-demo-note{color:#456b60;background:#eff8f4;border:1px solid #d8e9e3;border-radius:12px;align-items:flex-start;gap:9px;padding:12px 13px;display:flex}.city-auth-demo-note>svg{flex:none;margin-top:2px}.city-auth-demo-note>span{gap:3px;display:grid}.city-auth-demo-note small{color:#617a72;font-size:13px;line-height:1.5}.city-auth-validation{color:#507c70;min-height:21px;font-size:13px;line-height:1.5}.city-auth-validation.is-error{color:#a4504e}.city-auth-form input[aria-invalid=true]{border-color:#cf7773;box-shadow:0 0 0 3px #b84c481a}.city-auth-link:disabled{color:#9aa5a2;cursor:not-allowed}.city-auth-create:disabled,.city-auth-secondary-row button:disabled,.city-auth-guest:disabled{cursor:wait;opacity:.55}.city-school-fields>label{color:#536762;gap:6px;min-width:0;font-size:13px;font-weight:750;display:grid}.city-school-fields .city-school-program,.city-school-fields>p{grid-column:1/-1}.city-school-fields>p{color:#657b74;align-items:flex-start;gap:6px;margin:2px 0 0;font-size:13px;line-height:1.5;display:flex}@media (width<=520px){.city-school-fields .city-school-program,.city-school-fields>p{grid-column:auto}}.city-auth-form-wrap{width:min(510px,100%)}.city-auth-heading>span{font-size:12px}.city-auth-heading h2{font-size:30px}.city-auth-heading p{font-size:15px;line-height:1.65}.city-auth-back{font-size:14px}.city-auth-provider-stack{gap:10px;display:grid}.city-auth-provider-stack .provider{color:#334b46;text-align:left;background:#fff;border:1px solid #dce6e3;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;min-height:50px;padding:0 14px;display:grid;box-shadow:0 4px 13px #2a4a430a}.city-auth-provider-stack .provider>span{background:#f1f5f4;border-radius:10px;place-items:center;width:32px;height:32px;font-size:15px;font-weight:850;display:grid}.city-auth-provider-stack .provider-mark{color:#3174d6;background:#edf4ff!important}.city-auth-provider-stack .provider.phone>span{color:#26786c;background:#e9f6f2}.city-auth-provider-stack .provider.wechat>span{color:#fff;background:#20b35b}.city-auth-provider-stack .provider strong{font-size:15px}.city-auth-provider-stack .provider em{color:#7c6a45;background:#fff4dc;border-radius:7px;padding:4px 6px;font-size:12px;font-style:normal}.city-auth-divider{color:#8a9793;align-items:center;gap:10px;margin:4px 0;font-size:12px;display:flex}.city-auth-divider:before,.city-auth-divider:after{content:"";background:#e4ebe9;flex:1;height:1px}.city-auth-create{color:#fff;background:#287e71;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:47px;font-size:14px;font-weight:780;display:flex;box-shadow:0 9px 22px #287e7129}.city-auth-secondary-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.city-auth-secondary-row button{color:#4f6963;background:#fff;border:1px solid #e0e8e6;border-radius:11px;min-height:42px;font-size:13px;font-weight:720}.city-auth-guest{color:#71827e;background:0 0;min-height:38px;font-size:14px}.city-auth-boundary{color:#3e6c64;background:#eaf6f2;border-radius:13px;align-items:flex-start;gap:9px;padding:13px;display:flex}.city-auth-boundary>span{gap:3px;display:grid}.city-auth-boundary strong{font-size:14px}.city-auth-boundary small{color:#617b74;font-size:13px;line-height:1.5}.city-auth-form{gap:14px}.city-auth-form>label{font-size:14px}.city-auth-form input,.city-auth-form select{height:47px;font-size:16px}.city-auth-primary{height:auto;min-height:47px;padding:10px 14px;font-size:14px}.city-auth-link{justify-content:center;align-items:center;gap:6px;min-height:38px;font-size:13px;display:flex}.city-auth-login-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.city-auth-login-meta label,.city-auth-device{color:#5f736d;align-items:flex-start;gap:7px;font-size:13px;line-height:1.45;display:flex}.city-auth-login-meta input,.city-auth-device input{accent-color:#287e71;flex:none;width:17px;height:17px}.city-auth-login-meta button{color:#2d786d;background:0 0;font-size:13px}.city-auth-phone-field{grid-template-columns:94px 1fr;display:grid}.city-auth-phone-field select{border-right:0;border-radius:11px 0 0 11px}.city-auth-phone-field input{border-radius:0 11px 11px 0}.city-auth-field-help{color:#73857f;margin:-5px 0 0;font-size:13px;line-height:1.5}.city-auth-otp{text-align:center;letter-spacing:.3em;font-weight:820;font-size:25px!important}.city-auth-otp-meta{color:#74847f;justify-content:space-between;align-items:center;font-size:13px;display:flex}.city-auth-otp-meta button{color:#2b776d;background:0 0;font-size:13px}.city-auth-otp-meta button:disabled{color:#9aa6a2}.city-wechat-qr{text-align:center;background:linear-gradient(145deg,#fff,#f3faf7);border:1px solid #dfe8e6;border-radius:18px;place-items:center;gap:8px;padding:21px;display:grid}.city-wechat-qr>span{color:#27805f;background:repeating-linear-gradient(45deg,#e8f5ef,#e8f5ef 6px,#f8fbfa 6px 12px);border:9px solid #fff;border-radius:16px;place-items:center;width:112px;height:112px;display:grid;box-shadow:0 10px 25px #2b5f4c1f}.city-wechat-qr strong{font-size:17px}.city-wechat-qr p{color:#6b7e78;max-width:370px;margin:0;font-size:13px;line-height:1.55}.city-wechat-qr em{color:#46736a;letter-spacing:.07em;background:#e7f4ef;border-radius:8px;padding:5px 8px;font-size:12px;font-style:normal;font-weight:780}.city-auth-recovery-success{color:#326e64;text-align:center;background:#eaf6f2;border-radius:18px;place-items:center;gap:9px;padding:24px;display:grid}.city-auth-recovery-success>svg{color:#fff;background:#2d8074;border-radius:15px;width:46px;height:46px;padding:10px}.city-auth-recovery-success strong{font-size:17px}.city-auth-recovery-success p{color:#607a73;margin:0;font-size:13px;line-height:1.6}.city-auth-recovery-success button{color:#fff;background:#2d7d72;border-radius:10px;min-height:40px;margin-top:4px;padding:0 14px;font-size:13px;font-weight:750}.city-account-merge{background:#f8fbfa;border:1px solid #dfe8e6;border-radius:17px;justify-content:center;align-items:center;gap:18px;padding:20px;display:flex}.city-account-merge>span{place-items:center;gap:5px;min-width:96px;display:grid}.city-account-merge>span>strong{color:#2d746a;background:#e4f3ef;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.city-account-merge small{color:#637871;font-size:12px}.city-account-merge>i{color:#fff;background:#2e7f73;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.city-owner-verify-card{color:#57417d;background:#f5f1fc;border:1px solid #ded6f0;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px;display:grid}.city-owner-verify-card>svg:first-child{color:#fff;background:#745ba4;border-radius:13px;width:42px;height:42px;padding:10px}.city-owner-verify-card>div{gap:3px;display:grid}.city-owner-verify-card strong{font-size:15px}.city-owner-verify-card small{color:#776991;font-size:12px}.city-auth-device{padding:4px 0;font-weight:540}.city-auth-demo-note strong{font-size:14px}.city-auth-demo-note small,.city-auth-validation,.city-role-grid>button strong,.city-role-grid>button small,.city-interest-grid button,.city-optional-school strong,.city-optional-school small,.city-privacy-card strong,.city-privacy-card p,.city-consent span{font-size:13px}.city-role-grid>button:not(.city-auth-primary){min-height:66px}.city-interest-grid button{min-height:37px}.city-optional-school{min-height:58px}.city-school-fields>label{font-size:13px}@media (width<=520px){.city-auth-form-panel{padding:25px 18px}.city-auth-heading h2{font-size:27px}.city-auth-heading p{font-size:14px}.city-auth-provider-stack .provider{grid-template-columns:auto 1fr auto auto;gap:8px}.city-auth-provider-stack .provider em{padding:3px 5px;font-size:11px;display:inline-block}.city-auth-provider-stack .provider strong{font-size:14px}.city-auth-secondary-row{grid-template-columns:1fr}.city-auth-phone-field{grid-template-columns:82px 1fr}.city-account-merge{gap:10px}.city-account-merge>span{min-width:80px}}.city-auth-provider-stack .provider:disabled{opacity:.58;cursor:not-allowed}.oh-landing{--oh-ink:#081d18;--oh-forest:#123f35;--oh-green:#1f806d;--oh-lime:#bff58c;--oh-cream:#fbfcf6;--oh-soft:#f1f5ed;--oh-line:#081d181f;min-height:100vh;color:var(--oh-ink);background:var(--oh-cream);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:clip}.oh-landing button{color:inherit}.oh-landing button:focus-visible,.oh-landing a:focus-visible{outline-offset:3px;outline:3px solid #1f806d4d}.oh-skip{z-index:200;color:#fff;background:var(--oh-ink);border-radius:0 0 12px 12px;padding:12px 18px;font-size:14px;font-weight:800;transition:top .18s;position:fixed;top:-60px;left:18px}.oh-skip:focus{top:0}.oh-nav{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfcf6e6;border-bottom:1px solid #081d1814;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:100%;min-height:76px;padding:13px max(28px,50vw - 690px);display:grid;position:sticky;top:0}.oh-brand{text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.oh-brand>span{color:#fff;background:linear-gradient(145deg,#2e9e87,#176958);border-radius:13px 13px 13px 5px;flex:none;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 8px 18px #1f806d33}.oh-brand strong{text-overflow:ellipsis;color:var(--oh-ink);letter-spacing:-.04em;white-space:nowrap;font-size:19px;font-weight:900;overflow:hidden}.oh-brand em{color:#537168;letter-spacing:.04em;white-space:nowrap;background:#ecf1e9;border-radius:999px;padding:5px 8px;font-size:12px;font-style:normal;font-weight:800}.oh-nav>nav{align-items:center;gap:3px;display:flex}.oh-nav>nav button{color:#425a52;background:0 0;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:750;transition:color .18s,background .18s}.oh-nav>nav button:hover{color:var(--oh-ink);background:#eaf1e9}.oh-nav-actions{justify-self:end;align-items:center;gap:8px;display:flex}.oh-login,.oh-signup{border-radius:999px;min-height:43px;padding:0 18px;font-size:13px;font-weight:850}.oh-login{background:0 0}.oh-login:hover{background:#eaf1e9}.oh-signup{background:var(--oh-ink);align-items:center;gap:8px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 8px 20px #081d1826;color:#fff!important}.oh-signup:hover{transform:translateY(-2px);box-shadow:0 12px 24px #081d1838}.oh-hero{text-align:center;padding:82px max(28px,50vw - 620px) 88px}.oh-hero-copy{max-width:980px;margin:0 auto}.oh-announcement{border:1px solid var(--oh-line);color:#49635b;letter-spacing:.06em;background:#ffffffbf;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:34px;margin:0 auto 24px;padding:7px 11px;font-size:12px;font-weight:800;display:flex}.oh-announcement i{background:#36a780;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #36a78021}.oh-announcement b{color:var(--oh-ink);background:var(--oh-lime);border-radius:999px;padding:3px 7px;font-size:12px}.oh-kicker,.oh-section>header>span,.oh-action-copy>span,.oh-campus-copy>span,.oh-brand-story>div>span,.oh-safety>header>span{color:#1d7e6b;letter-spacing:.16em;margin:0 0 14px;font-size:12px;font-weight:900}.oh-hero h1{color:var(--oh-ink);letter-spacing:-.075em;margin:0;font-size:clamp(54px,7.2vw,102px);font-weight:950;line-height:.96}.oh-hero h1 em{z-index:0;color:var(--oh-ink);white-space:nowrap;padding:.04em .18em .1em;font-style:normal;display:inline-block;position:relative}.oh-hero h1 em:before{content:"";z-index:-1;background:var(--oh-lime);border-radius:999px 999px 999px 24px;position:absolute;inset:.18em -.02em .03em;transform:rotate(-1.2deg)}.oh-hero-intro{color:#4e635d;max-width:720px;margin:30px auto 0;font-size:17px;line-height:1.8}.oh-hero-actions{justify-content:center;gap:11px;margin-top:28px;display:flex}.oh-primary,.oh-secondary{border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 23px;font-size:14px;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.oh-primary{background:var(--oh-ink);box-shadow:0 12px 26px #081d182e;color:#fff!important}.oh-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px #081d183d}.oh-secondary{background:0 0;border:1px solid #081d182e}.oh-secondary:hover{background:#fff;transform:translateY(-2px)}.oh-access-note{color:#6e807a;justify-content:center;align-items:center;gap:9px;margin:19px auto 0;font-size:12px;font-weight:650;display:flex}.oh-access-note svg{color:var(--oh-green)}.oh-access-note span{background:#a3b0ab;border-radius:50%;width:3px;height:3px}.oh-product-stage{color:#fff;text-align:left;background:radial-gradient(circle at 75% 10%,#bff58c33,#0000 31%),linear-gradient(145deg,#0b2c26,#0d4438 60%,#12614e);border-radius:44px;max-width:1120px;margin:66px auto 0;padding:54px 58px 0;position:relative;overflow:hidden;box-shadow:0 38px 75px #0e3d3333}.oh-stage-orbit{border:1px solid #bff58c42;border-radius:50%;position:absolute;transform:rotate(-18deg)}.oh-stage-orbit.one{width:510px;height:370px;top:-210px;right:-90px}.oh-stage-orbit.two{width:310px;height:230px;top:-135px;right:25px}.oh-preview-window{z-index:2;color:var(--oh-ink);background:#fffffff5;border:1px solid #ffffff42;border-bottom:0;border-radius:23px 23px 0 0;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000042}.oh-preview-window>header{border-bottom:1px solid var(--oh-line);align-items:center;gap:20px;min-height:56px;padding:0 21px;display:flex}.oh-preview-window>header>div{align-items:center;gap:8px;display:flex}.oh-preview-window>header>div>span{color:#fff;background:var(--oh-green);border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.oh-preview-window>header strong{letter-spacing:-.02em;font-size:13px;font-weight:900}.oh-preview-window>header small{color:#60746d;align-items:center;gap:5px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.oh-preview-window>header>i{color:#6e8079;background:#eef2ec;border-radius:999px;padding:5px 8px;font-size:12px;font-style:normal;font-weight:750}.oh-preview-tabs{border-bottom:1px solid var(--oh-line);color:#819089;align-items:center;gap:24px;height:48px;padding:0 21px;font-size:12px;font-weight:750;display:flex}.oh-preview-tabs span{align-items:center;gap:4px;height:100%;display:flex}.oh-preview-tabs .active{border-bottom:2px solid var(--oh-green);color:var(--oh-green)}.oh-preview-grid{background:#f4f6f1;grid-template-columns:1.2fr .8fr;gap:15px;padding:20px;display:grid}.oh-preview-feed{border:1px solid var(--oh-line);background:#fff;border-radius:17px;grid-template-columns:43% 57%;display:grid;overflow:hidden}.oh-preview-photo{background:linear-gradient(150deg,#f3d5c9,#f7e9ce 48%,#bedbc9);place-items:center;min-height:220px;display:grid;position:relative}.oh-preview-photo>span{filter:drop-shadow(0 12px 20px #00000026);font-size:60px}.oh-preview-photo>i{color:#fff;background:#081d18bf;border-radius:999px;padding:5px 8px;font-size:12px;font-style:normal;font-weight:800;position:absolute;bottom:13px;left:13px}.oh-preview-feed>div:last-child{padding:22px}.oh-preview-feed small,.oh-preview-stack small{color:#729088;letter-spacing:.08em;font-size:12px;font-weight:850}.oh-preview-feed h3{margin:17px 0 9px;font-size:19px;line-height:1.35}.oh-preview-feed p,.oh-preview-stack p{color:#64736e;margin:0;font-size:13px;line-height:1.65}.oh-preview-feed>div:last-child>div{color:#47766b;justify-content:space-between;margin-top:28px;font-size:12px;display:flex}.oh-preview-feed b{color:var(--oh-ink)}.oh-preview-stack{gap:10px;display:grid}.oh-preview-stack>article{border:1px solid var(--oh-line);background:#fff;border-radius:15px;align-items:center;gap:12px;min-height:78px;padding:14px;display:flex}.oh-preview-stack>article>span{color:#1b7c68;background:#ddf3ea;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid}.oh-preview-stack>article>span.amber{color:#9d681f;background:#ffefd5}.oh-preview-stack strong{margin:3px 0;font-size:13px;display:block}.oh-preview-stack .locked{color:#5d6461;background:repeating-linear-gradient(135deg,#f4f5f2,#f4f5f2 8px,#edf0eb 8px 16px)}.oh-preview-stack .locked>svg{color:#829089;margin-left:auto}.oh-stage-badge{z-index:4;color:var(--oh-ink);background:var(--oh-lime);border:1px solid #081d1814;border-radius:14px;align-items:center;gap:9px;padding:11px 13px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 13px 28px #0000002e}.oh-stage-badge strong,.oh-stage-badge small{font-size:12px;display:block}.oh-stage-badge small{opacity:.65;margin-top:2px}.oh-proof{border-bottom:1px solid var(--oh-line);background:#fff;grid-template-columns:repeat(4,1fr);padding:28px max(28px,50vw - 590px);display:grid}.oh-proof>div{border-right:1px solid var(--oh-line);align-items:center;gap:13px;min-height:58px;padding:0 25px;display:flex}.oh-proof>div:last-child{border-right:0}.oh-proof svg{width:22px;color:var(--oh-green)}.oh-proof strong,.oh-proof small{display:block}.oh-proof strong{font-size:13px}.oh-proof small{color:#7b8a84;margin-top:4px;font-size:12px}.oh-section,.oh-brand-story,.oh-final{padding:120px max(28px,50vw - 590px)}.oh-section[id]{scroll-margin-top:76px}.oh-section>header{max-width:760px}.oh-section h2,.oh-action h2,.oh-campus h2,.oh-brand-story h2,.oh-final h2{color:var(--oh-ink);letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,66px);font-weight:930;line-height:1.06}.oh-section>header>p{color:#63766f;max-width:620px;margin:23px 0 0;font-size:16px;line-height:1.8}.oh-feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px;display:grid}.oh-feature-grid article{border:1px solid var(--oh-line);background:#fff;border-radius:24px;min-height:310px;padding:25px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.oh-feature-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 38px #19483c1a}.oh-feature-grid article>div{justify-content:space-between;align-items:center;display:flex}.oh-feature-grid article>div>span{color:#176b59;background:#ddf3e9;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.oh-feature-grid article em{color:#91a099;font-size:12px;font-style:normal;font-weight:900}.oh-feature-grid h3{margin:66px 0 12px;font-size:21px;line-height:1.35}.oh-feature-grid p{color:#687a73;margin:0;font-size:14px;line-height:1.75}.oh-feature-grid article>i{border:20px solid #bff58c59;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-44px;right:-32px}.oh-action{color:#fff;background:var(--oh-ink);grid-template-columns:.8fr 1.2fr;align-items:center;gap:75px;display:grid}.oh-action h2{color:#fff}.oh-action-copy>p{color:#afc2bb;margin:22px 0 28px;font-size:15px;line-height:1.8}.oh-action .oh-primary{background:var(--oh-lime);color:var(--oh-ink)!important}.oh-action-steps{gap:10px;display:grid}.oh-action-steps article{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:17px;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;min-height:80px;padding:14px 18px;display:grid}.oh-action-steps article>span{color:var(--oh-lime);font-size:12px;font-weight:900}.oh-action-steps strong{font-size:16px;display:block}.oh-action-steps p{color:#afc2bb;margin:4px 0 0;font-size:13px}.oh-action-steps article>svg{color:#68847b}.oh-campus{background:#eef4e9;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;display:grid}.oh-campus-lock{text-align:center;background:repeating-linear-gradient(135deg,#ffffffb3,#ffffffb3 14px,#e2ecdcc2 14px 28px);border:1px solid #081d1821;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:44px;display:flex;position:relative;overflow:hidden}.oh-campus-lock:before,.oh-campus-lock:after{content:"";border:1px solid #1f806d33;border-radius:50%;width:300px;height:180px;position:absolute;transform:rotate(-23deg)}.oh-campus-lock:after{width:230px;height:340px;transform:rotate(45deg)}.oh-campus-lock>span{z-index:2;color:#fff;background:var(--oh-green);border-radius:24px;place-items:center;width:76px;height:76px;display:grid;position:relative;box-shadow:0 18px 34px #1f806d38}.oh-campus-lock small,.oh-campus-lock strong{z-index:2;position:relative}.oh-campus-lock small{color:#688078;letter-spacing:.14em;margin-top:22px;font-size:12px;font-weight:900}.oh-campus-lock strong{letter-spacing:-.04em;margin-top:8px;font-size:30px}.oh-campus-copy>p{color:#52675f;margin:24px 0 22px;font-size:15px;line-height:1.85}.oh-campus-copy ul{grid-template-columns:1fr 1fr;gap:11px 20px;margin:0 0 27px;padding:0;list-style:none;display:grid}.oh-campus-copy li{align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.oh-campus-copy li svg{width:17px;color:var(--oh-green)}.oh-campus-cta{background:var(--oh-green);border-radius:999px;align-items:center;gap:9px;min-height:50px;padding:0 21px;font-size:14px;font-weight:850;display:flex;color:#fff!important}.oh-campus-copy>small{color:#74867f;margin-top:15px;font-size:12px;display:block}.oh-safety{background:#fff}.oh-safety>div{border:1px solid var(--oh-line);background:var(--oh-line);border-radius:25px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:50px;display:grid;overflow:hidden}.oh-safety article{background:#fff;min-height:240px;padding:30px}.oh-safety article svg{width:25px;color:var(--oh-green)}.oh-safety article strong{margin:55px 0 11px;font-size:17px;line-height:1.4;display:block}.oh-safety article p{color:#6e7e78;margin:0;font-size:13px;line-height:1.7}.oh-brand-story{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;display:grid}.oh-brand-story img{border-radius:28px;width:100%;box-shadow:0 22px 50px #0e3d3329}.oh-brand-story p{color:#60736c;margin:23px 0 0;font-size:15px;line-height:1.85}.oh-final{color:#fff;background:radial-gradient(circle at 75% 20%, #bff58c2e, transparent 32%), var(--oh-ink);text-align:center;padding-top:112px;padding-bottom:112px}.oh-final>span{width:58px;height:58px;color:var(--oh-ink);background:var(--oh-lime);border-radius:18px;place-items:center;margin:0 auto 22px;display:grid;transform:rotate(-5deg)}.oh-final>p{color:var(--oh-lime);letter-spacing:.14em;font-size:12px;font-weight:900}.oh-final h2{color:#fff}.oh-final>div{justify-content:center;gap:10px;margin-top:30px;display:flex}.oh-final .oh-primary{background:var(--oh-lime);color:var(--oh-ink)!important}.oh-secondary.dark{color:#fff;border-color:#ffffff4d}.oh-secondary.dark:hover{background:#ffffff14}.oh-footer{color:#65766f;background:#f4f6f0;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;min-height:120px;padding:25px max(28px,50vw - 620px);display:grid}.oh-footer .oh-brand strong{font-size:16px}.oh-footer p{margin:0;font-size:13px}.oh-footer>div{gap:18px;font-size:12px;font-weight:700;display:flex}.oh-footer>small{border-top:1px solid var(--oh-line);grid-column:1/-1;padding-top:17px;font-size:12px}@media (width<=1080px){.oh-nav{grid-template-columns:1fr auto}.oh-nav>nav{display:none}.oh-feature-grid,.oh-safety>div{grid-template-columns:repeat(2,1fr)}.oh-action,.oh-campus,.oh-brand-story{grid-template-columns:1fr;gap:48px}.oh-campus-lock{min-height:340px}}@media (width<=760px){.oh-nav{gap:10px;min-height:68px;padding:10px 18px}.oh-brand em,.oh-login{display:none}.oh-brand strong{font-size:16px}.oh-brand>span{width:35px;height:35px}.oh-signup{min-height:40px;padding:0 14px}.oh-hero{padding:55px 18px 66px}.oh-hero h1{font-size:clamp(44px,13vw,68px)}.oh-hero-intro{font-size:15px}.oh-product-stage{border-radius:27px;margin-top:46px;padding:28px 14px 0}.oh-preview-window>header small,.oh-preview-window>header>i{display:none}.oh-preview-tabs{gap:17px;overflow:hidden}.oh-preview-grid,.oh-preview-feed{grid-template-columns:1fr}.oh-preview-photo{min-height:150px}.oh-preview-stack>article:nth-child(2),.oh-stage-badge{display:none}.oh-proof{grid-template-columns:repeat(2,1fr);padding:18px}.oh-proof>div{border-bottom:1px solid var(--oh-line);padding:13px}.oh-proof>div:nth-child(2){border-right:0}.oh-proof>div:nth-child(3),.oh-proof>div:nth-child(4){border-bottom:0}.oh-section,.oh-brand-story,.oh-final{padding:82px 20px}.oh-section h2,.oh-action h2,.oh-campus h2,.oh-brand-story h2,.oh-final h2{font-size:clamp(36px,10.5vw,54px)}.oh-feature-grid{grid-template-columns:1fr;margin-top:36px}.oh-feature-grid article{min-height:250px}.oh-feature-grid h3{margin-top:42px}.oh-action-steps article{grid-template-columns:38px 1fr}.oh-action-steps article>svg{display:none}.oh-campus-copy ul,.oh-safety>div{grid-template-columns:1fr}.oh-safety article{min-height:190px}.oh-safety article strong{margin-top:30px}.oh-footer{grid-template-columns:1fr;padding:28px 20px}.oh-footer>div{flex-wrap:wrap}.oh-footer>small{grid-column:auto}}@media (width<=480px){.oh-nav-actions{gap:0}.oh-signup{padding:0 12px;font-size:12px}.oh-signup svg{display:none}.oh-brand strong{max-width:120px}.oh-hero-actions,.oh-final>div{flex-direction:column}.oh-primary,.oh-secondary{width:100%}.oh-access-note{flex-wrap:wrap;max-width:310px;line-height:1.6}.oh-preview-grid{padding:11px}.oh-preview-feed>div:last-child{padding:17px}}@media (prefers-reduced-motion:reduce){.oh-landing *,.oh-landing :before,.oh-landing :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.admin-passkey-page{color:#18342e;background:#f2f6f7;place-items:center;min-height:100dvh;padding:clamp(1rem,4vw,3rem);font-size:1rem;line-height:1.6;display:grid}.admin-passkey-card{background:#fff;border:1px solid #d7e2e0;border-radius:1.5rem;width:100%;max-width:42rem;padding:clamp(1.25rem,4vw,2.75rem);box-shadow:0 1rem 3rem #163e3010}.admin-passkey-brand{color:#174e43;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:750;text-decoration:none;display:flex}.admin-passkey-brand span{color:#49665e;margin-left:auto;font-size:.875rem;font-weight:500}.admin-passkey-symbol{color:#196a59;background:#e5f5ef;border-radius:1rem;place-items:center;width:4rem;height:4rem;margin-top:2rem;display:grid}.admin-passkey-card h1{letter-spacing:-.025em;margin:1.15rem 0 .75rem;font-size:clamp(1.55rem,4vw,2rem);line-height:1.3}.admin-passkey-intro{color:#466259;margin:0 0 1.5rem}.admin-passkey-card label{margin:.8rem 0 .5rem;font-size:1rem;font-weight:650;display:block}.admin-passkey-card input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:3rem;font:inherit;color:#18342e;background:#f8faf9;border:1px solid #7d998f;border-radius:.75rem;padding:.75rem 1rem;display:block}.admin-passkey-card button,.admin-passkey-primary{box-sizing:border-box;min-height:3rem;font:inherit;cursor:pointer;border-radius:.75rem;padding:.75rem 1rem;font-weight:650}.admin-passkey-primary{color:#fff;text-align:center;background:#14664f;border:1px solid #14664f;justify-content:center;align-items:center;gap:.6rem;width:100%;margin:1.2rem 0 .6rem;text-decoration:none;display:flex}.admin-passkey-primary:hover:not(:disabled){background:#0c4c3b}.admin-passkey-card button:disabled{cursor:not-allowed;opacity:.55}.admin-passkey-secondary{color:#205448;background:#fff;border:1px solid #b2c8bf;justify-content:center;align-items:center;gap:.6rem;width:100%;margin:.75rem 0;display:flex}.admin-passkey-exit{color:#486159;background:0 0;border:0;align-items:center;gap:.5rem;margin:1.25rem auto 0;display:flex}.admin-passkey-note{color:#52685f;overflow-wrap:anywhere;font-size:.875rem;line-height:1.7}.admin-passkey-error{color:#882f23;background:#fff0ed;border:1px solid #e4aaa0;border-radius:.75rem;padding:.8rem 1rem;font-size:1rem}.admin-passkey-notice{color:#264970;background:#edf4ff;border:1px solid #c0d3ef;border-radius:.75rem;margin:1rem 0;padding:1rem}.admin-passkey-notice p{margin:.5rem 0}.admin-passkey-steps{color:#3d554d;margin:1.3rem 0;padding-left:1.4rem}.admin-passkey-steps li{margin:.65rem 0;padding-left:.3rem}.admin-passkey-codes{background:#f2f6f4;border:1px solid #b2c8bf;border-radius:.75rem;grid-template-columns:1fr;gap:.6rem;padding:1rem;display:grid}.admin-passkey-codes code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-variant-numeric:tabular-nums;font-size:.875rem}.admin-passkey-card .admin-passkey-check{align-items:flex-start;gap:.75rem;font-weight:500;display:flex}.admin-passkey-check input{accent-color:#14664f;flex-shrink:0;width:1.2rem;height:1.2rem;margin-top:.25rem}.admin-passkey-status{align-items:center;gap:.6rem;padding:1rem 0;display:flex}.admin-passkey-card :focus-visible{outline-offset:3px;outline:3px solid #167bc7}.admin-passkey-spin{animation:1s linear infinite admin-passkey-spin}@keyframes admin-passkey-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.admin-passkey-spin{animation:none}}.admin-recovery-panel{color:#18342e;font-size:1rem;line-height:1.65}.admin-recovery-panel h2{margin:.75rem 0;font-size:1.5rem;line-height:1.35}.admin-recovery-panel>p{color:#466259}:root{color:#1f3031;font-synthesis:none;text-rendering:optimizelegibility;--blue:#2f887a;--blue-dark:#216f64;--blue-soft:#e9f6f2;--line:#e3eae8;--muted:#74817e;--panel:#fff;--shadow:0 8px 28px #233c390e;--radius:18px;background:#f7f9f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2f887a33}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2374817e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;transition:border-color .15s,box-shadow .15s;padding-right:32px!important}select:hover{border-color:#b8c8c3}select:focus{border-color:#2f887a;box-shadow:0 0 0 3px #2f887a1a}select:disabled{opacity:.5;cursor:not-allowed;background-color:#f0f4f3}.maple-shell{min-height:100vh}.maple-topbar{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #dae4e1eb;height:72px;position:sticky;top:0}.maple-topbar-inner{align-items:center;gap:18px;width:min(1440px,100% - 48px);height:100%;margin:0 auto;display:flex}.maple-brand{color:#193331;background:0 0;align-items:center;gap:9px;min-width:176px;padding:0;display:flex}.maple-brand>span{color:#fff;background:linear-gradient(145deg,#54a795,#287e71);border-radius:12px 12px 12px 4px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 7px 18px #287e7138}.maple-brand strong{letter-spacing:-.7px;font-size:21px}.maple-brand em{color:#72827e;background:#eff3f2;border-radius:6px;padding:3px 6px;font-size:12px;font-style:normal;font-weight:750}.maple-area-wrap{position:relative}.maple-area-button{color:#3d504c;white-space:nowrap;background:#f2f6f5;border-radius:12px;align-items:center;gap:7px;max-width:205px;height:40px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.maple-area-button span{text-overflow:ellipsis;overflow:hidden}.maple-area-menu{z-index:90;border:1px solid var(--line);background:#fff;border-radius:16px;width:270px;padding:9px;position:absolute;top:48px;left:0;box-shadow:0 18px 55px #1d363229}.maple-area-menu>p{color:#83918d;letter-spacing:.08em;margin:6px 8px 8px;font-size:12px;font-weight:800}.maple-area-menu>button{color:#42534f;text-align:left;background:0 0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:12px;display:flex}.maple-area-menu>button:hover,.maple-area-menu>button.selected{color:#26786c;background:#eaf6f2}.maple-area-menu>div{color:#668079;border-top:1px solid #edf1f0;align-items:center;gap:6px;margin-top:6px;padding:9px;font-size:12px;display:flex}.maple-global-search{color:#8c9895;background:#f7f9f8;border:1px solid #e3e9e7;border-radius:13px;flex:1;align-items:center;gap:9px;max-width:480px;height:42px;margin-left:auto;padding:0 12px;display:flex}.maple-global-search:focus-within{background:#fff;border-color:#93c7bc;box-shadow:0 0 0 4px #2f887a12}.maple-global-search input{color:#2d403b;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.maple-global-search input::placeholder{color:#9aa5a2}.maple-global-search kbd{color:#9ba5a2;background:#fff;border:1px solid #dde4e2;border-radius:5px;padding:3px 6px;font-family:inherit;font-size:12px}.maple-top-actions{align-items:center;gap:6px;display:flex}.maple-language{color:#60716c;background:0 0;border-radius:9px;align-items:center;gap:4px;height:36px;padding:0 8px;font-size:12px;font-weight:700;display:flex}.maple-language:hover,.maple-icon-button:hover{background:#f0f4f3}.maple-icon-button{color:#667570;background:0 0;border-radius:10px;place-items:center;width:37px;height:37px;display:grid;position:relative}.maple-bell i{background:#ed6f6f;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.maple-bell i.unread-badge,.maple-mobile-nav button i.unread-badge{color:#fff;background:#ed6f6f;border:2px solid #fff;border-radius:9px;place-items:center;width:auto;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-style:normal;font-weight:800;line-height:1;display:grid}.maple-compose-button{color:#fff;background:#2d8577;border-radius:12px;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:12px;font-weight:750;display:flex;box-shadow:0 7px 16px #2d857733}.maple-compose-button:hover{background:#227668;transform:translateY(-1px)}.maple-avatar-button{background:0 0;border-radius:50%;margin-left:2px;padding:0}.maple-avatar{color:#795649;background:linear-gradient(135deg,#ffd9c4,#f9c2cd);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:850;display:inline-grid;box-shadow:0 0 0 1px #e5eae8}.maple-avatar.small{width:30px;height:30px;font-size:12px}.maple-layout{grid-template-columns:220px minmax(520px,720px) 318px;align-items:start;gap:28px;width:min(1440px,100% - 48px);margin:0 auto;display:grid}.maple-left,.maple-right{scrollbar-width:none;max-height:calc(100vh - 112px);position:sticky;top:92px;overflow:auto}.maple-left::-webkit-scrollbar{display:none}.maple-right::-webkit-scrollbar{display:none}.maple-left{padding-top:21px}.maple-left nav{gap:3px;display:grid}.maple-left nav button{color:#6c7a76;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:12px;height:42px;padding:0 13px;font-size:12px;font-weight:650;transition:all .17s;display:flex}.maple-left nav button:hover{color:#2c403a;background:#f7f9f8}.maple-left nav button.active{color:#247567;background:#e8f4f0;font-weight:800}.maple-left nav button i{color:#fff;background:#2e8879;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;font-size:12px;font-style:normal;display:grid}.maple-side-divider{background:var(--line);height:1px;margin:15px 9px}.maple-city-card{box-shadow:var(--shadow);background:#fff;border:1px solid #dfe7e5;border-radius:17px;overflow:hidden}.maple-city-art{background:linear-gradient(#cbe4e0,#eaf3ef 66%);height:80px;position:relative;overflow:hidden}.city-card-sun{background:#f6d696;border-radius:50%;width:24px;height:24px;position:absolute;top:14px;right:24px;box-shadow:0 0 0 8px #f6d69630}.city-card-tower{clip-path:polygon(0 100%,0 25%,25% 25%,25% 8%,45% 8%,50% 0,55% 8%,75% 8%,75% 25%,100% 25%,100% 100%);background:#779996;width:35px;height:44px;position:absolute;bottom:16px;left:32px}.city-card-tower.two{clip-path:none;background:#8eaaa6;width:56px;height:35px;left:73px}.city-card-road{background:#b8d0c5;border-radius:50%;width:155px;height:45px;position:absolute;bottom:-24px;right:-15px;transform:rotate(-6deg)}.maple-city-card>div:last-child{padding:13px}.maple-city-card>div>span{color:#62877e;letter-spacing:.13em;font-size:12px;font-weight:850}.maple-city-card strong{margin-top:4px;font-size:14px;display:block}.maple-city-card p{color:#83918d;margin:4px 0 9px;font-size:12px}.maple-city-card button{color:#287c6f;background:0 0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:750;display:flex}.maple-campus-entry{background:#f8fafc;border:1px solid #e3e8ec;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:10px;padding:10px;display:grid}.maple-campus-entry>span{color:#557aa4;background:#e8f0fa;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.maple-campus-entry>div{gap:3px;display:grid}.maple-campus-entry strong{font-size:12px}.maple-campus-entry p{color:#8c969e;margin:0;font-size:12px;line-height:1.45}.maple-campus-entry>button{color:#99a5ab;background:0 0;padding:0}.maple-side-foot{color:#9ba5a2;margin:14px 0;padding:0 9px;font-size:12px;line-height:1.6}.maple-main{min-width:0;padding:27px 0 65px}.maple-right{padding:27px 0 40px}.maple-layout.wide{grid-template-columns:220px minmax(0,1fr)}.maple-layout.wide .maple-main{max-width:none}.maple-layout.admin{grid-template-columns:minmax(0,1fr)}.maple-layout.admin .maple-left{display:none}.maple-rail-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px;margin-bottom:12px;padding:16px}.maple-rail-card>header{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.maple-rail-card>header span{color:#6e8e86;letter-spacing:.11em;font-size:12px;font-weight:850}.maple-rail-card>header h3{margin:4px 0 0;font-size:13px}.maple-rail-card>header button{color:#899793;background:0 0;padding:4px;font-size:12px}.maple-rail-card>header>svg{color:#e0a65e}.maple-mini-event{color:#31423d;text-align:left;background:0 0;border-bottom:1px solid #eef2f1;grid-template-columns:35px 34px 1fr;align-items:center;gap:8px;width:100%;padding:10px 0;display:grid}.maple-mini-event time{color:#677872;font-size:12px;font-weight:800}.mini-event-icon{background:#fff1d7;border-radius:10px;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.mini-event-icon.coral{background:#ffebe4}.maple-mini-event>div{gap:4px;display:grid}.maple-mini-event strong{font-size:12px}.maple-mini-event p{color:#8d9895;align-items:center;gap:3px;margin:0;font-size:12px;display:flex}.maple-rail-main{color:#26786b;background:#eaf6f2;border-radius:9px;justify-content:center;align-items:center;gap:5px;width:100%;height:33px;margin-top:11px;font-size:12px;font-weight:750;display:flex}.maple-trending>button{color:#2f403b;text-align:left;background:0 0;border-bottom:1px solid #f0f3f2;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;width:100%;padding:10px 0;display:grid}.maple-trending>button:last-child{border-bottom:0}.maple-trending>button>span{color:#a1aba8;font-size:12px;font-weight:850}.maple-trending>button>div{gap:3px;display:grid}.maple-trending strong{font-size:12px}.maple-trending small{color:#98a29f;font-size:12px}.maple-trending>button>svg{color:#aab3b0}.maple-circle-row{align-items:center;gap:8px;padding-top:11px;display:flex}.maple-circle-row>span{background:#eff4f2;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.maple-circle-row>div{flex:1;gap:3px;min-width:0;display:grid}.maple-circle-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.maple-circle-row small{color:#939e9b;font-size:12px}.maple-circle-row>button{color:#2d796e;background:#e8f5f1;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:750}.maple-circle-row>button.joined{color:#89938f;background:#f0f3f2}.maple-trust-card{color:#4d7168;text-align:left;background:#f1f8f6;border:1px solid #dce9e5;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:11px;display:grid}.maple-trust-card>p{gap:3px;margin:0;display:grid}.maple-trust-card strong{font-size:12px}.maple-trust-card small{color:#80908b;font-size:12px;line-height:1.45}.maple-trust-card>svg:last-child{color:#95a29e}.maple-rail-links{color:#9da7a4;flex-wrap:wrap;gap:8px;padding:11px 6px;font-size:12px;display:flex}.maple-rail-links small{width:100%}.maple-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1327236b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.maple-compose-modal{background:#fff;border-radius:21px;width:min(650px,100%);max-height:calc(100vh - 32px);padding:20px;overflow:auto;box-shadow:0 26px 80px #11282338}.maple-compose-modal>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.maple-compose-modal>header span{color:#347f74;letter-spacing:.14em;font-size:12px;font-weight:850}.maple-compose-modal>header h2{color:#263833;margin:5px 0 3px;font-size:21px}.maple-compose-modal>header p{color:#87938f;margin:0;font-size:12px}.maple-compose-modal>header>button,.maple-search-overlay header>button{color:#73817d;background:#f0f4f3;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;display:grid}.maple-compose-types{scrollbar-width:none;gap:6px;padding:14px 0 11px;display:flex;overflow-x:auto}.maple-compose-types button{color:#72817c;background:#f1f4f3;border-radius:9px;flex:none;padding:7px 10px;font-size:12px;font-weight:700}.maple-compose-types button.active{color:#fff;background:#2e8476}.maple-compose-author{border-top:1px solid #eef2f1;align-items:center;gap:9px;padding:10px 0;display:flex}.maple-compose-author>div{gap:3px;display:grid}.maple-compose-author strong{align-items:center;gap:6px;font-size:12px;display:flex}.maple-compose-author strong span{color:#287a6e;background:#e9f5f1;border-radius:6px;align-items:center;gap:3px;padding:3px 5px;font-size:12px;display:flex}.maple-compose-author small{color:#8d9895;font-size:12px}.maple-compose-title{color:#2f413c;background:#fbfcfc;border:1px solid #dfe7e5;border-radius:11px;outline:0;width:100%;height:42px;margin-top:4px;padding:0 11px;font-size:12px;font-weight:700}.maple-compose-text{margin-top:9px;display:block;position:relative}.maple-compose-text textarea{color:#344640;resize:vertical;background:#fbfcfc;border:1px solid #dfe7e5;border-radius:12px;outline:0;width:100%;min-height:120px;padding:11px 11px 28px;font-size:12px;line-height:1.65}.maple-compose-text>span{color:#a0aaa7;font-size:12px;position:absolute;bottom:9px;right:10px}.maple-dynamic-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.maple-dynamic-grid label{color:#667670;gap:5px;font-size:12px;font-weight:700;display:grid}.maple-dynamic-grid input,.maple-dynamic-grid select{color:#394b45;background:#fff;border:1px solid #dfe7e5;border-radius:9px;outline:0;width:100%;height:37px;padding:0 8px;font-size:12px}.maple-compose-options{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}.maple-compose-options label{color:#71807b;border:1px solid #dfe7e5;border-radius:9px;align-items:center;gap:6px;height:37px;padding:0 8px;display:flex}.maple-compose-options select{color:#445650;background:#fff;border:0;outline:0;flex:1;min-width:0;font-size:12px}.maple-adult-check{color:#846942;background:#fff8e9;border:1px solid #f0dec0;border-radius:10px;align-items:flex-start;gap:7px;margin-top:9px;padding:9px;font-size:12px;line-height:1.5;display:flex}.maple-adult-check input{width:14px;height:14px;margin:1px 0 0}.maple-compose-safety{color:#52756c;background:#edf7f4;border-radius:10px;align-items:flex-start;gap:7px;margin-top:9px;padding:9px;font-size:12px;line-height:1.55;display:flex}.maple-compose-safety svg{flex:none}.maple-media-preview{border:1px solid #dfe7e5;border-radius:10px;align-items:center;gap:9px;margin-top:9px;padding:9px;display:flex}.maple-media-preview>span{color:#3d7f74;background:#e9f4f1;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.maple-media-preview>div{flex:1;gap:3px;display:grid}.maple-media-preview strong{font-size:12px}.maple-media-preview small{color:#919c98;font-size:12px}.maple-media-preview>button{color:#9c6c6c;background:0 0;font-size:12px}.maple-compose-modal>footer{justify-content:space-between;align-items:center;padding-top:12px;display:flex}.maple-compose-modal>footer>div{gap:4px;display:flex}.maple-compose-modal>footer>div button{color:#667872;background:#f0f4f3;border-radius:9px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.maple-publish{color:#fff;background:#2d8375;border-radius:10px;align-items:center;gap:6px;height:37px;padding:0 15px;font-size:12px;font-weight:750;display:flex}.maple-publish:disabled{opacity:.42;cursor:not-allowed}.maple-publish-review{background:linear-gradient(135deg,#eff9f6,#fffaf0);border:1px solid #cfe6df;border-radius:13px;gap:9px;margin-top:10px;padding:12px;display:grid}.maple-publish-review>span{color:#2e7e71;letter-spacing:.1em;font-size:12px;font-weight:850}.maple-publish-review>div{background:#fff;border-radius:10px;gap:5px;padding:11px;display:grid}.maple-publish-review em{color:#2b786c;background:#eaf5f2;border-radius:6px;width:max-content;padding:3px 6px;font-size:12px;font-style:normal;font-weight:800}.maple-publish-review strong{color:#263b35;font-size:12px}.maple-publish-review p{color:#61736d;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.6}.maple-publish-review>div small{color:#889691;align-items:center;gap:4px;font-size:12px;display:flex}.maple-publish-review>p{color:#36786d;align-items:center;gap:5px;font-size:12px;display:flex}.maple-compose-modal>footer>div .maple-back-edit{width:auto;padding:0 11px;font-size:12px}.maple-search-overlay{z-index:95;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#192c282e;justify-content:center;align-items:flex-start;padding-top:12px;display:flex;position:fixed;inset:72px 0 0}.maple-search-overlay>section{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(620px,100% - 24px);max-height:calc(100vh - 96px);padding:12px;overflow:auto;box-shadow:0 25px 70px #152b262e}.maple-search-overlay header{justify-content:space-between;align-items:center;padding:3px 3px 9px;display:flex}.maple-search-overlay header>div{color:#364943;align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.maple-search-filters{gap:5px;padding:0 2px 8px;display:flex;overflow-x:auto}.maple-search-filters button{color:#74827e;background:#f0f4f3;border-radius:8px;padding:6px 9px;font-size:12px}.maple-search-filters button.active{color:#fff;background:#2f8476}.maple-search-overlay>section>p{color:#8d9995;letter-spacing:.08em;margin:9px 8px 4px;font-size:12px;font-weight:850}.maple-search-overlay>section>button{color:#32443f;text-align:left;background:0 0;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;padding:9px;display:grid}.maple-search-overlay>section>button:hover{background:#f5f8f7}.search-symbol{background:#eaf3ff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.search-symbol svg{width:18px}.search-symbol.coral{background:#ffebe6}.search-symbol.mint{color:#287d70;background:#e8f5f1}.search-symbol.amber{background:#fff2d6}.maple-search-overlay>section>button>div{gap:4px;display:grid}.maple-search-overlay strong{font-size:12px}.maple-search-overlay small{color:#8c9894;font-size:12px}.maple-search-overlay>section>button>svg{color:#a2aca9;width:15px}.maple-search-note{color:#648078;background:#eff7f5;border-radius:9px;align-items:center;gap:6px;margin-top:8px;padding:9px;font-size:12px;display:flex}.maple-toast{z-index:120;color:#fff;background:#203f3a;border-radius:12px;align-items:center;gap:7px;padding:11px 14px;font-size:12px;font-weight:700;animation:.22s maple-toast-in;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 13px 35px #16342e3b}.maple-mobile-nav{display:none}@keyframes maple-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.maple-search-empty{color:#83918c;text-align:center;border:1px dashed #d8e5e1;border-radius:12px;justify-items:center;gap:7px;margin:7px 0;padding:26px 14px;display:grid}.maple-search-empty strong{color:#40534d;font-size:12px}.maple-search-empty p{margin:0;font-size:12px}.maple-search-empty button{color:#fff;background:#2f8476;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:750}@media (width<=1240px){.maple-topbar-inner,.maple-layout{width:min(1180px,100% - 32px)}.maple-layout{grid-template-columns:190px minmax(520px,1fr) 292px;gap:20px}.maple-brand{min-width:150px}.maple-left nav button{padding:0 10px}}@media (width<=1320px){.maple-layout{grid-template-columns:76px minmax(0,760px);justify-content:center}.maple-right{display:none}.maple-left nav button{justify-content:center;padding:0}.maple-left nav button span,.maple-left nav button i,.maple-city-card,.maple-campus-entry,.maple-side-foot,.maple-side-divider{display:none}.maple-layout.wide{grid-template-columns:76px minmax(0,1fr)}.maple-brand{min-width:auto}.maple-brand strong,.maple-brand em{display:none}.maple-area-button{max-width:170px}}@media (width<=820px){.maple-topbar{height:60px}.maple-topbar-inner{gap:8px;width:100%;padding:0 13px}.maple-brand>span{width:34px;height:34px}.maple-area-button{max-width:145px;height:35px;padding:0 8px}.maple-area-button span{max-width:95px}.maple-global-search{flex:none;justify-content:center;width:38px;height:38px;margin-left:auto;padding:0}.maple-global-search input,.maple-global-search kbd{display:none}.maple-global-search:focus-within{z-index:3;justify-content:flex-start;width:auto;max-width:none;padding:0 11px;position:absolute;left:12px;right:12px}.maple-global-search:focus-within input{display:block}.maple-language,.maple-compose-button{display:none}.maple-top-actions{gap:1px}.maple-layout,.maple-layout.wide,.maple-layout.admin{width:calc(100% - 28px);display:block}.maple-left{display:none}.maple-main{padding-top:14px;padding-bottom:90px}.maple-mobile-nav{z-index:70;height:70px;padding:0 8px max(5px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#fffffff5;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.maple-mobile-nav button{color:#8a9692;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:54px;font-size:12px;display:flex;position:relative}.maple-mobile-nav button svg{width:20px}.maple-mobile-nav button.active{color:#237568}.maple-mobile-nav .maple-mobile-compose{color:#fff;background:#2d8476;border:5px solid #f7f9f8;border-radius:50%;justify-self:center;width:50px;height:50px;margin-top:-25px;box-shadow:0 8px 19px #2d847647}.maple-mobile-nav button i{background:#ed6e6e;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:23%}.maple-search-overlay{inset:60px 0 0}.maple-compose-modal{max-height:calc(100vh - 16px)}.maple-toast{justify-content:center;bottom:82px;left:14px;right:14px}.account-page,.academic-page,.community-page,.life-page{min-height:calc(100vh - 144px)}}@media (width<=520px){.maple-area-button{max-width:132px}.maple-area-button span{max-width:83px}.maple-icon-button{display:none}.maple-compose-modal{padding:15px}.maple-compose-modal>header h2{font-size:18px}.maple-dynamic-grid,.maple-compose-options{grid-template-columns:1fr}.maple-search-overlay>section{padding:9px}.maple-search-overlay>section>button{padding:8px 5px}.maple-search-filters{scrollbar-width:none}}@media (width>=1321px){.maple-topbar-inner,.maple-layout{width:min(1720px,100% - 40px)}.maple-layout{grid-template-columns:232px minmax(0,1fr) 340px;gap:24px}.maple-layout.wide{grid-template-columns:232px minmax(0,1fr)}.maple-global-search{max-width:620px}}@media (width>=821px){.maple-area-button,.maple-global-search input{font-size:13px}.maple-global-search kbd,.maple-language,.maple-compose-button,.maple-avatar{font-size:12px}.maple-left nav button{min-height:46px;font-size:14px}.maple-city-card>div>span{font-size:12px}.maple-city-card strong{font-size:16px}.maple-city-card p,.maple-city-card button,.maple-campus-entry strong,.maple-campus-entry p,.maple-side-foot,.maple-rail-card>header span{font-size:12px}.maple-rail-card>header h3{font-size:16px}.maple-rail-card>header button,.maple-mini-event time,.maple-rail-main,.maple-mini-event strong,.maple-trending strong,.maple-circle-row strong,.maple-mini-event p,.maple-trending small,.maple-circle-row small,.maple-circle-row>button,.maple-rail-links,.maple-trending>button>span,.maple-trust-card strong,.maple-trust-card small{font-size:12px}}.maple-offline-banner{z-index:260;color:#765a28;background:#fff7e5;border:1px solid #e7cf9e;border-radius:12px;align-items:center;gap:7px;max-width:calc(100vw - 24px);padding:10px 14px;font-size:13px;font-weight:730;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #4e3d1f29}.maple-search-panel-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.maple-search-panel-header h3{color:#111827;margin:0;font-size:16px;font-weight:700}.maple-search-panel-header button{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.maple-search-panel-header button:hover{color:#111827;background:#e5e7eb}.maple-mobile-search-trigger,.maple-mobile-search-close,.maple-mobile-menu-layer{display:none}@media (width<=820px){.maple-mobile-search-trigger{color:#60716c;background:0 0;border-radius:12px;place-items:center;width:44px;min-width:44px;height:44px;margin-left:auto;padding:0;display:grid}.maple-mobile-search-trigger:hover,.maple-mobile-search-trigger:focus-visible{color:#247568;background:#edf5f2}.maple-global-search:not(.mobile-open){display:none}.maple-global-search.mobile-open{z-index:8;background:#fff;border-color:#84bfb3;justify-content:flex-start;width:auto;max-width:none;height:46px;margin:0;padding:0 50px 0 14px;display:flex;position:absolute;top:7px;left:12px;right:12px;box-shadow:0 9px 28px #1c453d26,0 0 0 4px #2f887a14}.maple-global-search.mobile-open input{width:100%;min-width:0;font-size:16px;display:block}.maple-global-search.mobile-open kbd{display:none}.maple-global-search.mobile-open~.maple-mobile-search-trigger{visibility:hidden}.maple-global-search.mobile-open~.maple-mobile-search-close{z-index:9;color:#657672;background:0 0;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:8px;right:14px}.maple-global-search.mobile-open~.maple-mobile-search-close:hover,.maple-global-search.mobile-open~.maple-mobile-search-close:focus-visible{color:#216f64;background:#edf5f2}.maple-mobile-nav>button{min-width:44px;min-height:54px}.maple-mobile-nav>button[aria-expanded=true]{color:#237568}.maple-mobile-menu-layer{z-index:85;display:block;position:fixed;inset:0}.maple-mobile-menu-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1327237a;width:100%;height:100%;padding:0;position:absolute;inset:0}.maple-mobile-menu{right:10px;bottom:calc(78px + env(safe-area-inset-bottom));max-height:calc(100svh - 108px - env(safe-area-inset-bottom));background:#fff;border:1px solid #dfe8e5;border-radius:24px;padding:18px;animation:.18s ease-out maple-mobile-menu-in;position:absolute;left:10px;overflow:auto;box-shadow:0 24px 70px #122e2847}.maple-mobile-menu>header{justify-content:space-between;align-items:flex-start;gap:16px;padding:0 2px 14px;display:flex}.maple-mobile-menu>header span{color:#327e72;letter-spacing:.12em;font-size:12px;font-weight:850;display:block}.maple-mobile-menu>header h2{color:#243a34;margin:5px 0 3px;font-size:22px;line-height:1.25}.maple-mobile-menu>header p{color:#71817c;margin:0;font-size:14px;line-height:1.5}.maple-mobile-menu>header>button{color:#697a75;background:#f0f4f3;border-radius:12px;place-items:center;width:44px;min-width:44px;height:44px;padding:0;display:grid}.maple-mobile-menu>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.maple-mobile-menu>div>button{color:#344b44;text-align:left;background:#fbfcfc;border:1px solid #e3eae8;border-radius:15px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:10px;display:grid}.maple-mobile-menu>div>button:hover,.maple-mobile-menu>div>button:focus-visible,.maple-mobile-menu>div>button.active{color:#216f64;background:#eaf6f2;border-color:#b8dbd3}.maple-mobile-menu>div>button>span{color:#327e72;background:#eaf5f2;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.maple-mobile-menu>div>button.active>span{color:#fff;background:#2d8375}.maple-mobile-menu>div>button strong{min-width:0;font-size:15px;line-height:1.3}.maple-mobile-menu>div>button>svg{color:#91a09b;width:17px}}@media (width<=430px){.maple-mobile-menu>div{grid-template-columns:1fr}.maple-mobile-menu{max-height:calc(100svh - 98px - env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.maple-mobile-menu{animation:none}}@keyframes maple-mobile-menu-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.system-state-page{color:#243834;gap:18px;width:min(980px,100%);margin:0 auto;padding:18px 0 48px;display:grid}.system-state-card{background:linear-gradient(145deg,#fff,#f7fbfa);border:1px solid #dfe9e6;border-radius:30px;grid-template-columns:minmax(260px,.78fr) minmax(340px,1.22fr);align-items:center;gap:44px;min-height:470px;padding:clamp(32px,6vw,72px);display:grid;box-shadow:0 24px 62px #2d4d461a}.system-state-art{color:#26796d;background:linear-gradient(145deg,#def4ed,#f5fbf9);border-radius:26px;place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.system-state-art:before,.system-state-art:after{content:"";border:1px solid #2d7e7124;border-radius:50%;width:190px;height:190px;position:absolute}.system-state-art:after{width:270px;height:110px;transform:rotate(-18deg)}.system-state-art svg{z-index:2;width:48px;height:48px;position:relative}.system-state-art>span{color:#255b533b;letter-spacing:-3px;font-size:52px;font-weight:900;position:absolute;bottom:16px;right:20px}.system-state-copy>span,.system-state-gallery>header span{color:#337f73;letter-spacing:.16em;font-size:12px;font-weight:850}.system-state-copy h1,.system-state-copy h2{color:#203733;letter-spacing:-1.4px;margin:9px 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.08}.system-state-copy p{color:#61736e;margin:0;font-size:16px;line-height:1.7}.system-state-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.system-state-actions button{color:#365c55;background:#fff;border:1px solid #d7e4e0;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:45px;padding:0 18px;font-size:14px;font-weight:780;display:flex}.system-state-actions button.primary{color:#fff;background:#277e71;border-color:#277e71;box-shadow:0 10px 24px #277e712e}.system-state-security{color:#366d63;background:#ecf7f3;border-radius:14px;align-items:flex-start;gap:10px;margin-top:19px;padding:14px;display:flex}.system-state-security>div{gap:3px;display:grid}.system-state-security strong{font-size:14px}.system-state-security small{color:#607a73;font-size:13px;line-height:1.5}.system-state-help{background:#fff;border:1px solid #e0e9e7;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex}.system-state-help>div{align-items:flex-start;gap:10px;display:flex}.system-state-help p{gap:3px;margin:0;display:grid}.system-state-help strong{font-size:14px}.system-state-help small{color:#74827e;font-size:13px;line-height:1.5}.system-state-help button{color:#287b70;background:0 0;align-items:center;gap:5px;font-size:14px;font-weight:750;display:flex}.system-state-gallery>header{align-items:flex-start;gap:22px;display:flex}.system-state-gallery>header>button{color:#657873;background:0 0;align-items:center;gap:6px;padding:8px 0;font-size:14px;display:flex}.system-state-gallery>header h1{color:#243a35;margin:6px 0;font-size:30px}.system-state-gallery>header p{color:#6c7e79;margin:0;font-size:15px}.system-state-gallery>nav{background:#fff;border:1px solid #e0e9e7;border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.system-state-gallery>nav button{color:#6a7b77;letter-spacing:.06em;background:0 0;border-radius:10px;min-height:38px;padding:0 13px;font-size:12px;font-weight:800}.system-state-gallery>nav button.active{color:#236f65;background:#eaf6f2}.system-state-gallery .system-state-card{min-height:420px}.system-state-card.is-coral .system-state-art{color:#a44e4d;background:linear-gradient(145deg,#fde9e5,#fff7f5)}.system-state-card.is-amber .system-state-art{color:#a06c22;background:linear-gradient(145deg,#fff0d4,#fffaf1)}.system-state-card.is-violet .system-state-art{color:#6951a7;background:linear-gradient(145deg,#ede8ff,#faf8ff)}.system-state-card.is-blue .system-state-art{color:#3475ba;background:linear-gradient(145deg,#e3f0ff,#f8fbff)}.system-state-card.is-access .system-state-art{color:#7256ac;background:linear-gradient(145deg,#ece6fa,#fbf9ff)}.system-state-card.is-not-found .system-state-art{color:#89713f;background:linear-gradient(145deg,#f8edcf,#fffbf1)}.system-skeleton{gap:9px;margin-top:20px;display:grid}.system-skeleton i{background:linear-gradient(90deg,#e4ece9 20%,#f7faf9 48%,#e4ece9 76%) 0 0/220% 100%;border-radius:7px;height:13px;animation:1.2s infinite system-shimmer}.system-skeleton i:nth-child(2){width:82%}.system-skeleton i:nth-child(3){width:56%}@keyframes system-shimmer{to{background-position:-220% 0}}.is-spinning{animation:1.3s linear infinite system-spin}@keyframes system-spin{to{transform:rotate(360deg)}}@media (width<=760px){.system-state-page{padding:8px 0 112px}.system-state-card{border-radius:22px;grid-template-columns:1fr;gap:25px;min-height:0;padding:22px}.system-state-art{min-height:170px}.system-state-copy h1,.system-state-copy h2{font-size:30px}.system-state-copy p{font-size:15px}.system-state-actions{display:grid}.system-state-actions button{width:100%}.system-state-help{flex-direction:column;align-items:flex-start}.system-state-gallery>header{gap:8px;display:grid}.system-state-gallery>nav{flex-wrap:nowrap;overflow-x:auto}.system-state-gallery>nav button{flex:none}}@media (prefers-reduced-motion:reduce){.system-skeleton i,.is-spinning{animation:none}}:root{color:#172235;font-synthesis:none;text-rendering:optimizelegibility;--blue:#3f8cff;--blue-dark:#216bd8;--blue-soft:#eaf3ff;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--success:#10b981;--success-soft:#ecfdf5;--warning:#f59e0b;--warning-soft:#fffbeb;--error:#ef4444;--error-soft:#fef2f2;--info:#6366f1;--info-soft:#eef2ff;--line:#e7ecf3;--muted:#748095;--panel:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow:0 8px 30px #1b35570e;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius:18px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;background:#f7f9fc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f7f9fc;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #3f8cff38}.app-shell{min-height:100vh}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #dee5efe6;height:72px;position:sticky;top:0}.topbar-inner{align-items:center;gap:20px;width:min(1440px,100% - 48px);height:100%;margin:0 auto;display:flex}.brand{color:#172235;align-items:center;gap:9px;min-width:176px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#63a7ff,#337de9);border-radius:11px 11px 11px 4px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 6px 18px #3782ee3b}.brand-name{letter-spacing:-.7px;font-size:21px;font-weight:800}.prototype-pill{color:#6e7a8d;background:#f0f3f7;border-radius:6px;padding:3px 6px;font-size:12px;font-weight:700}.campus-switcher-wrap{position:relative}.campus-switcher{color:#344056;white-space:nowrap;background:#f5f7fa;border-radius:12px;align-items:center;gap:8px;max-width:230px;height:40px;padding:0 12px;font-size:13px;font-weight:650;display:flex}.campus-switcher span{text-overflow:ellipsis;overflow:hidden}.popover{z-index:80;border:1px solid var(--line);background:#fff;position:absolute;box-shadow:0 18px 55px #1f2e4426}.campus-menu{border-radius:16px;width:285px;padding:10px;top:49px;left:0}.campus-menu>p{color:var(--muted);letter-spacing:.04em;margin:6px 8px 9px;font-size:12px;font-weight:700}.campus-menu>button{color:#364256;text-align:left;background:0 0;border-radius:10px;justify-content:space-between;gap:8px;width:100%;padding:11px 10px;font-size:13px;display:flex}.campus-menu>button:hover,.campus-menu>button.selected{color:var(--blue-dark);background:var(--blue-soft)}.menu-note{border-top:1px solid var(--line);color:#4b7d67;align-items:center;gap:7px;margin-top:8px;padding:10px;font-size:12px;display:flex}.global-search{color:#8a95a6;background:#f7f9fb;border:1px solid #e7ebf1;border-radius:13px;flex:1;align-items:center;gap:10px;max-width:480px;height:42px;margin-left:auto;padding:0 12px;transition:all .2s;display:flex}.global-search:focus-within{background:#fff;border-color:#9bc5ff;box-shadow:0 0 0 4px #3f8cff14}.global-search input{color:#243046;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.global-search input::placeholder{color:#9aa4b2}.global-search kbd{color:#9aa4b2;background:#fff;border:1px solid #dfe4eb;border-radius:5px;padding:3px 6px;font-family:inherit;font-size:12px}.top-actions{align-items:center;gap:7px;display:flex}.icon-button{color:#657187;background:0 0;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.icon-button:hover{color:#263247;background:#f1f4f8}.notification-button{position:relative}.notification-dot{background:#ff6b6b;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.language-button{color:#59657a;background:0 0;border-radius:10px;align-items:center;gap:5px;height:37px;padding:0 9px;font-size:12px;font-weight:650;display:flex}.language-button:hover{background:#f1f4f8}.compose-button{color:#fff;background:var(--blue);border-radius:12px;align-items:center;gap:7px;height:40px;padding:0 15px;font-size:13px;font-weight:700;display:flex;box-shadow:0 7px 16px #3f8cff38}.compose-button:hover{background:#2f80ed;transform:translateY(-1px)}.avatar-button{background:0 0;border-radius:50%;margin-left:2px;padding:0}.avatar{color:#265082;background:#e5f1ff;border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:inline-grid;box-shadow:0 0 0 1px #e5eaf1}.avatar-small{width:30px;height:30px;font-size:12px}.avatar-peach{color:#8a4d3b;background:linear-gradient(135deg,#ffd7bf,#ffc6d0)}.avatar-purple{color:#61418a;background:linear-gradient(135deg,#ece1ff,#dcd5ff)}.avatar-mint{color:#2d7967;background:linear-gradient(135deg,#d9f8ec,#cdeee8)}.layout{grid-template-columns:220px minmax(520px,720px) 318px;align-items:start;gap:28px;width:min(1440px,100% - 48px);margin:0 auto;display:grid}.left-sidebar,.right-rail{scrollbar-width:none;max-height:calc(100vh - 112px);position:sticky;top:92px;overflow:auto}.left-sidebar::-webkit-scrollbar{display:none}.right-rail::-webkit-scrollbar{display:none}.left-sidebar{padding-top:22px}.side-nav{gap:4px;display:grid}.side-nav button{color:#687388;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:13px;height:45px;padding:0 14px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.side-nav button:hover{color:#263247;background:#f0f3f8}.side-nav button.active{color:#216fd9;background:#eaf3ff;font-weight:750}.side-nav button .nav-count{color:#fff;background:var(--blue);border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:12px;display:grid}.sidebar-divider{background:var(--line);height:1px;margin:17px 10px}.campus-card{box-shadow:var(--shadow);background:#fff;border:1px solid #e5eaf1;border-radius:17px;overflow:hidden}.campus-card-art{background:linear-gradient(#cae6ff 0%,#eef7ff 70%);height:86px;position:relative;overflow:hidden}.campus-sun{background:#ffd567;border-radius:50%;width:23px;height:23px;position:absolute;top:17px;right:25px;box-shadow:0 0 0 8px #ffd56726}.campus-ground{background:#a7d9ca;border-radius:50% 50% 0 0;width:120%;height:56px;position:absolute;bottom:-25px;left:-10%}.campus-tower{clip-path:polygon(0 100%,0 25%,22% 25%,22% 8%,43% 8%,50% 0,57% 8%,78% 8%,78% 25%,100% 25%,100% 100%);background:#95aac2;width:42px;height:48px;position:absolute;bottom:20px;left:78px}.campus-card-content{padding:15px}.eyebrow{color:#6380a8;letter-spacing:.12em;font-size:12px;font-weight:800;display:block}.campus-card-content strong{margin-top:5px;font-size:16px;display:block}.campus-card-content p{color:var(--muted);margin:5px 0 11px;font-size:12px}.campus-card-content button{color:var(--blue-dark);background:0 0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:700;display:flex}.sidebar-footer{color:#9aa3b1;margin:17px 0;padding:0 10px;font-size:12px;line-height:1.65}.brand-button{text-align:left;background:0 0;border:0;padding:0}.feed-title-link{width:100%;color:inherit;text-align:left;background:0 0;padding:0;display:block}.feed-title-link:hover h3{color:var(--blue-dark)}.campus-sort{border:1px solid var(--line);background:#fff;border-radius:10px;gap:3px;padding:3px;display:flex}.campus-sort button{color:#8290a3;background:0 0;border-radius:7px;padding:6px 9px;font-size:12px;font-weight:750}.campus-sort button.active{color:#216bd8;background:#eaf3ff}.trust-note-button{text-align:left;border:0;width:100%}.layout.layout-wide{grid-template-columns:220px minmax(0,1fr)}.layout.layout-wide .main-content{max-width:none}.layout.layout-admin{grid-template-columns:minmax(0,1fr)}.layout.layout-admin .left-sidebar{display:none}.search-group-label{color:#8995a7;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px 5px;font-size:12px;font-weight:800}.compose-modal-expanded{width:min(650px,100vw - 32px);max-height:min(820px,100vh - 32px);overflow:auto}.compose-modal-expanded>header p{color:var(--muted);margin:4px 0 0;font-size:12px}.compose-types-scroll{scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important}.compose-types-scroll button{flex:none}.compose-author>div>span{color:#8995a7;margin-top:3px;font-size:12px;display:block}.compose-title-input{color:#263247;background:#fbfcfe;border:1px solid #e3e8ef;border-radius:11px;outline:0;width:100%;height:42px;margin-top:10px;padding:0 13px;font-size:12px;font-weight:700}.compose-title-input:focus{background:#fff;border-color:#9bc5ff}.compose-textarea-wrap{position:relative}.compose-textarea-wrap textarea{padding-bottom:28px}.compose-textarea-wrap>span{color:#a0a9b7;font-size:12px;position:absolute;bottom:10px;right:10px}.compose-dynamic-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0;display:grid}.compose-dynamic-grid label,.compose-options-row>label{color:#657287;gap:5px;font-size:12px;font-weight:750;display:grid}.compose-dynamic-grid input,.compose-dynamic-grid select,.compose-options-row select{color:#334056;background:#fff;border:1px solid #e1e6ed;border-radius:9px;outline:0;width:100%;height:37px;padding:0 9px;font-size:12px}.compose-options-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;margin:10px 0;display:grid}.anonymous-option{white-space:nowrap;background:#fff;border:1px solid #e1e6ed;border-radius:9px;grid-auto-flow:column;align-items:center;height:37px;padding:0 9px;color:#516078!important;gap:6px!important;display:flex!important}.anonymous-option.disabled{opacity:.48}.compose-limits{flex-wrap:wrap;gap:5px;margin:7px 0;display:flex}.compose-limits span{color:#7e8999;background:#f0f3f7;border-radius:7px;padding:4px 7px;font-size:12px}@media (width<=1040px){.layout.layout-wide{grid-template-columns:76px minmax(0,1fr)}.layout.layout-admin{grid-template-columns:minmax(0,1fr)}}@media (width<=820px){.layout.layout-wide,.layout.layout-admin{width:calc(100% - 28px);display:block}.compose-modal-expanded{max-height:calc(100vh - 20px)}}@media (width<=520px){.compose-dynamic-grid,.compose-options-row{grid-template-columns:1fr}.anonymous-option{width:100%}.compose-modal-expanded{width:calc(100vw - 16px)}}.main-content{min-width:0;padding:28px 0 64px}.welcome-strip{justify-content:space-between;align-items:flex-end;padding:3px 4px 22px;display:flex}.welcome-kicker{color:#7790b2;letter-spacing:.1em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.welcome-kicker>span{background:#57c19d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #57c19d1f}.welcome-strip h1{letter-spacing:-.7px;margin:8px 0 5px;font-size:27px;line-height:1.2}.welcome-strip h1 span{font-size:22px}.welcome-strip p{color:var(--muted);margin:0;font-size:13px}.weather-chip{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:9px 13px;display:flex}.weather-chip>span{color:#e99c20;font-size:21px;font-weight:750}.weather-chip div{display:grid}.weather-chip strong{font-size:12px}.weather-chip small{color:var(--muted);font-size:12px}.quick-section{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:18px 19px 19px}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading-row h2{letter-spacing:-.3px;margin:5px 0 0;font-size:18px}.text-button{color:#6c788c;background:0 0;align-items:center;gap:3px;padding:5px 0;font-size:12px;font-weight:650;display:flex}.text-button:hover{color:var(--blue-dark)}.quick-grid{grid-template-columns:repeat(7,1fr);gap:9px;margin-top:16px;display:grid}.quick-card{background:#f6f8fb;border:1px solid #0000;border-radius:13px;flex-direction:column;align-items:center;min-width:0;padding:11px 4px 9px;transition:transform .18s,box-shadow .18s;display:flex}.quick-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #263c5817}.quick-icon{border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.quick-card strong{color:#2d394d;margin-top:8px;font-size:12px}.quick-card small{color:#8a94a4;white-space:nowrap;margin-top:3px;font-size:12px}.quick-blue .quick-icon{color:#397ed9;background:#e6f1ff}.quick-purple .quick-icon{color:#7a63c6;background:#eeeaff}.quick-orange .quick-icon{color:#d67a43;background:#fff0e5}.quick-mint .quick-icon{color:#3e927b;background:#e2f7f0}.quick-yellow .quick-icon{color:#b88724;background:#fff5d9}.quick-pink .quick-icon{color:#be6882;background:#ffebf1}.quick-cyan .quick-icon{color:#3b8fa4;background:#e4f6fa}.feed-tabs-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:22px 2px 11px;display:flex}.feed-tabs{gap:25px;display:flex}.feed-tabs button{color:#7a8597;background:0 0;padding:10px 2px 12px;font-size:13px;font-weight:650;position:relative}.feed-tabs button.active{color:#1f2d42}.feed-tabs button.active:after{background:var(--blue);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.feed-filter{color:#718096;background:0 0;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;display:flex}.composer-preview{border:1px solid var(--line);color:#98a1ae;text-align:left;background:#fff;border-radius:16px;align-items:center;gap:12px;width:100%;padding:13px 15px;display:flex;box-shadow:0 5px 20px #1c2e4609}.composer-preview>span:nth-child(2){flex:1;font-size:12px}.composer-preview-action{color:#4a7ab7;background:#edf5ff;border-radius:10px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;font-weight:700;display:flex}.feed-list{gap:13px;margin-top:13px;display:grid}.feed-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 6px 24px #1c314c09}.post-header{align-items:center;gap:11px;padding:15px 17px 5px;display:flex}.post-author{flex:1;min-width:0}.post-author>div{align-items:center;gap:5px;display:flex}.post-author strong{font-size:12.5px}.post-author>span{color:#8c96a5;margin-top:3px;font-size:12px;display:block}.verified{color:#fff;background:var(--blue);vertical-align:-2px;border-radius:50%;place-items:center;width:14px;height:14px;display:inline-grid}.post-badge{border-radius:8px;padding:5px 8px;font-size:12px;font-weight:750}.badge-question{color:#5779a5;background:#eaf3ff}.badge-event{color:#a8663b;background:#fff0e5}.badge-lost{color:#99711e;background:#fff4d8}.more-button{margin-left:-2px}.post-body{padding:5px 17px 10px 66px}.post-body h3{color:#202d42;letter-spacing:-.15px;margin:4px 0 7px;font-size:16px;line-height:1.45}.post-body p{color:#5f6b7f;margin:0;font-size:12px;line-height:1.8}.tag-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag-row span{color:#5d81ae;background:#f0f6fd;border-radius:7px;padding:4px 7px;font-size:12px}.post-actions{border-top:1px solid #eff2f6;align-items:center;gap:5px;margin:0 17px;padding:8px 14px;display:flex}.post-actions button{color:#7d8899;background:0 0;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 9px;font-size:12px;display:flex}.post-actions button:hover{color:#3e546e;background:#f4f7fa}.post-actions .like-active{color:#eb6474}.post-actions .save-action{margin-left:auto}.post-actions .save-action.active{color:#4c86d0}.event-visual{color:#fff;background:radial-gradient(circle at 76% 24%,#ffffff42 0 3%,#0000 3.5%),linear-gradient(125deg,#ff9a77 0%,#f4b065 40%,#6a6fd0 100%);border-radius:14px;height:205px;margin-top:13px;position:relative;overflow:hidden}.event-visual:before{content:"";background:#252e6747;border-radius:50%;width:73%;height:98%;position:absolute;bottom:-53%;right:-5%}.event-visual-copy{z-index:2;display:grid;position:absolute;top:26px;left:28px}.event-visual-copy span{letter-spacing:.18em;font-size:12px;font-weight:800}.event-visual-copy strong{letter-spacing:-.8px;margin-top:8px;font-size:30px;line-height:.95}.event-visual-copy small{letter-spacing:.14em;margin-top:10px;font-size:12px}.event-orbit{border:1px solid #ffffff6b;border-radius:50%;position:absolute}.orbit-one{width:230px;height:100px;top:40px;right:-20px;transform:rotate(-25deg)}.orbit-two{width:170px;height:70px;top:56px;right:5px;transform:rotate(35deg)}.event-runner{width:70px;height:110px;position:absolute;bottom:15px;right:70px;transform:rotate(-7deg)}.event-runner:before{content:"";background:#313c68;border-radius:50%;width:23px;height:23px;position:absolute;top:0;left:26px}.event-runner:after{content:"";background:#344671;border-radius:18px 18px 6px 6px;width:40px;height:49px;position:absolute;top:21px;left:19px;transform:rotate(-12deg)}.event-runner span:first-child,.event-runner span:last-child{background:#2c365d;border-radius:8px;width:11px;height:55px;position:absolute;top:65px;left:30px;transform:rotate(25deg)}.event-runner span:last-child{left:48px;transform:rotate(-32deg)}.lost-match-card{background:#fffaf0;border:1px solid #f2dda7;border-radius:12px;align-items:center;gap:11px;margin-top:13px;padding:11px 12px;display:flex}.lost-icon{color:#ad7c1d;background:#fff0c8;border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.lost-match-card div{gap:3px;display:grid}.lost-match-card small{color:#ad7c1d;font-size:12px;font-weight:700}.lost-match-card strong{font-size:12px}.lost-match-card button{color:#926713;background:#ffedbb;border-radius:8px;margin-left:auto;padding:6px 9px;font-size:12px;font-weight:700}.right-rail{padding-top:28px;padding-bottom:40px}.rail-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:13px;padding:17px}.rail-heading{justify-content:space-between;align-items:center;display:flex}.rail-heading h3{margin:4px 0 0;font-size:15px}.mini-event{border-bottom:1px solid #eff2f6;grid-template-columns:42px 1fr 8px;align-items:center;gap:9px;padding:13px 0;display:grid}.mini-event-time{color:#60708a;font-size:12px;font-weight:750}.mini-event div strong{font-size:12px;display:block}.mini-event div p{color:#929baa;align-items:center;gap:3px;margin:4px 0 0;font-size:12px;display:flex}.mini-dot{border-radius:50%;width:7px;height:7px}.dot-orange{background:#f7a36e}.dot-purple{background:#9a83da}.calendar-button{color:#4379bb;background:#edf5ff;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;height:34px;margin-top:13px;font-size:12px;font-weight:700;display:flex}.rail-zap{color:#f6a847}.trending-card>button{color:#243147;text-align:left;background:0 0;border-bottom:1px solid #f0f2f6;grid-template-columns:24px 1fr 18px;align-items:center;gap:7px;width:100%;padding:11px 0;display:grid}.trending-card>button:last-child{border-bottom:0;padding-bottom:0}.trending-card>button>span{color:#a6afbd;font-size:12px;font-weight:800}.trending-card>button div{gap:3px;display:grid}.trending-card>button strong{font-size:12px}.trending-card>button small{color:#9aa3b0;font-size:12px}.trending-card>button svg{color:#b0b7c2}.group-row{align-items:center;gap:9px;padding-top:13px;display:flex}.group-emoji{border-radius:11px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.group-blue{background:#e6f1ff}.group-mint{background:#e1f6ef}.group-purple{background:#eee9ff}.group-row div{flex:1;gap:3px;min-width:0;display:grid}.group-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.group-row small{color:#929baa;font-size:12px}.group-row>button{color:#477dbf;background:#edf5ff;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700}.trust-note{color:#7e8999;gap:9px;padding:4px 8px;display:flex}.trust-note svg{color:#62a18e;flex:none}.trust-note p{margin:0;font-size:12px;line-height:1.6}.trust-note strong{color:#5d6a7e}.rail-links{color:#a0a8b4;flex-wrap:wrap;gap:9px;padding:12px 8px;font-size:12px;display:flex}.rail-links small{width:100%}.page-view{min-height:760px}.page-view h1{letter-spacing:-1px;margin:7px 0;font-size:31px;line-height:1.15}.page-view>p,.page-view h1+p{color:var(--muted);font-size:13px}.page-hero{border-radius:22px;overflow:hidden}.discover-hero{background:linear-gradient(135deg,#e7f3ff,#eff9f6);grid-template-columns:1.15fr .85fr;align-items:center;min-height:230px;padding:32px 34px;display:grid}.discover-hero>div:first-child{z-index:2;position:relative}.discover-hero p{color:#5e7187;margin:0 0 20px;font-size:12px}.discover-hero label{color:#7291ad;background:#ffffffdb;border:1px solid #c1d6e7cc;border-radius:13px;align-items:center;gap:9px;width:100%;height:45px;padding:0 12px;display:flex;box-shadow:0 8px 25px #4a6a8514}.discover-hero input{color:#344257;background:0 0;border:0;outline:0;width:100%;font-size:12px}.discover-illustration{height:190px;position:relative}.illustration-sun{background:#ffd66d;border-radius:50%;width:47px;height:47px;position:absolute;top:14px;right:20px;box-shadow:0 0 0 13px #ffd66d2e}.illustration-building{background:#7798b3;position:absolute;bottom:18px}.illustration-building:after{content:"";background:repeating-linear-gradient(90deg,#fff9 0 4px,#0000 4px 10px);position:absolute;inset:9px 7px}.b1{clip-path:polygon(0 100%,0 24%,35% 24%,35% 8%,50% 0,65% 8%,65% 24%,100% 24%,100% 100%);width:86px;height:83px;left:26px}.b2{background:#97b4c9;width:73px;height:58px;left:112px}.illustration-tree{background:#75b39b;border-radius:50% 50% 35% 35%;width:28px;height:51px;position:absolute;bottom:16px}.illustration-tree:after{content:"";background:#6e806c;width:4px;height:18px;position:absolute;bottom:-13px;left:12px}.t1{left:5px}.t2{right:12px;transform:scale(.8)}.illustration-person{background:#4c6a8b;border-radius:10px 10px 5px 5px;width:17px;height:52px;position:absolute;bottom:5px}.illustration-person:before{content:"";background:#e0a984;border-radius:50%;width:15px;height:15px;position:absolute;top:-15px;left:1px}.illustration-person:after{content:"";background:#4c6a8b;border-radius:5px;width:32px;height:7px;position:absolute;top:17px;left:-8px;transform:rotate(18deg)}.p1{left:205px}.p2{background:#c57477;height:45px;left:239px;transform:scale(.9)}.category-chips{gap:8px;margin:18px 0 25px;display:flex}.category-chips button{border:1px solid var(--line);color:#6f7b8e;background:#fff;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:650}.category-chips button.active{color:#246ecf;background:#eaf3ff;border-color:#90bcf7}.discover-section{margin-top:27px}.feature-grid{grid-template-columns:1.2fr .8fr;gap:13px;margin-top:15px;display:grid}.feature-card{border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:16px;padding:0;overflow:hidden}.feature-photo{height:135px;position:relative;overflow:hidden}.feature-card-main .feature-photo{height:174px}.abstract-photo-one{background:linear-gradient(150deg,#caebff,#9ec5ee 46%,#607fa7)}.abstract-photo-two{background:linear-gradient(150deg,#f0d8bd,#d8a981 52%,#806e83)}.photo-sticker{z-index:3;color:#344256;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe0;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.abstract-court{border:2px solid #fff9;border-radius:50%;width:90%;height:130%;position:absolute;bottom:-55%;right:-15%;transform:rotate(-18deg)}.abstract-court:before,.abstract-court:after{content:"";background:#ffffff80;position:absolute}.abstract-court:before{width:100%;height:2px;top:49%;left:0}.abstract-court:after{width:2px;height:100%;top:0;left:50%}.abstract-books{background:linear-gradient(90deg,#7d7390 0 20%,#0000 20% 24%,#b07165 24% 47%,#0000 47% 52%,#578195 52% 78%,#0000 78% 82%,#c29762 82%);width:105px;height:90px;position:absolute;bottom:0;right:30px;transform:skewY(-5deg)}.feature-copy{padding:13px 14px 14px}.feature-tag{color:#5682b6;font-size:12px;font-weight:750}.feature-copy h3{margin:6px 0 7px;font-size:13px;line-height:1.45}.feature-copy p{color:#8993a3;align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.group-list-wide{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.group-wide-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:13px;display:flex}.group-wide-card>div{flex:1;min-width:0}.group-wide-card strong{font-size:12px;display:block}.group-wide-card p{color:#8a95a4;margin:4px 0 0;font-size:12px}.group-wide-card>button{color:#3478ce;background:#eaf3ff;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.academic-heading{justify-content:space-between;align-items:flex-end;padding:5px 3px 23px;display:flex}.academic-heading p{color:var(--muted);margin:0;font-size:12px}.academic-badge{color:#41816f;background:#eef9f5;border:1px solid #d8ecdf;border-radius:13px;align-items:center;gap:9px;padding:10px 13px;display:flex}.academic-badge div{gap:2px;display:grid}.academic-badge strong{font-size:12px}.academic-badge span{color:#6e9288;font-size:12px}.academic-search{color:#7891af;height:54px;box-shadow:var(--shadow);background:#fff;border:1px solid #dce5ef;border-radius:16px;align-items:center;gap:10px;padding:0 8px 0 16px;display:flex}.academic-search input{color:#334057;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.academic-search button{color:#fff;background:var(--blue);border-radius:11px;height:38px;padding:0 17px;font-size:12px;font-weight:700}.academic-actions{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 29px;display:grid}.academic-actions>button{border:1px solid var(--line);color:#4c79ad;text-align:left;background:#fff;border-radius:14px;align-items:center;gap:9px;padding:13px;display:flex}.academic-actions>button>span{flex:1;gap:3px;min-width:0;display:grid}.academic-actions strong{color:#344157;font-size:12px}.academic-actions small{color:#919baa;font-size:12px}.course-section{margin-top:12px}.course-list{gap:9px;margin-top:15px;display:grid}.course-card{border:1px solid var(--line);color:#6a768a;text-align:left;background:#fff;border-radius:14px;grid-template-columns:74px 1fr auto 18px;align-items:center;gap:13px;width:100%;padding:14px;transition:transform .18s,box-shadow .18s;display:grid}.course-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.course-code{border-radius:12px;place-items:center;width:67px;height:49px;font-size:13px;font-weight:800;display:grid}.course-blue{color:#3778c9;background:#e7f2ff}.course-mint{color:#3d8c77;background:#e4f6f0}.course-purple{color:#725ab9;background:#eeeaff}.course-main{gap:4px;display:grid}.course-main strong{color:#2e3b50;font-size:12px}.course-main>span{color:#919baa;font-size:12px}.course-tags{gap:5px;margin-top:3px;display:flex}.course-tags em{color:#6880a0;background:#f1f5fa;border-radius:5px;padding:3px 5px;font-size:12px;font-style:normal}.course-rating{justify-items:end;gap:3px;display:grid}.course-rating span{color:#e69c2d;align-items:center;gap:3px;font-size:12px;font-weight:750;display:flex}.course-rating small{color:#949eac;font-size:12px}.integrity-note{color:#ae8028;background:#fffaf0;border:1px solid #f1dfab;border-radius:13px;gap:10px;margin-top:18px;padding:13px 15px;display:flex}.integrity-note div{gap:4px;display:grid}.integrity-note strong{font-size:12px}.integrity-note p{color:#8f7851;margin:0;font-size:12px;line-height:1.6}.module-hero{background:#eaf3ff;border-radius:22px;justify-content:space-between;align-items:center;min-height:190px;padding:31px 35px;display:flex}.module-hero p{color:#62748b;margin:0 0 19px;font-size:12px}.module-hero button{color:#fff;background:var(--blue);border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.module-hero-icon{color:#5c91d3;background:#ffffff8c;border-radius:36px 36px 36px 12px;place-items:center;width:118px;height:118px;display:grid;transform:rotate(4deg)}.module-purple .module-hero{background:#f0ebff}.module-purple .module-hero-icon{color:#856bcc}.module-purple .module-hero button{background:#8066c9}.module-mint .module-hero{background:#e7f7f2}.module-mint .module-hero-icon{color:#4d9c86}.module-mint .module-hero button{background:#45917d}.module-orange .module-hero{background:#fff0e6}.module-orange .module-hero-icon{color:#d77b48}.module-orange .module-hero button{background:#dc7d46}.module-yellow .module-hero{background:#fff6dd}.module-yellow .module-hero-icon{color:#b58a2b}.module-yellow .module-hero button{background:#b78a2a}.module-pink .module-hero{background:#ffedf2}.module-pink .module-hero-icon{color:#c8718b}.module-pink .module-hero button{background:#c76d87}.module-toolbar{gap:9px;margin:18px 0;display:flex}.module-toolbar label{border:1px solid var(--line);color:#8b96a5;background:#fff;border-radius:12px;flex:1;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.module-toolbar input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.module-toolbar>button{border:1px solid var(--line);color:#687488;background:#fff;border-radius:12px;align-items:center;gap:6px;padding:0 14px;font-size:12px;display:flex}.module-list{gap:10px;display:grid}.module-list-card{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:48px 1fr 38px;align-items:center;gap:12px;padding:16px;display:grid}.module-list-icon{color:#4f85c6;background:#eaf3ff;border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.module-list-purple{color:#8067c3;background:#eeeaff}.module-list-mint{color:#46947f;background:#e3f6ef}.module-list-orange{color:#d27d4c;background:#fff0e6}.module-list-yellow{color:#a97d24;background:#fff5d8}.module-list-pink{color:#bd6882;background:#ffebf1}.module-card-meta{align-items:center;gap:8px;display:flex}.module-card-meta span{color:#5781b3;font-size:12px;font-weight:700}.module-card-meta small{color:#9ba4b1;font-size:12px}.module-list-card h3{margin:5px 0;font-size:13px}.module-list-card p{color:#6f7a8b;margin:0;font-size:12px;line-height:1.55}.module-arrow{color:#7d899a;background:#f4f6f9;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#141f2f5c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.compose-modal{background:#fff;border-radius:22px;width:min(560px,100%);padding:22px;animation:.2s modal-in;box-shadow:0 30px 90px #16233638}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.compose-modal>header{justify-content:space-between;align-items:center;display:flex}.compose-modal h2{margin:5px 0 0;font-size:21px}.compose-types{gap:7px;margin:18px 0;display:flex;overflow-x:auto}.compose-types button{color:#748095;white-space:nowrap;background:#f3f5f8;border-radius:9px;padding:7px 11px;font-size:12px}.compose-types button.active{color:#2c73cf;background:#eaf3ff;font-weight:700}.compose-author{align-items:center;gap:10px;display:flex}.compose-author>div{gap:4px;display:grid}.compose-author strong{font-size:12px}.compose-author div>button{color:#8590a1;background:0 0;align-items:center;gap:3px;padding:0;font-size:12px;display:flex}.compose-modal textarea{resize:none;color:#354157;border:0;outline:0;width:100%;min-height:155px;padding:16px 0;font-size:14px;line-height:1.7}.compose-modal textarea::placeholder{color:#a6aeba}.compose-safety{color:#6d8b82;background:#eff8f5;border-radius:9px;align-items:center;gap:6px;padding:9px 10px;font-size:12px;display:flex}.compose-modal>footer{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.compose-modal>footer>div{display:flex}.compose-modal>footer>div button{color:#6d7a8e;background:0 0;border-radius:9px;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.publish-submit{color:#fff;background:var(--blue);border-radius:10px;align-items:center;gap:6px;padding:10px 17px;font-size:12px;font-weight:700;display:flex}.publish-submit:disabled{opacity:.4;cursor:not-allowed}.toast{z-index:120;color:#3e745f;background:#f5fcf9f5;border:1px solid #d9e6df;border-radius:12px;align-items:center;gap:8px;padding:12px 15px;font-size:12px;font-weight:650;animation:.25s toast-in;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 15px 50px #233e3229}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.search-overlay{z-index:45;background:#19243640;position:fixed;inset:72px 0 0}.search-panel{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(480px,100% - 32px);margin:8px auto;padding:10px;box-shadow:0 20px 70px #1f2f462e}.search-panel-head{border-bottom:1px solid var(--line);color:#778296;justify-content:space-between;align-items:center;padding:4px 4px 9px 10px;font-size:12px;display:flex}.search-panel>button{color:#718096;text-align:left;background:0 0;border-radius:11px;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.search-panel>button:hover{background:#f6f8fb}.search-result-icon{border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.result-blue{color:#4b84c8;background:#eaf3ff}.result-orange{color:#d47b49;background:#fff0e6}.result-mint{color:#47927d;background:#e5f6f0}.search-panel>button div{gap:3px;display:grid}.search-panel>button strong{color:#344156;font-size:12px}.search-panel>button small{color:#929caa;font-size:12px}.mobile-nav{display:none}@media (width<=1240px){.layout{grid-template-columns:205px minmax(500px,1fr) 294px;gap:20px}.topbar-inner,.layout{width:min(1180px,100% - 32px)}.quick-grid{grid-template-columns:repeat(4,1fr)}.quick-card{text-align:left;flex-direction:row;justify-content:flex-start;gap:7px;padding:7px}.quick-card strong{margin:0}.quick-card small{display:none}.quick-icon{width:32px;height:32px}}@media (width<=1040px){.layout{grid-template-columns:205px minmax(0,720px);max-width:980px}.right-rail{display:none}.global-search{max-width:360px}}@media (width<=820px){body{background:#f6f8fb}.topbar{height:60px}.topbar-inner{gap:9px;width:100%;padding:0 14px}.brand{min-width:auto}.brand-name{font-size:19px}.prototype-pill,.global-search,.language-button,.compose-button,.avatar-button{display:none}.campus-switcher-wrap{margin-left:auto}.campus-switcher{max-width:170px;height:35px;padding:0 9px;font-size:12px}.campus-switcher svg:first-child{display:none}.top-actions{gap:0}.notification-button{display:grid}.campus-menu{left:auto;right:-35px}.layout{width:100%;display:block}.left-sidebar{display:none}.main-content{padding:17px 14px 94px}.welcome-strip{align-items:center;padding:5px 2px 18px}.welcome-strip h1{font-size:24px}.welcome-strip p{font-size:12px}.weather-chip{padding:7px 9px}.weather-chip>span{font-size:17px}.weather-chip div{display:none}.quick-section{box-shadow:none;border-left:0;border-right:0;border-radius:0;margin:0 -14px;padding:17px 14px}.quick-grid{scrollbar-width:none;grid-template-columns:repeat(7,72px);gap:7px;overflow-x:auto}.quick-grid::-webkit-scrollbar{display:none}.quick-card{text-align:center;flex-direction:column;justify-content:center;gap:0;min-height:78px;padding:8px 3px}.quick-card strong{margin-top:6px;font-size:12px}.feed-tabs-row{margin-top:16px}.feed-tabs{justify-content:space-around;gap:0;width:100%}.feed-tabs button{min-width:54px}.feed-filter{display:none}.composer-preview{padding:11px}.composer-preview>span:nth-child(2){font-size:12px}.composer-preview-action{padding:7px 9px}.composer-preview-action svg{display:none}.post-header{padding:13px 13px 4px}.post-body{padding:5px 13px 9px}.post-body h3{font-size:15px}.post-body p{font-size:12px}.post-actions{margin:0 10px;padding:7px 2px}.event-visual{height:190px}.event-visual-copy{left:20px}.event-visual-copy strong{font-size:27px}.post-badge{margin-left:auto}.more-button{display:none}.mobile-nav{z-index:60;height:70px;padding:0 8px max(5px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#fffffff2;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#8b95a5;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:55px;font-size:12px;display:flex;position:relative}.mobile-nav button.active{color:var(--blue-dark)}.mobile-nav .mobile-compose{color:#fff;background:var(--blue);border:5px solid #f6f8fb;border-radius:50%;justify-self:center;width:48px;height:48px;margin-top:-25px;box-shadow:0 8px 20px #3f8cff4d}.mobile-nav button i{background:#ff6b6b;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:22%}.page-view h1{font-size:27px}.discover-hero{grid-template-columns:1fr;min-height:215px;padding:26px 23px}.discover-illustration{opacity:.28;width:240px;position:absolute;right:10px}.discover-hero p{max-width:78%}.discover-hero label{position:relative}.feature-grid,.group-list-wide{grid-template-columns:1fr}.feature-card-main .feature-photo,.feature-photo{height:145px}.academic-heading{align-items:flex-start}.academic-badge{padding:8px}.academic-badge div{display:none}.academic-actions{grid-template-columns:1fr}.course-card{grid-template-columns:63px 1fr 18px;gap:9px;padding:11px}.course-code{width:60px}.course-rating,.course-tags{display:none}.module-hero{min-height:178px;padding:25px}.module-hero-icon{opacity:.75;border-radius:27px 27px 27px 10px;width:87px;height:87px}.module-hero-icon svg{width:43px}.module-list-card{grid-template-columns:43px 1fr;padding:13px}.module-arrow{display:none}.compose-modal{padding:18px}.toast{justify-content:center;bottom:85px;left:14px;right:14px}.search-overlay{top:60px}}@media (width<=460px){.brand-mark{width:32px;height:32px}.brand-name{display:none}.campus-switcher{max-width:190px}.welcome-strip p{max-width:245px}.weather-chip,.quick-section .section-heading-row .text-button{display:none}.post-author>span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.post-badge{padding:4px 6px}.post-actions button{padding:0 7px}.post-actions button:nth-child(3){font-size:0}.lost-match-card strong{font-size:12px}.lost-match-card button{display:none}.discover-hero p{max-width:90%}.category-chips{overflow-x:auto}.academic-badge{display:none}.academic-heading{padding-top:2px}.module-hero{padding:23px 20px}.module-hero-icon{width:68px;height:68px}.module-hero-icon svg{width:34px}.module-hero p{max-width:235px}}.image-viewer-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-viewer-container{flex-direction:column;width:100%;height:100%;display:flex}.image-viewer-header{color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.image-viewer-actions{align-items:center;gap:16px;display:flex}.image-viewer-actions button,.image-viewer-actions a{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .2s}.image-viewer-actions button:hover,.image-viewer-actions a:hover{background:#ffffff1a}.image-viewer-content{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-viewer-image{object-fit:contain;cursor:zoom-in;max-width:90%;max-height:80vh;transition:transform .2s}.image-viewer-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-viewer-nav:hover{background:#fff3}.image-viewer-nav.prev{left:24px}.image-viewer-nav.next{right:24px}.image-viewer-thumbs{justify-content:center;gap:8px;padding:16px;display:flex;overflow-x:auto}.image-viewer-thumbs button{cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;border-radius:8px;width:60px;height:60px;padding:0;transition:all .2s;overflow:hidden}.image-viewer-thumbs button.active{opacity:1;border-color:#3b82f6}.image-viewer-thumbs button:hover{opacity:1}.image-viewer-thumbs img{object-fit:cover;width:100%;height:100%}img{background:#f3f4f6;transition:opacity .3s}.page-view{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-retry-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.error-retry-container h3{color:#111827;margin:16px 0 8px}.error-retry-container p{color:#6b7280;margin-bottom:16px}.error-retry-container button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 24px;font-size:14px}.maple-search-history,.maple-search-hot{padding:16px 20px}.maple-search-history h3,.maple-search-hot h3{color:#374151;margin-bottom:12px;font-size:14px;font-weight:600}.maple-search-tags{flex-wrap:wrap;gap:8px;display:flex}.maple-search-tag{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .2s;display:inline-flex}.maple-search-tag:hover{background:#e5e7eb;border-color:#d1d5db}.maple-search-tag.hot{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.maple-search-tag.hot:hover{background:#ffedd5}.hot-rank{color:#fff;background:#9ca3af;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:inline-flex}.hot-rank.rank-1{background:#ef4444}.hot-rank.rank-2{background:#f97316}.hot-rank.rank-3{background:#f59e0b}.maple-search-clear{color:#6b7280;cursor:pointer;background:0 0;border:1px dashed #d1d5db;border-radius:16px;padding:6px 12px;font-size:12px;transition:all .2s}.maple-search-clear:hover{color:#ef4444;border-color:#fca5a5}.maple-search-empty{color:#9ca3af;padding:8px 0;font-size:13px}.confirm-dialog-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px 24px 24px;animation:.3s slideUp;position:relative;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s;position:absolute;top:12px;right:12px}.confirm-dialog-close:hover{color:#4b5563;background:#f3f4f6}.confirm-dialog-icon{justify-content:center;margin-bottom:16px;display:flex}.confirm-dialog-title{color:#111827;margin-bottom:8px;font-size:18px;font-weight:600}.confirm-dialog-message{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.6}.confirm-dialog-actions{gap:12px;display:flex}.confirm-dialog-cancel,.confirm-dialog-confirm{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.confirm-dialog-cancel{color:#4b5563;background:#f3f4f6}.confirm-dialog-cancel:hover{background:#e5e7eb}.confirm-dialog-confirm{color:#fff}.confirm-dialog-confirm:hover{opacity:.9;transform:translateY(-1px)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-state-icon{color:#9ca3af;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.empty-state h3{color:#374151;margin-bottom:8px;font-size:16px;font-weight:600}.empty-state p{color:#9ca3af;max-width:280px;margin-bottom:20px;font-size:14px}.empty-state button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:10px 24px;font-size:14px;transition:all .2s}.empty-state button:hover{background:#2563eb}.follow-list-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.follow-list-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:80vh;display:flex;box-shadow:0 20px 60px #0003}.follow-list-modal header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.follow-list-modal header h3{color:#111827;font-size:16px;font-weight:600}.follow-list-modal header button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.follow-list-modal header button:hover{color:#4b5563;background:#f3f4f6}.follow-list-content{padding:8px;overflow-y:auto}.follow-list-item{border-radius:12px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.follow-list-item:hover{background:#f9fafb}.follow-list-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex}.follow-list-info{flex:1;min-width:0}.follow-list-info strong{color:#111827;margin-bottom:2px;font-size:14px;font-weight:600;display:block}.follow-list-info p{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.follow-list-item button{cursor:pointer;color:#3b82f6;background:#fff;border:1px solid #3b82f6;border-radius:16px;flex-shrink:0;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.follow-list-item button:hover{background:#eff6ff}.follow-list-item button.following{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.follow-list-item button.following:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.maple-user-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 0;display:flex}.maple-user-row:last-child{border-bottom:none}.maple-user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.maple-user-row>div{flex:1;min-width:0}.maple-user-row strong{color:#111827;margin-bottom:2px;font-size:13px;font-weight:600;display:block}.maple-user-row small{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.maple-user-row button{cursor:pointer;color:#3b82f6;background:#fff;border:1px solid #3b82f6;border-radius:14px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s}.maple-user-row button:hover{background:#eff6ff}.maple-user-row button.following{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.maple-user-row button.following:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.edit-profile-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.edit-profile-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;box-shadow:0 20px 60px #0003}.edit-profile-modal header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.edit-profile-modal header h3{color:#111827;font-size:16px;font-weight:600}.edit-profile-modal header button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px}.edit-profile-modal header button:hover{color:#4b5563;background:#f3f4f6}.edit-profile-content{padding:20px;overflow-y:auto}.edit-profile-avatar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.edit-profile-avatar .profile-avatar{width:64px;height:64px;font-size:24px}.edit-profile-avatar button{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:13px}.edit-profile-avatar button:hover{background:#e5e7eb}.edit-profile-content label{margin-bottom:16px;display:block}.edit-profile-content label span{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.edit-profile-content input,.edit-profile-content textarea{color:#111827;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.edit-profile-content input:focus,.edit-profile-content textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.edit-profile-content textarea{resize:vertical;font-family:inherit}.edit-profile-modal footer{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.edit-profile-modal footer button{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.edit-profile-modal footer button:hover{background:#f9fafb}.edit-profile-modal footer button.primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.edit-profile-modal footer button.primary:hover{background:#2563eb}.profile-history-list{background:#fff;border-radius:12px;margin-top:12px;padding:8px}.profile-history-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:background .2s;display:flex}.profile-history-item:hover{background:#f9fafb}.profile-history-info{flex:1;min-width:0}.profile-history-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:500;display:block;overflow:hidden}.profile-history-info small{color:#9ca3af;font-size:12px}.profile-history-item svg{color:#d1d5db;flex-shrink:0}.profile-clear-history{color:#6b7280;cursor:pointer;background:0 0;border:1px dashed #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:12px;font-size:13px;transition:all .2s;display:flex}.profile-clear-history:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.block-list-modal{max-width:480px}.block-list-desc{color:#6b7280;margin:0 0 16px;font-size:13px;line-height:1.6}.block-list-content{max-height:400px;overflow-y:auto}.block-list-item{background:#f9fafb;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.block-list-avatar{color:#fff;background:linear-gradient(135deg,#6b7280,#9ca3af);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.block-list-info{flex:1;min-width:0}.block-list-info strong{color:#111827;margin-bottom:2px;font-size:14px;font-weight:600;display:block}.block-list-info small{color:#9ca3af;font-size:12px}.unblock-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-shrink:0;padding:6px 12px;font-size:12px;transition:all .2s}.unblock-button:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.maple-search-suggestions{border-bottom:1px solid #f3f4f6;padding:12px 20px}.maple-search-suggestions-title{color:#9ca3af;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.maple-search-suggestion-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;transition:background .2s;display:flex}.maple-search-suggestion-item:hover{background:#f9fafb}.maple-search-suggestion-item svg{color:#9ca3af;flex-shrink:0}.error-state-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.error-state-icon{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.error-state-title{color:#111827;margin-bottom:8px;font-size:18px;font-weight:600}.error-state-message{color:#6b7280;max-width:320px;margin-bottom:24px;font-size:14px;line-height:1.6}.error-state-actions{gap:12px;display:flex}.error-state-retry{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.error-state-retry:hover{background:#2563eb}.error-state-back{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.error-state-back:hover{background:#f9fafb}.discover-page{max-width:800px;margin:0 auto;padding:20px 16px}.discover-header{margin-bottom:20px}.discover-header h1{color:#111827;margin-bottom:4px;font-size:24px;font-weight:700}.discover-header p{color:#6b7280;font-size:14px}.discover-tabs{background:#f3f4f6;border-radius:10px;gap:8px;margin-bottom:24px;padding:4px;display:flex}.discover-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.discover-tabs button.active{color:#3b82f6;background:#fff;box-shadow:0 1px 3px #0000001a}.discover-section{margin-bottom:28px}.discover-section header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.discover-section header h2{color:#111827;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.discover-section header button{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;font-size:13px;display:flex}.trending-topics{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.trending-topic-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:background .2s;display:flex}.trending-topic-item:last-child{border-bottom:none}.trending-topic-item:hover{background:#f9fafb}.trending-rank{color:#fff;background:#9ca3af;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.trending-rank.rank-1{background:#ef4444}.trending-rank.rank-2{background:#f97316}.trending-rank.rank-3{background:#f59e0b}.trending-info{flex:1;min-width:0}.trending-info strong{color:#111827;margin-bottom:2px;font-size:14px;font-weight:600;display:block}.trending-info small{color:#9ca3af;font-size:12px}.recommended-users{flex-direction:column;gap:12px;display:flex}.recommended-user-card{background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.recommended-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.recommended-info{flex:1;min-width:0}.recommended-info strong{color:#111827;margin-bottom:2px;font-size:14px;font-weight:600;display:block}.recommended-info p{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:12px;overflow:hidden}.recommended-info small{color:#9ca3af;font-size:12px}.follow-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:16px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.follow-button:hover{background:#2563eb}.hot-posts-list{flex-direction:column;gap:8px;display:flex}.hot-post-item{cursor:pointer;text-align:left;background:#fff;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.hot-post-item:hover{background:#f9fafb}.hot-post-category{color:#3b82f6;background:#eff6ff;border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.hot-post-info{flex:1;min-width:0}.hot-post-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;display:block;overflow:hidden}.hot-post-info small{color:#9ca3af;font-size:12px}.hot-post-stats{color:#6b7280;flex-direction:column;flex-shrink:0;gap:4px;margin-left:12px;font-size:12px;display:flex}.upcoming-events{flex-direction:column;gap:10px;display:flex}.event-card{cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.event-card:hover{background:#f9fafb}.event-date{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.event-day{font-size:18px;font-weight:700;line-height:1}.event-month{text-transform:uppercase;font-size:12px;font-weight:500}.event-info{flex:1;min-width:0}.event-info strong{color:#111827;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.event-info p{color:#6b7280;align-items:center;gap:4px;margin-bottom:2px;font-size:12px;display:flex}.event-info small{color:#3b82f6;font-size:12px;font-weight:500}.nearby-page{max-width:800px;margin:0 auto;padding:20px 16px}.nearby-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.nearby-header h1{color:#111827;align-items:center;gap:8px;margin-bottom:4px;font-size:24px;font-weight:700;display:flex}.nearby-header p{color:#6b7280;font-size:14px}.nearby-view-toggle{background:#f3f4f6;border-radius:8px;padding:4px;display:flex}.nearby-view-toggle button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.nearby-view-toggle button.active{color:#3b82f6;background:#fff;box-shadow:0 1px 2px #0000000d}.nearby-categories{gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.nearby-categories button{color:#4b5563;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.nearby-categories button:hover{color:#3b82f6;border-color:#3b82f6}.nearby-categories button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.nearby-map-placeholder{background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;height:400px;display:flex}.map-placeholder-content{text-align:center;color:#9ca3af}.map-placeholder-content h3{color:#6b7280;margin:12px 0 8px;font-size:16px;font-weight:600}.map-placeholder-content p{margin-bottom:16px;font-size:14px}.map-placeholder-content button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-size:14px}.nearby-section{margin-bottom:28px}.nearby-section header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.nearby-section header h2{color:#111827;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.nearby-section header button{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;font-size:13px;display:flex}.nearby-count{color:#9ca3af;font-size:12px}.nearby-places-list{flex-direction:column;gap:10px;display:flex}.nearby-place-card{cursor:pointer;text-align:left;background:#fff;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.nearby-place-card:hover{background:#f9fafb;box-shadow:0 2px 8px #00000014}.place-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.place-info{flex:1;min-width:0}.place-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.place-title-row strong{color:#111827;font-size:14px;font-weight:600}.trending-badge{color:#d97706;background:#fef3c7;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.place-address{color:#6b7280;align-items:center;gap:4px;margin-bottom:6px;font-size:12px;display:flex}.place-meta{color:#9ca3af;gap:12px;font-size:12px;display:flex}.place-rating{color:#f59e0b;font-weight:500}.place-distance{color:#3b82f6;font-weight:500}.place-arrow{color:#d1d5db;flex-shrink:0}.nearby-events-list{flex-direction:column;gap:8px;display:flex}.nearby-event-card{cursor:pointer;text-align:left;background:#fff;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.nearby-event-card:hover{background:#f9fafb}.event-icon{color:#3b82f6;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.nearby-event-card .event-info strong{margin-bottom:2px;font-size:13px}.nearby-event-card .event-info p{color:#9ca3af;font-size:12px}.event-people{color:#6b7280;flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.place-detail-page{padding-bottom:20px}.place-hero{background:linear-gradient(135deg,#10b981,#3b82f6);justify-content:center;align-items:center;height:200px;display:flex;position:relative}.place-hero-placeholder{color:#ffffff80}.place-back-button{color:#374151;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:20px;padding:8px 16px;font-size:14px;position:absolute;top:16px;left:16px}.place-hero-actions{gap:8px;display:flex;position:absolute;top:16px;right:16px}.place-hero-actions button{color:#374151;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.place-hero-actions button:hover{background:#fff}.place-hero-actions button.active{color:#ef4444}.place-content{z-index:1;background:#fff;border-radius:20px 20px 0 0;margin-top:-20px;padding:20px;position:relative}.place-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.place-category{color:#3b82f6;background:#eff6ff;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.place-header h1{color:#111827;margin-bottom:8px;font-size:22px;font-weight:700}.place-meta{color:#6b7280;align-items:center;gap:12px;font-size:13px;display:flex}.place-rating{color:#f59e0b;align-items:center;gap:4px;font-weight:600;display:flex}.place-visitors{align-items:center;gap:4px;display:flex}.place-nav-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:20px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.place-nav-button:hover{background:#2563eb}.place-address{color:#4b5563;background:#f9fafb;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.place-tabs{border-bottom:1px solid #e5e7eb;gap:4px;margin-bottom:20px;display:flex}.place-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px;transition:all .2s}.place-tabs button:hover{color:#3b82f6}.place-tabs button.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.place-info-section{flex-direction:column;gap:16px;display:flex}.place-info-item{background:#f9fafb;border-radius:10px;gap:12px;padding:12px 16px;display:flex}.place-info-item svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.place-info-item strong{color:#111827;margin-bottom:2px;font-size:13px;font-weight:600;display:block}.place-info-item p{color:#6b7280;font-size:13px}.place-description h3{color:#111827;margin-bottom:8px;font-size:15px;font-weight:600}.place-description p{color:#4b5563;font-size:14px;line-height:1.7}.place-tags{flex-wrap:wrap;gap:8px;display:flex}.place-tag{color:#3b82f6;background:#eff6ff;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:500}.place-posts-list,.place-events-list{flex-direction:column;gap:8px;display:flex}.place-post-item,.place-event-item{cursor:pointer;text-align:left;background:#f9fafb;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .2s;display:flex}.place-post-item:hover,.place-event-item:hover{background:#eff6ff}.place-post-info,.place-event-info{flex:1;min-width:0}.place-post-info strong,.place-event-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;display:block;overflow:hidden}.place-post-info small,.place-event-info small{color:#9ca3af;font-size:12px}.place-post-stats{color:#6b7280;flex-shrink:0;gap:12px;font-size:12px;display:flex}.place-event-icon{color:#3b82f6;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.place-post-item svg:last-child,.place-event-item svg:last-child{color:#d1d5db;flex-shrink:0}.poll-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:16px 0;padding:16px}.poll-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.poll-header svg{color:#3b82f6}.poll-header h4{color:#111827;margin:0;font-size:15px;font-weight:600}.poll-options{flex-direction:column;gap:8px;display:flex}.poll-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;transition:all .2s;position:relative;overflow:hidden}.poll-option:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6}.poll-option:disabled{cursor:default}.poll-option.selected{border-color:#3b82f6}.poll-progress{z-index:0;background:linear-gradient(90deg,#eff6ff,#dbeafe);height:100%;transition:width .5s;position:absolute;top:0;left:0}.poll-option-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.poll-option-text{color:#374151;font-size:14px;font-weight:500}.poll-option-percentage{color:#3b82f6;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.poll-footer{color:#9ca3af;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}.poll-footer span{align-items:center;gap:4px;display:flex}.poll-hint{color:#3b82f6}.maple-auth-loading{color:#24483f;text-align:center;background:#f5f8f7;place-content:center;justify-items:center;gap:10px;min-height:100dvh;padding:24px;display:grid}.maple-auth-loading>span{color:#fff;background:#2d8577;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 12px 28px #2d857738}.maple-auth-loading strong{font-size:18px}.maple-auth-loading p{color:#698079;margin:0;font-size:14px}.btn{font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 2px 8px #3f8cff4d}.btn-primary:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3f8cff66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--gray-700);border:1px solid var(--gray-200);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-ghost{color:var(--gray-600);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900)}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:6px 12px}.btn-lg{font-size:var(--text-base);border-radius:var(--radius-lg);padding:14px 28px}.btn-full{width:100%}.btn-loading{position:relative;color:#0000!important}.btn-loading:after{content:"";color:#fff;border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite btn-spin;position:absolute}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:all var(--transition-normal);background:#fff;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--gray-100)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--gray-100);background:var(--gray-50)}.input-group{margin-bottom:var(--space-4);flex-direction:column;gap:6px;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.input-hint{font-size:var(--text-xs);color:var(--gray-400)}.input-error{font-size:var(--text-xs);color:var(--error)}.input,.textarea,.select{width:100%;font-size:var(--text-sm);color:var(--gray-900);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#fff;outline:none;padding:10px 14px}.input::placeholder,.textarea::placeholder{color:var(--gray-400)}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3f8cff1a}.input:disabled,.textarea:disabled,.select:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.input-error-state{border-color:var(--error)!important}.input-error-state:focus{box-shadow:0 0 0 3px #ef44441a!important}.textarea{resize:vertical;min-height:100px;line-height:1.6}.tag{font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-600);transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.tag:hover{background:var(--gray-200)}.tag-primary{background:var(--blue-soft);color:var(--blue-dark)}.tag-success{background:var(--success-soft);color:var(--success)}.tag-warning{background:var(--warning-soft);color:var(--warning)}.tag-error{background:var(--error-soft);color:var(--error)}.badge{min-width:18px;height:18px;font-size:12px;font-weight:var(--font-bold);border-radius:var(--radius-full);background:var(--error);color:#fff;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.divider{background:var(--gray-100);height:1px;margin:var(--space-4) 0}.divider-vertical{background:var(--gray-100);width:1px;margin:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-muted{color:var(--muted)}.text-primary{color:var(--blue)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root{--maple-type-caption:.75rem;--maple-type-meta:.8125rem;--maple-type-control:.875rem;--maple-type-body:.9375rem;--maple-type-title:1.125rem;--maple-control-height:44px;--maple-focus-ring:0 0 0 4px #2f887a29}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{line-height:1.5}::selection{color:#173b35;background:#ccece4}.maple-visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.maple-skip-link{z-index:200;color:#fff;background:#215f55;border-radius:10px;padding:11px 15px;font-size:14px;font-weight:800;transition:transform .16s;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.maple-skip-link:focus{transform:translateY(0)}.maple-shell{font-size:var(--maple-type-body)}.maple-main{line-height:1.55}.maple-main:focus{outline:0}.maple-main p{font-size:var(--maple-type-control);line-height:1.65}.maple-main small{font-size:var(--maple-type-caption);line-height:1.5}.maple-main label{font-size:var(--maple-type-control);line-height:1.5}.maple-main input:not([type=checkbox]):not([type=radio]),.maple-main select,.maple-main textarea{min-height:var(--maple-control-height);font-size:var(--maple-type-body);line-height:1.5}.maple-main textarea{min-height:112px}.maple-shell button{touch-action:manipulation;min-height:44px;font-size:13px}.maple-shell button[aria-label]{min-width:40px}.maple-shell :is(button,input,select,textarea,[role=button],[role=radio]):focus-visible{outline-offset:2px;box-shadow:var(--maple-focus-ring);outline:3px solid #78b8ab}.maple-shell :is(p,small,label,dt,dd){overflow-wrap:anywhere}:is(.city-modal,.city-community-modal,.life-dialog,.report-modal,.maple-compose-modal){border-radius:24px;width:min(640px,100vw - 32px);padding:28px}:is(.city-modal,.city-community-modal,.life-dialog,.report-modal,.maple-compose-modal)>header h2{font-size:22px;line-height:1.3}:is(.city-modal,.city-community-modal,.life-dialog,.report-modal,.maple-compose-modal)>header>button{border-radius:12px;width:44px;min-width:44px;height:44px;min-height:44px}:is(.city-modal,.city-community-modal,.life-dialog,.report-modal,.maple-compose-modal) label{gap:8px;font-size:14px}:is(.city-modal,.city-community-modal,.life-dialog,.report-modal,.maple-compose-modal) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:48px;padding:12px 14px;font-size:15px}:is(.city-modal,.city-community-modal,.life-dialog,.report-modal,.maple-compose-modal) textarea{min-height:128px}:is(.city-modal-warning,.city-meetup-safety,.life-dialog-note,.report-priority,.maple-compose-safety,.maple-adult-check){padding:12px 14px;font-size:13px;line-height:1.6}:is(.city-modal,.city-community-modal,.life-dialog,.report-modal,.maple-compose-modal)>footer button,.report-submit,.report-success button{min-height:44px;padding-inline:18px;font-size:14px}.city-community-report-modal{width:min(640px,100vw - 32px)}.city-community-report-modal>header{margin-bottom:20px}.city-community-report-modal>label{color:#4d5f73;margin:16px 0 8px;font-size:14px;font-weight:750;display:block}.city-community-report-modal>header+label{margin-top:0}.city-community-report-modal>:is(select,textarea){width:100%}.city-community-create-modal>label{color:#4d5f73;margin:16px 0 8px;font-size:14px;font-weight:750;display:block}.city-community-create-modal>input{width:100%}.city-community-report-modal>footer{margin-top:20px}.city-report-helper{color:#7b8797;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.city-report-helper.is-incomplete{color:#9b6a36}.maple-main :is(.city-group-card h3,.city-feed-panel h3,.city-signup-form h3,.city-event-title,.city-profile-shortcuts strong,.city-profile-content strong,.city-quick-item strong,.city-feed-card>header strong,.city-action-loop strong){font-size:15px;line-height:1.45}.maple-main :is(.city-event-cover strong,.city-list-panel strong,.city-members-panel strong){font-size:14px}.maple-shell :is(.maple-campus-entry,.maple-mini-event,.maple-trending,.maple-circle-row,.maple-trust-card,.maple-search-overlay,.maple-search-empty) strong,.maple-main :is(.quick-card,.lost-match-card,.mini-event,.trending-card,.group-row,.group-wide-card,.academic-actions,.course-main,.search-panel,.community-mini-list,.community-state-box,.community-safety-card,.community-member-list,.community-event-group,.profile-shortcuts,.profile-content-card,.setting-row,.notification-list,.identity-card,.conversation-pane,.chat-source-context,.message-limit,.report-row,.case-list) strong{font-size:14px;line-height:1.45}.maple-main :is(.apg-course-code-section,.apg-source-grid,.group-card-product,.community-announcement,.community-discussion) h3{font-size:16px;line-height:1.4}.maple-main .ac-review-panel header h2{font-size:20px;line-height:1.35}.maple-shell input:not([type=checkbox]):not([type=radio]){font-size:15px}.maple-main button{font-size:max(13px, var(--maple-type-meta))}:is(.city-auth-shell,.city-edit-backdrop){font-size:var(--maple-type-body);line-height:1.55}.city-auth-shell :is(label,p),.city-edit-modal :is(label,p){font-size:14px}.city-auth-shell :is(.city-auth-heading p,.city-auth-poster>p),.city-auth-shell :is(.city-role-grid strong,.city-optional-school strong,.city-privacy-card strong){font-size:15px}.city-auth-shell :is(.city-role-grid small,.city-optional-school small){font-size:13px}.city-auth-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.city-edit-modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:48px;font-size:15px;line-height:1.5}.city-auth-shell button,.city-edit-modal button{touch-action:manipulation;min-height:44px;font-size:14px}:is(.city-auth-shell,.city-edit-modal) :is(button,input,select,textarea,[role=button]):focus-visible{outline-offset:2px;box-shadow:var(--maple-focus-ring);outline:3px solid #78b8ab}.city-edit-modal{width:min(560px,100vw - 32px);padding:26px}.city-edit-modal header button{width:44px;min-width:44px;height:44px}@media (width>=1241px){.maple-topbar-inner,.maple-layout{width:min(1760px,100% - 40px)}.maple-layout{grid-template-columns:240px minmax(0,1fr) 350px;gap:26px}.maple-layout.wide{grid-template-columns:240px minmax(0,1fr)}}@media (width>=821px) and (width<=1320px){.maple-layout,.maple-layout.wide{grid-template-columns:76px minmax(0,1fr);gap:20px}}@media (width<=820px){html{font-size:16px}.maple-shell button{min-height:44px}.maple-main p{font-size:14px}.maple-main input:not([type=checkbox]):not([type=radio]),.maple-main select,.maple-main textarea{font-size:16px}:is(.city-modal,.city-community-modal,.life-dialog,.report-modal,.maple-compose-modal){width:100%;max-height:min(92vh,780px);padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}:is(.city-modal,.city-community-modal,.life-dialog,.report-modal,.maple-compose-modal) :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.city-auth-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.city-edit-modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}.city-edit-backdrop{align-items:end;padding:0}.city-edit-modal{width:100%;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.maple-shell :is(button,input,select,textarea):focus-visible{outline:2px solid canvastext}}.city-event-detail-page{--city-blue:#238978;--core-ink:#18302c;--core-muted:#60716c;--core-line:#dce8e4;--core-canvas:#f7faf8;color:var(--core-ink);container:city-event-detail/inline-size}@media (width>=1200px){.maple-layout:has(.city-event-detail-page){grid-template-columns:210px minmax(0,1fr) 300px;gap:20px;width:min(1840px,100% - 24px)}}.city-event-detail-page .city-detail-grid{grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:20px}.city-event-detail-page .city-detail-grid>main,.city-event-detail-page .city-detail-grid>aside{gap:16px}.city-event-detail-page .city-detail-grid>aside{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 112px);top:96px;overflow-y:auto}.city-event-detail-page :is(.city-event-detail-hero,.city-event-signup,.city-organizer-card,.city-rule-card,.city-event-next-card){border-color:var(--core-line);border-radius:20px;box-shadow:0 14px 38px #18302c0f}.city-event-detail-page .city-event-detail-hero{padding:24px}.city-event-detail-page .city-event-detail-art{border-radius:17px;height:238px;margin-bottom:16px}.city-event-detail-page .city-event-detail-art>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffffb8;border-radius:12px;gap:5px;padding:10px 12px;bottom:16px;left:16px}.city-event-detail-page .city-event-detail-art b,.city-event-detail-page .city-event-detail-art strong{font-size:14px}.city-event-decision-bar{color:#216f64;background:#eff8f5;border:1px solid #cfe6df;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:11px 13px;display:flex}.city-event-decision-bar span{align-items:center;gap:7px;font-size:14px;font-weight:760;display:inline-flex}.city-event-decision-bar strong{font-size:14px}.city-event-detail-page .city-card-badges{gap:7px}.city-event-detail-page .city-card-badges span,.city-event-detail-page .city-tag-row span{color:#376f65;background:#edf7f3;border-radius:999px;padding:6px 9px;font-size:14px;font-weight:650}.city-event-detail-page .city-event-detail-hero h1{color:var(--core-ink);letter-spacing:-.6px;margin:13px 0 9px;font-size:clamp(28px,2.8vw,34px);line-height:1.22}.city-event-detail-page .city-event-detail-hero>p{color:#51645f;font-size:16px;line-height:1.72}.city-event-detail-page .city-detail-facts{gap:10px;margin-top:20px}.city-event-detail-page .city-detail-facts>span{color:#28766a;background:var(--core-canvas);border:1px solid #e4eeea;border-radius:13px;grid-template-columns:24px minmax(0,1fr);align-content:center;min-height:78px;padding:12px 13px}.city-event-detail-page .city-detail-facts small{color:var(--core-muted);font-size:14px}.city-event-detail-page .city-detail-facts strong{color:#2b4540;text-overflow:clip;white-space:normal;margin-top:4px;font-size:15px;line-height:1.42;overflow:visible}.city-event-detail-page .city-reminder{color:#425c56;background:#f4f8f6;border:1px solid #dce8e4;border-radius:12px;min-height:44px;margin-top:16px;padding:0 14px;font-size:14px}.city-event-detail-page .city-reminder.active{color:#17695e;background:#e7f5f0;border-color:#add5ca}.city-event-detail-page .city-safety-card{border-radius:18px;padding:18px}.city-event-detail-page .city-safety-card strong{color:#315a52;font-size:17px}.city-event-detail-page .city-safety-card :is(p,li){color:#516b64;font-size:15px;line-height:1.65}.city-event-detail-page .city-safety-card button{color:#216f64;min-height:40px;margin-top:8px;font-size:14px}.city-event-next-card{border:1px solid var(--core-line);background:#fff;padding:22px}.city-event-next-card>header>span{color:#4f8378;letter-spacing:.13em;font-size:12px;font-weight:850}.city-event-next-card h2,.city-event-detail-page .city-rule-card h2{color:var(--core-ink);margin:5px 0 0;font-size:21px}.city-event-next-card>header p{color:var(--core-muted);margin:6px 0 0;font-size:15px;line-height:1.6}.city-event-next-card ol{gap:0;margin:18px 0 0;padding:0;list-style:none;display:grid}.city-event-next-card li{border-top:1px solid #e8f0ed;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.city-event-next-card li>span{color:#fff;background:#238978;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:grid}.city-event-next-card li strong{color:#25413b;font-size:16px}.city-event-next-card li p{color:var(--core-muted);margin:4px 0 0;font-size:15px;line-height:1.55}.city-event-detail-page .city-rule-card{padding:22px}.city-event-detail-page .city-rule-card ol{color:#526761;margin-top:12px;font-size:15px;line-height:1.72}.city-event-detail-page .city-event-signup,.city-event-detail-page .city-organizer-card{padding:18px}.city-availability{gap:3px;margin-bottom:13px;display:grid}.city-availability span{color:#176d61;font-size:17px;font-weight:800}.city-availability small{color:var(--core-muted);font-size:14px}.city-availability.is-full span{color:#a16b1f}.city-event-detail-page .city-seat-summary{gap:7px;margin:0 0 13px}.city-event-detail-page .city-seat-summary>div{text-align:center;background:#f7faf8;border:1px solid #e5eeeb;border-radius:11px;gap:3px;padding:11px 4px;display:grid}.city-event-detail-page .city-seat-summary dd{color:#244a42;order:0;margin:0;font-size:17px;font-weight:800}.city-event-detail-page .city-seat-summary dt{color:var(--core-muted);order:1;font-size:13px}.city-event-detail-page .city-primary-wide{background:#238978;border-radius:12px;min-height:48px;font-size:15px}.city-event-detail-page .city-primary-wide:hover{background:#1c7567}.city-event-detail-page .city-registration-state{border:1px solid #cce5dd;border-radius:13px;gap:10px;min-height:66px;padding:11px}.city-event-detail-page .city-registration-state>div{gap:3px}.city-event-detail-page .city-registration-state strong{color:#24584e;font-size:15px}.city-event-detail-page .city-registration-state small{color:#557069;font-size:13px;line-height:1.35}.city-event-detail-page .city-registration-state button{color:#216f64;min-height:40px;padding:0 10px;font-size:13px}.city-event-detail-page .city-organizer-head{gap:10px}.city-event-detail-page .city-organizer-head>span{width:48px;height:48px;font-size:14px}.city-event-detail-page .city-organizer-head strong{color:#2b413d;font-size:15px}.city-event-detail-page .city-organizer-head small,.city-event-detail-page .city-organizer-metrics small{color:var(--core-muted);font-size:13px}.city-event-detail-page .city-organizer-head>b{font-size:15px}.city-event-detail-page .city-organizer-metrics{gap:8px;margin-top:13px}.city-event-detail-page .city-organizer-metrics span{background:#f7faf8;border:1px solid #e5eeeb;padding:10px 6px}.city-event-detail-page .city-organizer-metrics strong{color:#294d45;font-size:15px}.city-event-detail-page .city-organizer-card>button{color:#216f64;background:#edf7f3;min-height:44px;margin-top:11px;font-size:14px}.city-event-detail-page .city-trust-details p,.city-event-detail-page .city-trust-details span{color:#516b64;font-size:13px;line-height:1.55}.city-event-detail-page .city-report-button{min-height:44px;font-size:14px}.city-signup-form{border-top-color:#e1ebe7;margin-top:14px;padding-top:16px}.city-signup-form>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.city-signup-form>header span{color:#4f8378;letter-spacing:.12em;font-size:12px;font-weight:850}.city-signup-form>header h3{color:var(--core-ink);margin:4px 0 0;font-size:19px}.city-signup-form>header>button{color:#536862;background:#eef4f2;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.city-signup-form>p{color:var(--core-muted);margin:8px 0 0;font-size:14px;line-height:1.58}.city-signup-note,.city-event-detail-page .city-pet-fields>label{color:#314a44;gap:7px;margin-top:14px;font-size:14px;font-weight:720;display:grid}.city-event-detail-page :is(.city-signup-note textarea,.city-pet-fields input,.city-pet-fields select){color:#233f39;background:#fff;border-color:#cfddd8;min-height:48px;padding:11px 12px;font-size:16px}.city-event-detail-page .city-signup-note textarea{min-height:104px}.city-event-detail-page fieldset{border:0;min-width:0;margin:14px 0 0;padding:0}.city-event-detail-page fieldset legend{color:#314a44;margin-bottom:7px;font-size:14px;font-weight:760}.city-event-detail-page .city-special-checks label,.city-event-detail-page .city-toggle-pet{min-height:48px;padding:11px;font-size:14px}.city-event-detail-page :is(.city-special-checks input,.city-toggle-pet input){accent-color:#238978;width:18px;height:18px;margin-top:1px}.city-signup-error,.city-signup-privacy,.city-prototype-note{border-radius:11px;align-items:flex-start;gap:8px;margin:12px 0 0;padding:10px 11px;font-size:13px;line-height:1.5;display:flex}.city-signup-error{background:#fff0ed;color:#9a3f34!important}.city-signup-privacy{color:#42685f;background:#eff8f5}.city-prototype-note{color:#6b5a35;background:#fff8e7}.city-event-detail-page .city-apply-actions{gap:8px;margin-top:14px}.city-event-detail-page .city-apply-actions button{background:#238978;min-height:44px;padding:0 13px;font-size:14px}.city-request-summary{background:#f7faf8;border:1px solid #dfe9e6;border-radius:12px;margin-top:13px;padding:12px}.city-request-summary strong{color:#314a44;font-size:14px}.city-request-summary p{color:var(--core-muted);margin:5px 0 0;font-size:14px;line-height:1.55}.city-cancel-confirm{background:#fff7f5;border:1px solid #efd3cd;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:12px;padding:12px;display:grid}.city-cancel-confirm>div{grid-column:1/-1}.city-cancel-confirm strong{color:#7d3f36;font-size:15px}.city-cancel-confirm p{color:#795e58;margin:4px 0 0;font-size:13px;line-height:1.5}.city-cancel-confirm button{color:#4f645e;background:#eef4f2;border-radius:9px;min-height:40px;padding:0 10px;font-size:13px;font-weight:700}.city-cancel-confirm button:first-of-type{grid-column:2}.city-cancel-confirm button.danger{color:#fff;background:#c65b4f}.city-signup-sheet-backdrop,.city-mobile-event-action{display:none}.maple-compose-backdrop{padding:24px}.maple-compose-v2{color:#18302c;overscroll-behavior:contain;background:#fff;border:1px solid #dce8e4;border-radius:24px;flex-direction:column;width:min(1080px,100vw - 48px);max-height:min(92dvh,900px);padding:0;display:flex;overflow:hidden;box-shadow:0 30px 90px #0e2a2438}.maple-compose-v2>header{border-bottom:1px solid #e3ece9;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 20px;display:flex}.maple-compose-v2>header>div>span{color:#4f8378;letter-spacing:.14em;font-size:12px;font-weight:900}.maple-compose-v2>header h2{color:#18302c;margin:5px 0 0;font-size:25px;line-height:1.3}.maple-compose-v2>header p{color:#60716c;margin:6px 0 0;font-size:15px;line-height:1.55}.maple-compose-v2>header>button{color:#536862;background:#eef4f2;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.maple-compose-steps{background:#fbfdfc;border-bottom:1px solid #e3ece9;grid-template-columns:repeat(3,1fr);gap:0;padding:0 28px;display:grid}.maple-compose-steps button{color:#6c7c77;background:0 0;border-bottom:3px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:9px;min-height:62px;font-size:14px;display:flex}.maple-compose-steps button>span{color:#60716c;border:1px solid #cbd9d5;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-weight:800;display:grid}.maple-compose-steps button.active{color:#1d6d62;border-bottom-color:#238978}.maple-compose-steps button.active>span,.maple-compose-steps button.complete>span{color:#fff;background:#238978;border-color:#238978}.maple-compose-form{flex-direction:column;flex:1;min-height:0;display:flex}.maple-compose-workspace{flex:1;grid-template-columns:minmax(0,1fr) 300px;min-height:0;display:grid}.maple-compose-pane{scrollbar-gutter:stable;min-width:0;padding:24px 28px 32px;overflow-y:auto}.maple-compose-section+.maple-compose-section,.maple-compose-author+.maple-compose-section{margin-top:18px}.maple-compose-section{background:#fff;border:1px solid #dfe9e6;border-radius:17px;padding:20px}.maple-compose-section>header{gap:5px;margin-bottom:15px;display:grid}.maple-compose-section>header>div{align-items:center;gap:9px;display:flex}.maple-compose-section>header>div>span{color:#176d61;background:#e9f6f2;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:850;display:grid}.maple-compose-section h3{color:#1e3933;margin:0;font-size:19px}.maple-compose-section>header p{color:#60716c;margin:0;font-size:14px;line-height:1.55}.maple-compose-v2 .maple-compose-types{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid;overflow:visible}.maple-compose-v2 .maple-compose-types button{color:#4f625d;background:#f7faf8;border:1px solid #dce7e3;border-radius:11px;min-width:0;min-height:44px;padding:0 10px;font-size:14px;font-weight:700}.maple-compose-v2 .maple-compose-types button.active{color:#fff;background:#238978;border-color:#238978;box-shadow:0 7px 16px #2389782e}.maple-compose-v2 .maple-compose-author{background:#f9fbfa;border:1px solid #e1ebe7;border-radius:15px;align-items:center;gap:11px;min-height:64px;margin-top:18px;padding:11px 14px;display:flex}.maple-compose-v2 .maple-compose-author strong{color:#263f39;font-size:15px}.maple-compose-v2 .maple-compose-author small{color:#60716c;font-size:13px}.maple-compose-field{color:#314a44;gap:7px;font-size:14px;font-weight:740;display:grid;position:relative}.maple-compose-field+.maple-compose-field{margin-top:14px}.maple-compose-field>small{color:#60716c;font-size:12px;font-weight:600;position:absolute;bottom:10px;right:12px}.maple-compose-v2 :is(input:not([type=checkbox]),select,textarea){color:#203b35;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #cfddd8;border-radius:12px;outline:0;padding:11px 12px;font-size:16px}.maple-compose-v2 :is(input:not([type=checkbox]),select,textarea):focus{border-color:#238978;box-shadow:0 0 0 3px #23897821}.maple-compose-v2 [aria-invalid=true]{border-color:#c85d51!important;box-shadow:0 0 0 3px #c85d511f!important}.maple-compose-v2 .maple-compose-title{height:auto;padding:11px 12px 29px}.maple-compose-v2 .maple-compose-text{height:auto;margin:14px 0 0}.maple-compose-v2 .maple-compose-text textarea{resize:vertical;min-height:156px;padding:13px 13px 36px;line-height:1.65}.maple-compose-media-row{border-top:1px solid #e5eeeb;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.maple-compose-media-row button{color:#216f64;background:#eaf6f2;border-radius:11px;align-items:center;gap:7px;min-height:44px;padding:0 13px;font-size:14px;font-weight:740;display:inline-flex}.maple-compose-media-row span{color:#60716c;font-size:13px;line-height:1.45}.maple-compose-v2 .maple-dynamic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.maple-compose-v2 .maple-dynamic-grid label{color:#314a44;gap:7px;font-size:14px;font-weight:720;display:grid}.maple-compose-v2 .maple-compose-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.maple-compose-v2 .maple-compose-options label{color:#526761;background:#fff;border:1px solid #cfddd8;border-radius:12px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;height:auto;min-height:48px;padding:0 0 0 12px;display:grid}.maple-compose-v2 .maple-compose-options select{min-width:0;box-shadow:none;border:0}.maple-compose-simple-note{color:#35665c;background:#edf7f3;border-radius:12px;align-items:center;gap:8px;min-height:50px;padding:12px 13px;font-size:14px;display:flex}.maple-alcohol-toggle,.maple-compose-v2 .maple-adult-check{color:#5f553f;background:#fffaf0;border:1px solid #e3ddd0;border-radius:12px;align-items:flex-start;gap:10px;min-height:58px;margin-top:14px;padding:12px 13px;font-size:14px;line-height:1.5;display:flex}.maple-alcohol-toggle input,.maple-compose-v2 .maple-adult-check input{accent-color:#238978;flex:none;width:19px;height:19px;margin-top:1px}.maple-alcohol-toggle span{gap:3px;display:grid}.maple-alcohol-toggle strong{color:#54482f;font-size:14px}.maple-alcohol-toggle small{color:#766b55;font-size:13px}.maple-compose-v2 .maple-compose-safety{color:#42685f;background:#edf7f3;border-radius:12px;align-items:flex-start;gap:9px;min-height:56px;margin-top:14px;padding:12px 13px;font-size:14px;line-height:1.55;display:flex}.maple-compose-errors{color:#87483e;background:#fff5f3;border:1px solid #efc8c1;border-radius:13px;margin-bottom:16px;padding:12px 14px;font-size:14px}.maple-compose-errors strong{font-size:15px}.maple-compose-errors ul{margin:6px 0 0;padding-left:19px;line-height:1.55}.maple-compose-summary{background:#f7faf8;border-left:1px solid #e3ece9;min-width:0;padding:22px;overflow-y:auto}.maple-compose-summary>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.maple-compose-summary>header span{color:#4f8378;letter-spacing:.12em;font-size:12px;font-weight:900}.maple-compose-summary>header strong{color:#526761;font-size:13px}.maple-compose-summary progress{accent-color:#238978;background:#dfeae6;border:0;border-radius:999px;width:100%;height:7px;margin:11px 0 18px;overflow:hidden}.maple-compose-summary progress::-webkit-progress-bar{background:#dfeae6;border-radius:999px}.maple-compose-summary progress::-webkit-progress-value{background:#238978;border-radius:999px}.maple-summary-card{background:#fff;border:1px solid #d9e6e1;border-radius:16px;padding:17px;box-shadow:0 12px 28px #18302c0f}.maple-summary-card>span,.maple-review-badges span{color:#216f64;background:#e9f6f2;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:760;display:inline-flex}.maple-summary-card h3{color:#203b35;margin:11px 0 0;font-size:18px;line-height:1.35}.maple-summary-card p{color:#60716c;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.maple-summary-card ul{border-top:1px solid #e6eeeb;gap:8px;margin:14px 0 0;padding:13px 0 0;list-style:none;display:grid}.maple-summary-card li{color:#526761;align-items:flex-start;gap:7px;font-size:13px;line-height:1.4;display:flex}.maple-summary-safety{color:#6b5a35;background:#fff8e9;border:1px solid #eadbc0;border-radius:13px;align-items:flex-start;gap:9px;margin-top:14px;padding:13px;display:flex}.maple-summary-safety.ready{color:#35685e;background:#edf7f3;border-color:#cde5dd}.maple-summary-safety strong{font-size:14px}.maple-summary-safety p{margin:3px 0 0;font-size:12px;line-height:1.45}.maple-compose-review .maple-publish-review{background:#fff;border:1px solid #d9e6e1;border-radius:17px;margin:0;padding:20px;display:block;box-shadow:0 14px 34px #18302c12}.maple-review-badges{flex-wrap:wrap;gap:7px;display:flex}.maple-compose-review .maple-publish-review>h3{color:#18302c;margin:14px 0 0;font-size:23px}.maple-compose-review .maple-publish-review>p{color:#526761;white-space:pre-wrap;margin:9px 0 0;font-size:16px;line-height:1.7}.maple-compose-review .maple-publish-review dl{border-block:1px solid #e5eeeb;gap:8px;margin:17px 0 0;padding:14px 0;display:grid}.maple-compose-review .maple-publish-review dl>div{grid-template-columns:92px minmax(0,1fr);gap:10px;display:grid}.maple-compose-review .maple-publish-review dt{color:#60716c;font-size:14px}.maple-compose-review .maple-publish-review dd{color:#2e4943;margin:0;font-size:14px;font-weight:700}.maple-compose-review .maple-publish-review>footer{gap:14px;margin-top:14px;display:flex}.maple-compose-review .maple-publish-review>footer span{color:#60716c;align-items:center;gap:6px;font-size:13px;display:inline-flex}.maple-compose-ready{color:#35685e;background:#edf7f3;border-radius:13px;align-items:flex-start;gap:10px;margin-top:15px;padding:13px;display:flex}.maple-compose-ready strong{font-size:15px}.maple-compose-ready p{margin:3px 0 0;font-size:13px}.maple-compose-footer{background:#fff;border-top:1px solid #e3ece9;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:13px 28px;display:flex}.maple-compose-footer>div{align-items:center;gap:13px;display:flex}.maple-compose-footer>div>span{color:#60716c;font-size:13px}.maple-compose-footer .maple-back-edit{color:#526761;background:#eef4f2;border-radius:11px;min-height:44px;padding:0 14px;font-size:14px;font-weight:730}.maple-compose-footer .maple-publish{color:#fff;background:#238978;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:190px;min-height:48px;padding:0 18px;font-size:15px;font-weight:780;display:inline-flex}.maple-compose-footer .maple-publish:hover{background:#1c7567}.maple-compose-discard{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14272375;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.maple-compose-discard>div{text-align:center;background:#fff;border-radius:18px;width:min(400px,100%);padding:24px;box-shadow:0 24px 70px #0e2a2442}.maple-compose-discard svg{color:#238978}.maple-compose-discard h3{color:#18302c;margin:10px 0 0;font-size:20px}.maple-compose-discard p{color:#60716c;margin:7px 0 0;font-size:14px;line-height:1.55}.maple-compose-discard>div>div{justify-content:center;gap:9px;margin-top:18px;display:flex}.maple-compose-discard button{color:#456059;background:#eef4f2;border-radius:11px;min-height:44px;padding:0 14px;font-size:14px;font-weight:730}.maple-compose-discard button.danger{color:#fff;background:#c65b4f}.maple-compose-discard button.save{color:#fff;background:#2b7d71}@media (width<=480px){.maple-compose-discard>div>div{display:grid}.maple-compose-discard button{width:100%}}.city-event-detail-page :is(button,input,select,textarea):focus-visible,.maple-compose-v2 :is(button,input,select,textarea):focus-visible{outline-offset:2px;outline:3px solid #216f64}@container city-event-detail (width<=580px){.city-event-detail-page .city-detail-grid{grid-template-columns:minmax(0,1fr)}.city-event-detail-page .city-detail-grid>aside{max-height:none;position:static;overflow:visible}.city-event-detail-page{padding-bottom:178px}.city-event-detail-page .city-mobile-event-action{display:flex}}@media (width<=820px){.maple-compose-backdrop{place-items:end center;padding:0}.maple-compose-v2{border-radius:24px 24px 0 0;width:100%;max-height:94dvh}.maple-compose-v2>header{padding:19px 18px 16px}.maple-compose-v2>header h2{font-size:21px}.maple-compose-steps{padding:0 12px}.maple-compose-steps button{min-height:56px;font-size:13px}.maple-compose-workspace{flex-direction:column;display:flex;overflow-y:auto}.maple-compose-pane{order:1;padding:18px 16px 26px;overflow:visible}.maple-compose-summary{border-bottom:1px solid #e3ece9;border-left:0;order:0;padding:13px 16px;overflow:visible}.maple-compose-summary progress{margin:7px 0 0}.maple-compose-summary .maple-summary-card,.maple-compose-summary .maple-summary-safety{display:none}.maple-compose-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex:none}.maple-compose-footer .maple-publish{min-width:176px}.city-event-detail-page{padding-bottom:178px}.city-event-detail-page .city-mobile-event-action{display:flex}.city-mobile-event-action{z-index:65;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #cfe2dc;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:10px 10px 10px 14px;position:fixed;left:12px;box-shadow:0 18px 46px #0f2f273d}.city-mobile-event-action>div{gap:3px;min-width:0;display:grid}.city-mobile-event-action strong{color:#1f3f38;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.city-mobile-event-action small{color:#60716c;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.city-mobile-event-action>button{color:#fff;background:#238978;border-radius:12px;min-width:112px;min-height:48px;padding:0 13px;font-size:14px;font-weight:780}.city-signup-sheet-backdrop{z-index:95;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1324207a;border-radius:0;display:block;position:fixed;inset:0}.city-event-detail-page .city-signup-form{z-index:96;max-height:86dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:#fff;border:0;border-radius:24px 24px 0 0;margin:0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -18px 54px #0f2f2738}.city-event-detail-page .city-cancel-confirm{z-index:97;padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:#fff;border:0;border-radius:24px 24px 0 0;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 54px #0f2f2738}}@media (width<=540px){.city-event-detail-page .city-event-detail-hero{padding:17px}.city-event-detail-page .city-event-detail-art{height:200px}.city-event-detail-page .city-event-detail-hero h1{font-size:28px}.city-event-detail-page .city-detail-facts{grid-template-columns:1fr}.city-event-decision-bar{flex-direction:column;align-items:flex-start}.maple-compose-v2{border:0;border-radius:0;height:100dvh;max-height:100dvh}.maple-compose-v2>header p,.maple-compose-steps button strong{display:none}.maple-compose-steps button{min-height:50px}.maple-compose-v2 .maple-compose-types{grid-template-columns:repeat(2,minmax(0,1fr))}.maple-compose-section{padding:16px}.maple-compose-v2 :is(.maple-dynamic-grid,.maple-compose-options){grid-template-columns:1fr}.maple-compose-media-row{flex-direction:column;align-items:flex-start}.maple-compose-footer>div>span{display:none}.maple-compose-footer .maple-publish{flex:1;min-width:0}.maple-compose-review .maple-publish-review dl>div{grid-template-columns:78px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.city-mobile-event-action,.city-event-detail-page .city-signup-form,.maple-compose-v2{scroll-behavior:auto}}.maple-draft-status{background:#edf7f4;border-radius:8px;align-items:center;gap:5px;width:max-content;padding:5px 8px;font-weight:720;color:#4b746b!important;margin-top:8px!important;font-size:12px!important;display:flex!important}.maple-draft-status.is-saving{background:#fff5df;color:#89672d!important}.maple-draft-status.is-recovered{background:#f1ecfb;color:#65508e!important}.maple-compose-media-workspace{gap:11px;display:grid}.maple-compose-media-intro{background:#f9fbfa;border:1px dashed #cfdeda;border-radius:13px;align-items:center;gap:11px;padding:11px;display:flex}.maple-compose-media-intro>button{color:#fff;background:#2d7d72;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:13px;font-weight:760;display:flex}.maple-compose-media-intro>button:disabled{opacity:.45}.maple-compose-media-intro>span{color:#6a7e78;font-size:13px;line-height:1.45}.maple-compose-media-intro strong{color:#3a5d55}.maple-compose-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.maple-compose-media-card{background:#fff;border:1px solid #dde8e5;border-radius:14px;gap:8px;min-width:0;padding:9px;display:grid}.maple-compose-media-thumb{color:#6d857e;background:#edf4f2 50%/cover no-repeat;border-radius:10px;place-items:center;height:145px;display:grid;position:relative;overflow:hidden}.maple-compose-media-thumb>span{color:#fff;background:#23393494;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:750;display:flex;position:absolute;inset:0}.maple-compose-media-thumb>em{color:#fff;background:#287d71;border-radius:7px;padding:5px 7px;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:7px;left:7px}.maple-compose-media-name{color:#536b65;align-items:center;gap:5px;min-width:0;display:flex}.maple-compose-media-name>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.maple-compose-media-name>svg{color:#95a39f;flex:none}.maple-compose-media-card>label{color:#62756f;gap:4px;font-size:12px;font-weight:720;display:grid}.maple-compose-media-card>label input{border:1px solid #dfe8e5;border-radius:9px;width:100%;height:37px;padding:0 9px;font-size:13px}.maple-compose-media-actions{flex-wrap:wrap;gap:5px;display:flex}.maple-compose-media-actions button{color:#54706a;background:#f8faf9;border:1px solid #dce6e3;border-radius:8px;justify-content:center;align-items:center;gap:3px;min-height:31px;padding:0 7px;font-size:12px;display:flex}.maple-compose-media-actions button:disabled{opacity:.38}.maple-compose-media-actions button.danger{color:#a85550;background:#fff4f2;margin-left:auto}.maple-media-recovery-note{color:#765e36;background:#fff6e4;border-radius:11px;align-items:flex-start;gap:8px;padding:10px;font-size:12px;line-height:1.45;display:flex}.maple-media-recovery-note span{flex:1}.maple-media-recovery-note button{color:#8c5d22;background:0 0;flex:none;padding:3px 0;font-size:12px;font-weight:780}.maple-review-media-strip{grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0;display:grid}.maple-review-media-strip>span{aspect-ratio:1;color:#678078;background:#edf4f2 50%/cover no-repeat;border-radius:10px;place-items:center;display:grid}.maple-compose-crop-layer,.maple-compose-result-layer{z-index:15;border-radius:inherit;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1b2b279e;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.maple-compose-crop-layer>section{background:#fff;border-radius:19px;grid-template-columns:1fr 1fr;gap:18px;width:min(590px,100%);padding:18px;display:grid;box-shadow:0 26px 70px #142a2547}.maple-crop-preview{background:#e7efed 50%/cover no-repeat;border-radius:14px;min-height:280px;position:relative;overflow:hidden}.maple-crop-preview i{border:2px solid #ffffffe0;position:absolute;inset:12%;box-shadow:0 0 0 999px #0f1a1761}.maple-compose-crop-layer>section>div:last-child{align-content:center;gap:9px;display:grid}.maple-compose-crop-layer span{color:#347d72;letter-spacing:.13em;font-size:12px;font-weight:850}.maple-compose-crop-layer h3{margin:0;font-size:22px}.maple-compose-crop-layer p{color:#6d807a;margin:0;font-size:13px;line-height:1.5}.maple-compose-crop-layer>section>div:last-child>div{grid-template-columns:1fr 1fr;gap:7px;margin-top:5px;display:grid}.maple-compose-crop-layer>section>div:last-child>div button,.maple-crop-cancel{color:#426b63;background:#f7faf9;border:1px solid #dbe6e2;border-radius:10px;min-height:39px;font-size:13px}.maple-crop-cancel{background:#fff!important}.maple-compose-result-layer{z-index:20;background:#f5faf8f0}.maple-compose-result-layer>section{text-align:center;background:#fff;border:1px solid #dce8e4;border-radius:24px;place-items:center;gap:8px;width:min(520px,100%);padding:35px;display:grid;box-shadow:0 24px 70px #20453d2b}.maple-result-icon{color:#fff;background:#2d8074;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.maple-result-icon.review{background:#b17b2e}.maple-result-icon.checking{background:#5d71a5}.maple-result-icon svg{width:30px;height:30px}.maple-compose-result-layer em{color:#387d73;letter-spacing:.14em;margin-top:5px;font-size:12px;font-style:normal;font-weight:850}.maple-compose-result-layer h3{margin:0;font-size:25px}.maple-compose-result-layer p{color:#687b75;max-width:430px;margin:0;font-size:14px;line-height:1.65}.maple-result-progress{background:#e4ebe9;border-radius:4px;width:100%;height:7px;margin-top:13px;overflow:hidden}.maple-result-progress i{background:#5f78ac;border-radius:4px;width:36%;height:100%;animation:1.1s ease-in-out infinite maple-result-loading;display:block}@keyframes maple-result-loading{50%{transform:translate(175%)}}.maple-result-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:13px;display:grid}.maple-result-actions button{color:#466961;background:#fff;border:1px solid #d9e5e1;border-radius:11px;justify-content:center;align-items:center;gap:5px;min-height:43px;font-size:13px;font-weight:760;display:flex}.maple-result-actions button:first-child{color:#fff;background:#2e7e73;border-color:#2e7e73}@media (width<=600px){.maple-draft-status{max-width:100%}.maple-compose-media-intro{flex-direction:column;align-items:flex-start}.maple-compose-media-grid{grid-template-columns:1fr}.maple-compose-media-thumb{height:190px}.maple-compose-crop-layer{padding:10px}.maple-compose-crop-layer>section{grid-template-columns:1fr;max-height:calc(100dvh - 20px);overflow-y:auto}.maple-crop-preview{min-height:220px}.maple-compose-result-layer{border-radius:0;position:fixed}.maple-compose-result-layer>section{padding:25px 18px}.maple-result-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.maple-result-progress i{width:72%;animation:none}}.maple-compose-button,.maple-compose-footer .maple-publish{isolation:isolate;color:#fff;background:linear-gradient(135deg,#2f9180 0%,#216f64 58%,#185d55 100%);border:1px solid #17695e;transition:transform .2s,box-shadow .2s,background-position .28s;position:relative;overflow:hidden;box-shadow:0 8px 18px #1b695d3d,inset 0 1px #fff3}.maple-compose-button{height:42px;padding-inline:10px 14px}.maple-compose-button:before,.maple-compose-footer .maple-publish:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:34%;transition:left .55s cubic-bezier(.16,1,.3,1);position:absolute;top:-80%;bottom:-80%;left:-55%;transform:skew(-18deg)}.maple-compose-button>svg,.maple-compose-footer .maple-publish>svg{color:#1f6c61;background:#fff;border-radius:50%;flex:none;width:26px;height:26px;padding:5px;transition:transform .28s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 7px #0d42392e}.city-primary-wide,.city-apply-actions button:not(.secondary),.ac-primary-button{color:#fff;background:linear-gradient(#329080 0%,#216f64 100%);border:1px solid #176b5f;transition:transform .14s,box-shadow .14s,filter .18s;transform:translateY(-2px);box-shadow:0 4px #155b53,0 9px 18px #1862562e}.city-primary-wide{border-radius:13px;min-height:48px;font-size:14px}.city-apply-actions button:not(.secondary),.ac-primary-button{min-height:42px}.city-primary-wide>svg,.ac-primary-button>svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}.city-mobile-event-action>button{background:linear-gradient(135deg,#2f8e7e,#206c62);border:1px solid #176b5f;box-shadow:0 7px 16px #1c675b38,inset 0 1px #ffffff2e}.city-auth-primary{isolation:isolate;color:#fff;background:linear-gradient(145deg,#359382 0%,#247568 52%,#1c6259 100%);border:1px solid #186559b8;min-height:48px;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden;box-shadow:0 9px 20px #1f6c5f33,inset 0 1px #ffffff3d}.city-auth-primary:before{content:"";z-index:-1;pointer-events:none;background:#ffffff1a;height:0;transition:height .28s cubic-bezier(.16,1,.3,1);position:absolute;inset:auto 0 0}.city-auth-primary>svg{color:#216f64;background:#fff;border-radius:50%;width:25px;height:25px;padding:5px;transition:transform .24s cubic-bezier(.16,1,.3,1)}.acad-primary-button,.ag-primary-button,.ag-generate-button{isolation:isolate;color:#fff;background:linear-gradient(135deg,#579cf3 0%,#347bd8 56%,#2c65b7 100%);border:1px solid #2d6fc5;transition:transform .14s,box-shadow .14s,filter .18s;position:relative;overflow:hidden;transform:translateY(-2px);box-shadow:0 7px #24589cb8,0 12px 22px #2d69b529}.acad-primary-button>svg,.ag-primary-button>svg,.ag-generate-button>svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}.mg-admin-button.primary{color:#fff;background:linear-gradient(140deg,#348d7e,#216f64);border:1px solid #1d6e62;transition:transform .17s,box-shadow .17s,filter .17s;position:relative;overflow:hidden;box-shadow:0 7px 15px #206d6133,inset 0 1px #ffffff2e;min-height:44px!important}.mg-admin-button.primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:30%;height:300%;transition:left .5s cubic-bezier(.16,1,.3,1);position:absolute;top:-100%;left:-45%;transform:rotate(18deg)}.mg-admin-button.primary>svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}.studio-send-options button.primary,.city-comment-form>button{border:1px solid #1b675b73;min-height:44px;transition:transform .17s,box-shadow .17s,filter .17s;box-shadow:0 7px 15px #1f675c2b,inset 0 1px #ffffff2e}.studio-send-options button.primary>svg,.city-comment-form>button>svg{transform-origin:50%;transition:transform .3s cubic-bezier(.16,1,.3,1)}.maple-compose-button:disabled,.maple-compose-footer .maple-publish:disabled,.city-primary-wide:disabled,.city-apply-actions button:not(.secondary):disabled,.ac-primary-button:disabled,.city-auth-primary:disabled,.acad-primary-button:disabled,.ag-primary-button:disabled,.ag-generate-button:disabled,.mg-admin-button.primary:disabled,.studio-send-options button.primary:disabled,.city-comment-form>button:disabled{opacity:.46;cursor:not-allowed;filter:saturate(.6);box-shadow:none;transform:none}@media (hover:hover) and (pointer:fine){.maple-compose-button:hover,.maple-compose-footer .maple-publish:hover{background:linear-gradient(135deg,#328f80,#1b655b);transform:translateY(-2px);box-shadow:0 11px 23px #1b695d45,inset 0 1px #ffffff38}.maple-compose-button:hover:before,.maple-compose-footer .maple-publish:hover:before{left:122%}.maple-compose-button:hover>svg{transform:rotate(-8deg)scale(1.04)}.maple-compose-footer .maple-publish:hover>svg{transform:translate(3px)}.city-primary-wide:hover,.city-apply-actions button:not(.secondary):hover,.ac-primary-button:hover{filter:saturate(1.04);background:linear-gradient(#369889 0%,#216f64 100%);transform:translateY(-3px);box-shadow:0 5px #155b53,0 12px 22px #18625633}.city-primary-wide:hover>svg,.ac-primary-button:hover>svg{transform:translate(3px)}.city-auth-primary:hover{filter:saturate(1.06);transform:translateY(-2px);box-shadow:0 12px 25px #1f6c5f3d,inset 0 1px #ffffff47}.city-auth-primary:hover:before{height:100%}.city-auth-primary:hover>svg{transform:translate(3px)}.acad-primary-button:hover,.ag-primary-button:hover,.ag-generate-button:hover{filter:saturate(1.06);transform:translateY(-3px);box-shadow:0 8px #24589cb8,0 15px 25px #2d69b530}.acad-primary-button:hover>svg:last-child,.ag-primary-button:hover>svg:last-child,.ag-generate-button:hover>svg:last-child{transform:translate(3px)}.mg-admin-button.primary:hover{filter:saturate(1.05);transform:translateY(-2px);box-shadow:0 10px 20px #206d613b,inset 0 1px #fff3}.mg-admin-button.primary:hover:after{left:120%}.mg-admin-button.primary:hover>svg{transform:translate(2px)}.studio-send-options button.primary:hover,.city-comment-form>button:hover{filter:saturate(1.06);transform:translateY(-2px)}.studio-send-options button.primary:hover>svg,.city-comment-form>button:hover>svg{transform:translate(3px)rotate(9deg)}}.maple-compose-button:active,.maple-compose-footer .maple-publish:active,.city-auth-primary:active,.mg-admin-button.primary:active,.studio-send-options button.primary:active,.city-comment-form>button:active{transform:translateY(1px)scale(.985);box-shadow:0 3px 8px #19524929}.city-primary-wide:active,.city-apply-actions button:not(.secondary):active,.ac-primary-button:active,.acad-primary-button:active,.ag-primary-button:active,.ag-generate-button:active{transform:translateY(2px);box-shadow:0 1px #165249b8,0 4px 9px #1862561f}.maple-mobile-compose{transition:transform .16s,box-shadow .16s;overflow:hidden;background:radial-gradient(circle at 35% 25%,#5a9,#247568 62%,#195f56)!important;box-shadow:0 9px 21px #216f624d,inset 0 1px #ffffff47!important}.maple-mobile-compose:active{transform:translateY(2px)scale(.94);box-shadow:0 4px 10px #216f6238!important}@media (width<=640px){.city-primary-wide{min-height:48px}.city-apply-actions button:not(.secondary){min-height:44px}.studio-send-options button.primary{min-height:46px}}@media (prefers-reduced-motion:reduce){.maple-compose-button,.maple-compose-footer .maple-publish,.maple-compose-button:before,.maple-compose-footer .maple-publish:before,.maple-compose-button>svg,.maple-compose-footer .maple-publish>svg,.city-primary-wide,.city-primary-wide>svg,.city-apply-actions button:not(.secondary),.ac-primary-button,.ac-primary-button>svg,.city-auth-primary,.city-auth-primary:before,.city-auth-primary>svg,.acad-primary-button,.ag-primary-button,.ag-generate-button,.mg-admin-button.primary,.mg-admin-button.primary:after,.mg-admin-button.primary>svg,.studio-send-options button.primary,.studio-send-options button.primary>svg,.city-comment-form>button,.city-comment-form>button>svg,.maple-mobile-compose{transition:none}.maple-compose-button:before,.maple-compose-footer .maple-publish:before,.mg-admin-button.primary:after{display:none}.maple-compose-button:hover,.maple-compose-footer .maple-publish:hover,.city-primary-wide:hover,.city-apply-actions button:not(.secondary):hover,.ac-primary-button:hover,.city-auth-primary:hover,.acad-primary-button:hover,.ag-primary-button:hover,.ag-generate-button:hover,.mg-admin-button.primary:hover,.studio-send-options button.primary:hover,.city-comment-form>button:hover{transform:none}}.maple-brand{flex:none;min-width:226px}.maple-brand strong,.city-auth-brand strong,.auth-brand strong,.mg-admin-brand strong{white-space:nowrap;letter-spacing:.055em;font-weight:850}.maple-brand strong{font-size:17px}.city-auth-brand strong,.auth-brand strong{font-size:18px}.mg-admin-brand strong{letter-spacing:.045em;font-size:15px}@media (width<=1240px){.maple-brand{min-width:190px}.maple-brand em{display:none}.maple-brand strong{font-size:16px}}@media (width<=1040px){.maple-brand{min-width:auto}}