:root{--xy-orange: #f58300;--xy-yellow: #ffc83d;--xy-cream: #fff7ec;--xy-paper: #ffffff;--xy-brown: #4d2900;--xy-charcoal: #2d2926;--xy-teal: #2e9e91;--xy-coral: #f46f5e;--xy-border: #f5d7b1}:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--xy-charcoal);background:#f7f3ed;font-synthesis:none;text-rendering:optimizeLegibility;--mobile-shadow: 0 12px 34px rgba(77,41,0,.08)}*{box-sizing:border-box}html{background:#ece8e2}body{margin:0;background:#f7f3ed}body,button,input,textarea,select{font:inherit}button,input,textarea,select{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--xy-teal);outline-offset:2px}.platform-shell{display:flex;flex-direction:column;width:min(100%,520px);min-height:100vh;margin:0 auto;background:#f7f3ed;box-shadow:0 0 50px #2d292614}.platform-footer{margin-top:auto;padding:14px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(77,41,0,.06);color:#aaa097;font-size:11px;line-height:1.6;text-align:center}.platform-footer p{margin:0 0 2px}.platform-footer a{color:inherit}.mobile-header{position:sticky;top:0;z-index:50;display:flex;min-height:68px;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid rgba(77,41,0,.08);background:#fffdf9f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-header img{width:auto;height:48px;object-fit:contain;object-position:left center}.profile-link{display:inline-flex;min-height:44px;align-items:center;gap:7px;color:#176f67;font-size:14px;font-weight:800}.mobile-main{padding:14px 14px calc(32px + env(safe-area-inset-bottom))}.platform-hero{position:relative;min-height:275px;overflow:hidden;padding:28px 24px;border-radius:25px;color:#fff;background:linear-gradient(145deg,#176f67,#2e9e91 62%,#45b2a4);box-shadow:0 18px 36px #2e9e9138}.platform-hero:before,.platform-hero:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.14);border-radius:50%}.platform-hero:before{width:210px;height:210px;right:-80px;top:-80px}.platform-hero:after{width:140px;height:140px;right:-20px;bottom:-70px}.platform-hero>div:first-child{position:relative;z-index:2;max-width:290px}.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:99px;color:#fff6dc;background:#00000024;font-size:12px;font-weight:750}.platform-hero h1{margin:18px 0 12px;font-size:clamp(32px,9vw,44px);line-height:1.12;letter-spacing:-.04em}.platform-hero p{max-width:300px;margin:0 0 20px;color:#ffffffd6;font-size:14px;line-height:1.75}.platform-hero a{display:inline-flex;min-height:44px;align-items:center;gap:8px;border-radius:99px;padding:8px 16px;color:var(--xy-brown);background:#fff5dc;font-size:14px;font-weight:850}.hero-orbit{position:absolute;right:20px;bottom:26px;display:grid;width:76px;height:76px;place-items:center;border-radius:50%;color:#176f67;background:#ffd46a;transform:rotate(-8deg);box-shadow:0 12px 30px #00000029}.hero-orbit svg{width:38px;height:38px}.section-card{margin-top:14px;padding:20px 18px;border:1px solid rgba(77,41,0,.07);border-radius:22px;background:#fff;box-shadow:var(--mobile-shadow)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title span,.volunteer-banner>div:nth-child(2)>span,.page-heading>span{color:#a35b0a;font-size:10px;font-weight:900;letter-spacing:.14em}.section-title h2{margin:3px 0 0;color:var(--xy-brown);font-size:20px;letter-spacing:-.02em}.section-title>a{color:#8c8178;font-size:13px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-tile{display:flex;min-height:136px;flex-direction:column;justify-content:flex-end;gap:5px;border-radius:18px;padding:17px}.service-tile svg{margin-bottom:auto;width:28px;height:28px}.service-tile strong{font-size:17px}.service-tile span{color:#5f5650;font-size:11px}.service-tile.teal{color:#176f67;background:linear-gradient(145deg,#e1f5f1,#c6eee7)}.service-tile.orange{color:#a65300;background:linear-gradient(145deg,#fff0d4,#ffdfaa)}.volunteer-banner{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:20px 16px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#f58300,#f46f5e);box-shadow:0 16px 32px #f5830038}.volunteer-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;color:#d46000;background:#fff5dc}.volunteer-banner>div:nth-child(2)>span{color:#ffffffb8}.volunteer-banner h2{margin:2px 0 4px;font-size:18px}.volunteer-banner p{margin:0;color:#ffffffd6;font-size:11px;line-height:1.5}.volunteer-banner>a{display:flex;min-width:70px;padding-left:5px;min-height:44px;align-items:center;justify-content:center;border-radius:99px;color:#a14f00;background:#fff;font-size:13px;font-weight:850}.activity-list{display:grid;gap:10px}.activity-card{position:relative;display:grid;grid-template-columns:92px 1fr 18px;align-items:center;gap:12px;min-height:106px;border-radius:16px;padding:9px;background:#fbf8f4}.activity-cover{width:92px;height:88px;overflow:hidden;border-radius:13px}.activity-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff5dc;background:linear-gradient(145deg,#237f75,#4cb2a5);font-size:10px;font-weight:750}.activity-copy{min-width:0}.mini-label,.status-pill{display:inline-flex;border-radius:99px;padding:4px 8px;color:#9b5406;background:#fff0d8;font-size:10px;font-weight:800}.activity-copy h3{display:-webkit-box;overflow:hidden;margin:7px 0;color:var(--xy-brown);font-size:15px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.activity-copy p,.activity-row p{display:flex;align-items:center;gap:5px;margin:3px 0;color:#665d55;font-size:11px}.card-arrow{color:#a99d92}.feedback-list{display:grid;gap:12px}.feedback-card{border:1px solid #f3e2ce;border-radius:16px;padding:14px;background:#fffdf9}.feedback-meta{display:flex;align-items:center;gap:10px}.avatar-dot{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#176f67;background:#dcf3ef;font-weight:850}.feedback-card strong{color:var(--xy-brown);font-size:13px}.stars{color:#f59c00;font-size:12px;letter-spacing:1px}.feedback-card p{margin:10px 0 0;color:#5c534c;font-size:13px;line-height:1.7;white-space:pre-wrap}.feedback-images{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.feedback-images img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover}.empty-state{display:grid;min-height:116px;place-items:center;align-content:center;gap:8px;color:#9c9187;font-size:13px}.page-footnote{margin:28px 0 8px;color:#aaa097;font-size:11px;text-align:center}.state-page{display:grid;min-height:100vh;place-items:center;align-content:center;gap:14px;padding:28px;text-align:center}.state-card{width:min(100%,390px);border-radius:24px;padding:30px 24px;background:#fff;box-shadow:var(--mobile-shadow)}.state-icon{display:grid;width:68px;height:68px;margin:0 auto;place-items:center;border-radius:22px;color:#176f67;background:#dcf3ef}.state-card h1{margin:18px 0 10px;color:var(--xy-brown);font-size:26px}.state-card p{color:#675e57;line-height:1.8}.state-card button,.notice-card button{min-height:44px;border:0;border-radius:99px;padding:0 20px;color:#fff;background:var(--xy-orange);font-weight:800}.spinner{width:34px;height:34px;border:3px solid #e6d9ca;border-top-color:var(--xy-teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:20px;background:linear-gradient(90deg,#eee7df 25%,#faf7f2,#eee7df 65%);background-size:300% 100%;animation:pulse 1.4s ease infinite}@keyframes pulse{to{background-position:-100% 0}}.hero-skeleton{height:275px}.grid-skeleton{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.grid-skeleton>div{height:150px}.list-skeleton{height:280px;margin-top:14px}.subpage{min-height:calc(100vh - 68px)}.page-heading{padding:10px 6px 20px}.page-heading h1{margin:7px 0 8px;color:var(--xy-brown);font-size:30px;letter-spacing:-.04em}.page-heading p{margin:0;color:#766c64;font-size:13px;line-height:1.7}.activity-list.expanded{gap:12px}.activity-row{display:grid;grid-template-columns:1fr 42px;align-items:center;min-height:156px;padding:20px;border:1px solid rgba(77,41,0,.07);border-radius:20px;background:#fff;box-shadow:var(--mobile-shadow)}.activity-row h2{margin:10px 0 12px;color:var(--xy-brown);font-size:18px;line-height:1.45}.status-pill.finished{color:#70675f;background:#eeeae5}.round-arrow{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#176f67;background:#dcf3ef;font-size:25px}.activity-detail{width:100%;padding-bottom:calc(108px + env(safe-area-inset-bottom))}.detail-cover{position:relative;height:260px}.detail-cover>img{width:100%;height:100%;object-fit:cover}.cover-placeholder.large{font-size:16px}.cover-placeholder.large svg{width:58px;height:58px}.back-button{position:absolute;top:15px;left:15px;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;color:#fff;background:#00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-card{position:relative;z-index:2;margin:-26px 14px 0;border-radius:22px;padding:22px 18px;background:#fff;box-shadow:var(--mobile-shadow)}.detail-card h1{margin:9px 0 18px;color:var(--xy-brown);font-size:23px;line-height:1.4}.detail-facts{display:grid;gap:11px}.detail-facts p{display:grid;grid-template-columns:22px 74px 1fr;align-items:start;gap:5px;margin:0;color:#9c5a18;font-size:12px;font-weight:800}.detail-facts p svg{width:18px;height:18px}.detail-facts p span{color:#5f5750;font-weight:500;line-height:1.55}.org-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.org-tags span{border-radius:99px;padding:6px 10px;color:#176f67;background:#e0f3ef;font-size:11px}.detail-section{margin-top:12px;padding:22px 18px;background:#fff}.detail-section h2{border-left:3px solid var(--xy-orange);margin:0 0 15px;padding-left:10px;color:var(--xy-brown);font-size:18px}.long-copy{color:#5b534d;font-size:14px;line-height:1.9;white-space:pre-wrap}.sticky-action{position:fixed;z-index:45;bottom:0;left:50%;display:grid;width:min(100%,520px);grid-template-columns:1fr minmax(138px,auto);align-items:center;gap:10px;min-height:84px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eadfd3;background:#fffffff5;transform:translate(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sticky-action>div{color:#82776f;font-size:12px}.sticky-action button,.primary-button{min-height:48px;border:0;border-radius:99px;padding:0 22px;color:#fff;background:var(--xy-orange);font-weight:850;box-shadow:0 9px 20px #f5830033}.sticky-action button:disabled,.primary-button:disabled{opacity:.55}.sticky-action>a{grid-column:1 / -1;min-height:30px;color:#176f67;font-size:12px;text-align:center}.form-notice,.warning-card{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;border-radius:17px;padding:14px;color:#176f67;background:#def2ef}.warning-card{color:#95510d;background:#fff0d6}.form-notice svg,.warning-card svg{flex:0 0 auto;width:20px}.form-notice p,.warning-card p{margin:0;font-size:12px;line-height:1.7}.mobile-form{display:grid;gap:15px;border-radius:22px;padding:20px 17px;background:#fff;box-shadow:var(--mobile-shadow)}.mobile-form label{display:grid;gap:7px;color:#504942;font-size:13px;font-weight:750}.mobile-form label>span{color:var(--xy-coral)}.mobile-form input,.mobile-form textarea,.mobile-form select{width:100%;min-height:48px;border:1px solid #e8ded3;border-radius:13px;padding:11px 13px;background:#fbf9f6;font-size:14px;font-weight:500;outline:0}.mobile-form textarea{resize:vertical}.mobile-form input:focus,.mobile-form textarea:focus,.mobile-form select:focus{border-color:var(--xy-teal);box-shadow:0 0 0 3px #2e9e911f}.mobile-form fieldset{border:0;margin:0;padding:0}.mobile-form legend{margin-bottom:7px;font-size:13px;font-weight:750}.consent-row{display:grid!important;grid-template-columns:22px auto 1fr;align-items:start;gap:8px!important;font-weight:500!important;line-height:1.6}.consent-row input{width:20px;min-height:20px;margin:1px 0 0}.consent-row>span{color:#5d554e!important}.form-result{margin:0;color:#176f67;font-size:13px;line-height:1.6;text-align:center}.status-result{border-radius:22px;padding:36px 22px;background:#fff;box-shadow:var(--mobile-shadow);text-align:center}.status-result>svg{width:58px;height:58px;color:var(--xy-teal)}.status-result h2{margin:14px 0 8px;color:var(--xy-brown)}.status-result p{color:#746b63;font-size:13px;line-height:1.7}.status-result .primary-button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px}.rating-picker{display:flex;gap:4px}.rating-picker button{min-width:44px;min-height:44px;border:0;padding:0;color:#d9d1c8;background:transparent;font-size:30px}.rating-picker button.active{color:#f5a000}.file-picker{display:flex!important;min-height:70px;align-items:center;justify-content:center;gap:8px!important;border:1px dashed #cfc1b2;border-radius:14px;color:#176f67!important;background:#fbf9f6;cursor:pointer}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.profile-page{min-height:calc(100vh - 68px);padding:0 14px calc(30px + env(safe-area-inset-bottom));background:linear-gradient(#218579 0 205px,#f7f3ed 205px)}.profile-hero{display:flex;min-height:185px;align-items:center;gap:15px;padding:20px;color:#fff}.profile-avatar{display:grid;width:68px;height:68px;overflow:hidden;place-items:center;border:3px solid rgba(255,255,255,.7);border-radius:50%;background:#ffffff2e}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar svg{width:34px;height:34px}.profile-hero h1{margin:0 0 5px;font-size:24px}.profile-hero p{margin:0;color:#ffffffc2;font-size:12px}.profile-card{overflow:hidden;margin-bottom:13px;border-radius:20px;background:#fff;box-shadow:var(--mobile-shadow)}.profile-card h2{display:flex;align-items:center;gap:8px;margin:0;padding:18px 17px 12px;color:var(--xy-brown);font-size:16px}.profile-card h2 svg{width:19px;color:var(--xy-teal)}.profile-row,.simple-row{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;min-height:72px;margin:0 16px;border-bottom:1px solid #eee7df}.profile-row:last-child,.simple-row:last-child{border:0}.row-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#176f67;background:#e1f4f0}.row-icon svg{width:20px}.profile-row>span:nth-child(2),.simple-row>span{display:grid;gap:3px}.profile-row strong,.simple-row strong{color:#453e38;font-size:14px}.profile-row small,.simple-row small{color:#988e85;font-size:11px}.profile-row>svg{color:#b3aaa2}.simple-row{grid-template-columns:28px 1fr}.simple-row>svg{width:18px;color:var(--xy-teal)}.notification-dot{width:9px;height:9px;border-radius:50%;background:#c8c0b8}.notification-dot.unread{background:var(--xy-coral)}.logout-button{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:8px;border:1px solid #e8ddd2;border-radius:16px;color:#8d4a08;background:#fff;font-weight:750}.logout-button svg{width:18px}.notice-card{border-radius:20px;padding:24px;background:#fff;box-shadow:var(--mobile-shadow);text-align:center}.muted{color:#958b82!important}.padded{padding:0 17px 18px}.success-message{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;color:#176f67;font-size:13px}@media(max-width:360px){.platform-hero{padding:24px 20px}.hero-orbit{width:60px;height:60px}.service-grid{grid-template-columns:1fr}.service-tile{min-height:110px}.volunteer-banner{grid-template-columns:46px 1fr}.volunteer-banner>a{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}