:root{color:#232428;background:#f1f2f4;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{color:inherit}.site-shell{min-height:100vh;display:flex;justify-content:center;background:#f1f2f4}.app-frame{width:min(100vw,430px);min-height:100vh;background:#fbfbfa;border-left:1px solid #dededb;border-right:1px solid #dededb;padding-bottom:120px}.topbar{position:sticky;top:0;z-index:30;height:58px;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;background:#fbfbfaf5;border-bottom:1px solid #dededb}.topbar-title{text-align:center;min-width:0}.topbar-title strong{display:block;font-size:18px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title span{display:block;color:#74767c;font-size:12px;margin-top:2px}.brand-dot{width:12px;height:12px;border-radius:50%;background:#19a15f;display:block;margin-left:21px}.icon-button{width:42px;height:42px;border:0;background:transparent;display:inline-grid;place-items:center;border-radius:8px;cursor:pointer}.hero,.join-hero{padding:24px 20px 18px;border-bottom:1px solid #dededb}.hero h1,.join-hero h1{margin:0;font-size:29px;line-height:1.18;font-weight:950;letter-spacing:0}.hero p,.join-hero p{color:#62646b;line-height:1.55;margin:10px 0 18px}.primary-button,.secondary-button,.action-row button,.action-row a{min-height:48px;border-radius:8px;border:1px solid #2e62d4;background:#2e62d4;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:850;text-decoration:none;cursor:pointer}.primary-button.green{background:#11965a;border-color:#11965a}.primary-button.orange{background:#c96a24;border-color:#c96a24}.secondary-button{background:#fff;color:#2b2c31;border-color:#cfcfca}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #dededb}.metric{min-height:82px;display:grid;place-items:center;align-content:center;gap:5px;border-right:1px solid #dededb;text-align:center;padding:8px 3px}.metric:last-child{border-right:0}.metric strong{font-size:20px;font-weight:900}.metric span{color:#666870;font-size:12px}.primary-button:disabled,.secondary-button:disabled{opacity:.68;cursor:not-allowed}.alert-text{color:#df4d3e}.section{padding:20px;border-bottom:1px solid #dededb}.section h2{margin:0 0 14px;font-size:18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2{margin:0;font-size:18px}.section-title button{border:0;background:transparent;display:inline-flex;align-items:center;gap:2px;color:#62646b;cursor:pointer}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-card,.template-choice{border:1px solid #d6d6d1;background:#fff;border-radius:8px;text-align:left;cursor:pointer}.template-card{min-height:116px;display:grid;align-content:start;gap:7px;padding:13px}.template-card strong,.template-choice strong{font-weight:900}.template-card span,.template-choice small{color:#666870;font-size:13px;line-height:1.4}.template-card.green svg,.task-icon.green{color:#128f57}.template-card.rose svg,.task-icon.rose{color:#b23b5b}.template-card.blue svg,.task-icon.blue{color:#2b73d2}.template-card.teal svg,.task-icon.teal{color:#008b83}.template-card.orange svg,.task-icon.orange{color:#c96a24}.template-list{display:grid;gap:9px}.template-choice{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px}.template-choice.active{border-color:#2e62d4;box-shadow:inset 0 0 0 1px #2e62d4}.circle-choice-list{display:grid;gap:10px}.radio-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:13px;border:1px solid #d6d6d1;border-radius:8px;background:#fff}.radio-row small{display:block;color:#666870;margin-top:3px}.task-list{border-top:1px solid #dededb}.task-row{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;min-height:82px;border-bottom:1px solid #dededb}.task-main{border:0;background:transparent;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-width:0;cursor:pointer}.task-icon{width:38px;height:38px;border-radius:8px;background:#f1f2f4;display:grid;place-items:center}.task-main strong,.response-main strong{display:block;font-weight:900}.task-main small,.response-main span,.response-main small,.task-stats span{color:#666870;font-size:13px;line-height:1.4}.task-stats{text-align:right;font-size:13px}.task-stats b{display:block}.manage-head{padding:16px 20px 6px;display:flex;gap:12px;align-items:center;color:#55575d}.status{border-radius:999px;padding:4px 9px;font-size:13px;font-weight:900;border:1px solid #d6d6d1}.status.open{color:#128f57;border-color:#9ed7b8;background:#eef9f2}.status.closed{color:#6b6d74;background:#f1f2f4}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 20px 16px}.action-row button,.action-row a{border-color:#cfcfca;background:#fff;color:#2b2c31;padding:0 8px}.action-row button:last-child{grid-column:1 / -1}.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:16px 20px 10px;border-bottom:1px solid #dededb}.filter-bar button{min-height:40px;border:0;border-radius:999px;background:transparent;font-size:13px;cursor:pointer}.filter-bar button.active{background:#2d2e33;color:#fff;font-weight:900}.search-row{margin:14px 20px;border:1px solid #d0d0ca;border-radius:8px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:0 11px;min-height:46px}.search-row input{border:0;outline:0;background:transparent}.response-list{border-top:1px solid #dededb}.response-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 20px;border-bottom:1px solid #dededb}.response-main{min-width:0}.response-main b{display:block;margin-top:5px}.status-controls{display:grid;gap:7px;align-content:center}.pill{border:1px solid #d6d6d1;background:#fff;border-radius:6px;min-height:28px;padding:0 9px;font-size:13px;font-weight:900;cursor:pointer}.pill.paid,.pill.picked_up,.pill.completed,.pill.attending{color:#16864f;background:#edf8f1;border-color:#a7d9bd}.pill.review,.pill.maybe{color:#c96a24;background:#fff3e9;border-color:#ecc195}.pill.unpaid{color:#d6493b;background:#fff1ef;border-color:#efb8b1}.task-edit-section{display:grid;gap:12px}.task-setting-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.task-setting-summary span{min-height:58px;border:1px solid #d6d6d1;border-radius:8px;background:#fff;display:grid;align-content:center;gap:3px;padding:10px;color:#62646b;font-size:13px}.task-setting-summary strong{color:#2b2c31;font-weight:900;line-height:1.25}.conversion-section{display:grid;gap:12px;background:#f8fafc}.interest-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.interest-summary span,.conversion-choice{border:1px solid #d6d6d1;border-radius:8px;background:#fff}.interest-summary span{min-height:58px;display:grid;align-content:center;gap:2px;padding:10px;color:#62646b;font-size:13px}.interest-summary strong{color:#2b2c31;font-size:20px;font-weight:900}.conversion-list{display:grid;gap:8px}.conversion-choice{min-height:58px;text-align:left;display:grid;gap:3px;padding:11px 12px;cursor:pointer}.conversion-choice strong{font-weight:900}.conversion-choice small{color:#666870}.conversion-choice.active{border-color:#2e62d4;box-shadow:inset 0 0 0 1px #2e62d4}.conversion-editor{display:grid;gap:12px}.conversion-editor label{display:grid;gap:7px;font-weight:850}.conversion-editor textarea{min-height:76px}.secondary-button.compact{min-height:36px;padding:0 10px;font-size:13px}.option-editor-list{display:grid;gap:10px}.option-editor-head,.option-editor-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.option-editor-head strong,.option-editor-title span{font-weight:900}.option-editor{border:1px solid #d6d6d1;border-radius:8px;background:#fff;padding:12px;display:grid;gap:9px}.option-editor-title button{min-height:30px;border:1px solid #d6d6d1;border-radius:6px;background:#fff;padding:0 9px;color:#62646b;cursor:pointer}.option-editor-title button:disabled{opacity:.45;cursor:not-allowed}.join-hero h1{font-size:27px;margin-top:12px}.option-list{display:grid;gap:10px}.option-row{border:1px solid #d6d6d1;border-radius:8px;background:#fff;padding:13px;display:grid;grid-template-columns:1fr auto;gap:12px}.option-row small{display:block;color:#666870;margin-top:4px}.stepper{grid-column:1 / -1;justify-self:end;display:grid;grid-template-columns:48px 54px 48px;height:42px;border:1px solid #d0d0ca;border-radius:8px;overflow:hidden}.stepper button{border:0;background:#fff;font-size:20px;cursor:pointer}.stepper span{display:grid;place-items:center;border-left:1px solid #d0d0ca;border-right:1px solid #d0d0ca;font-weight:900}.form-section{display:grid;gap:14px}.form-section label{display:grid;gap:7px;font-weight:850}input,textarea{width:100%;border:1px solid #d0d0ca;border-radius:8px;min-height:44px;padding:10px 12px;background:#fff}textarea{min-height:92px;resize:vertical}select{border:1px solid #d0d0ca;border-radius:8px;min-height:44px;padding:0 12px;background:#fff}.discussion-section{display:grid;gap:14px}.publish-box{border:1px solid #d6d6d1;border-radius:8px;background:#fff;padding:12px;display:grid;gap:10px}.publish-box textarea{min-height:82px}.publish-actions{display:grid;grid-template-columns:minmax(94px,.38fr) 1fr;gap:10px}.publish-actions button,.form-section .secondary-button{min-height:44px}.discussion-list{display:grid;gap:10px}.discussion-list.compact{gap:8px}.empty-note{color:#74767c;margin:0;font-size:14px}.discussion-item{display:grid;grid-template-columns:auto 1fr;gap:10px;border:1px solid #d6d6d1;border-radius:8px;background:#fff;padding:12px}.discussion-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#f1f2f4;color:#52545b}.discussion-item header{display:flex;justify-content:space-between;gap:10px;align-items:center}.discussion-item header strong{font-weight:900}.discussion-item header span{border-radius:999px;padding:3px 8px;background:#f1f2f4;color:#62646b;font-size:12px;font-weight:900}.discussion-item p{margin:7px 0 5px;color:#33343a;line-height:1.5}.discussion-item small{color:#74767c;font-size:12px}.discussion-item.announcement.important{border-color:#e6b36f;background:#fff8ef}.discussion-item.announcement.important .discussion-icon,.discussion-item.announcement.important header span{color:#bd641d;background:#fff0dc}.discussion-item.announcement.urgent{border-color:#efa69f;background:#fff3f1}.discussion-item.announcement.urgent .discussion-icon,.discussion-item.announcement.urgent header span{color:#d6493b;background:#ffe7e3}.total-box{margin:18px 20px;border:1px solid #b8dabe;background:#eef9f2;border-radius:8px;padding:14px;display:grid;gap:4px}.total-box strong{color:#128f57;font-size:22px}.total-box small{color:#47745d}.sticky-actions{position:sticky;bottom:0;z-index:20;background:#fbfbfaf5;border-top:1px solid #dededb;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:grid;gap:10px}.sticky-actions.two{grid-template-columns:1fr 1fr}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(400px,calc(100vw - 28px));min-height:46px;border-radius:8px;background:#2b2c31;color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;z-index:80}.toast button{color:#fff;border:0;background:transparent}.loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;color:#666870}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:900px){.site-shell{padding:24px}.app-frame{border-radius:12px;overflow:hidden;min-height:calc(100vh - 48px)}}