/* ICERA ARENA v0.6: complete browser-local flows. */
[hidden]{display:none!important}
body{font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}
button,input,textarea,select{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8be5ff;outline-offset:4px}
button:disabled{cursor:not-allowed;opacity:.55}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-content{position:fixed;top:8px;left:12px;transform:translateY(-160%);padding:12px 18px;background:#a1e9ff;color:#07111d;z-index:500}
.skip-content:focus{transform:none}
.brand-copy b,.footer-brand{font-family:system-ui,sans-serif;font-weight:900;letter-spacing:-.8px}
.brand-copy small{font-family:system-ui,sans-serif;font-size:7px;letter-spacing:1.3px}
.nav-link{font-size:13px;white-space:nowrap}
.primary-btn,.secondary-btn,.small-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.5;text-align:center}
.platform-welcome{padding-top:76px;padding-bottom:36px;align-items:flex-start}
.platform-welcome h1{letter-spacing:-2px;line-height:1.25}
.platform-welcome p{font-size:15px;line-height:1.9}
.replay-link{margin-top:16px}
.welcome-actions{display:flex;gap:12px;margin-top:26px}
.welcome-actions a{font-size:13px}
.prototype-note{display:flex;align-items:center;gap:9px;line-height:1.8;padding-bottom:36px;color:#91a6b9;font-size:11px}
#page-home>.content-grid{padding-top:12px}
.brand-mark,.ad-card small,.ad-label,.status,.job-logo,.panel-title span,.messenger-title span{font-family:system-ui,sans-serif}
.demo-dot{width:6px;height:6px;background:#94e2ff;border-radius:50%;flex:none}
.section-head h2{font-size:24px;line-height:1.45}
.section-head .text-btn{font-size:12px;white-space:nowrap}
.eyebrow{font-family:system-ui,sans-serif;font-size:10px;letter-spacing:2px}
.panel h2{font-size:19px;margin:0}
.panel p,.ad-card p{font-size:13px;line-height:1.9;color:#9dafc1}
.panel h3,.ad-card h3{line-height:1.5}
.page-hero p{line-height:1.9;max-width:660px}
.event-card{position:relative;clip-path:none;padding:0;overflow:hidden;border-radius:12px;cursor:default}
.event-card:hover{transform:translateY(-2px)}
.card-open{display:block;height:100%;padding:12px}
.event-thumb{height:186px;border-radius:7px;background-size:cover;background-position:center}
.event-thumb:after{display:none}
.event-thumb b{font-family:inherit;font-size:22px;line-height:1.4;letter-spacing:0}
.event-thumb small{font-size:10px;letter-spacing:1px;color:#d7e8fa}
.event-body{padding:17px 4px 6px}
.event-title-row h3{font-size:13px;font-weight:500;color:#afc1d2}
.event-title-row b{font-family:system-ui,sans-serif;font-size:16px}
.meta-line{gap:6px}
.meta-line span{font-size:10px}
.save-card{position:absolute;right:23px;top:23px;z-index:3;background:#07121ee8;color:#b9d9eb;border:1px solid #7ba3be66;border-radius:6px;width:32px;height:32px;font-size:19px;display:grid;place-items:center}
.save-card[aria-pressed=true]{color:#92e8ff;border-color:#8be5ff;background:#16394d}
.job-card{grid-template-columns:1fr auto;gap:8px;padding:16px;border-radius:10px;cursor:default}
.job-open{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;min-width:0}
.job-card .save-card{position:static;align-self:center;width:29px;height:29px;font-size:17px}
.job-main h3{font-size:14px;line-height:1.6}
.job-main p{line-height:1.6}
.job-tags{flex-wrap:wrap}
.job-pay{padding-left:5px;min-width:85px}
.job-pay b{font-family:system-ui,sans-serif;font-size:16px}
.job-pay span{display:block;font-size:10px;line-height:1.5}
.guide-panel a{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #243142;color:#c7e4f4}
.guide-panel a>span{color:#60c4e3;font-size:12px}
.guide-panel a>div{flex:1}
.guide-panel b{display:block;font-size:12px}
.guide-panel small{display:block;font-size:10px;color:#8b9eb0;margin-top:5px;line-height:1.7}
.trend-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-top:1px solid #223043;color:#dcebf7;padding:15px 0;text-align:left;font-size:12px}
.trend-button small{color:#7f96aa}
.content-list{padding-left:20px;color:#afc1d2;font-size:13px;line-height:1.9}
.content-list li{margin:8px 0}
.filter-bar{gap:12px}
.search-box input{min-width:0;width:100%;font-size:13px}
.filter-bar select,.community-filters select{font-size:12px;min-height:47px}
.filter-summary{display:flex;align-items:center;gap:20px;margin:-2px 0 22px;color:#95adc2;font-size:12px;flex-wrap:wrap}
.filter-summary>span{margin-right:auto}
.check-filter{display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.check-filter input{accent-color:#7bdfff;width:15px;height:15px;margin:0}
.filter-summary .text-btn{font-size:12px}
.community-filters{display:flex;align-items:center;gap:18px;margin:20px 0;font-size:12px;color:#97b0c5;flex-wrap:wrap}
.community-filters select{background:#0d1824;color:#dcecf7;border:1px solid #2a4056;border-radius:8px;padding:9px}
.community-filters>span{margin-left:auto}
.empty-state{grid-column:1/-1;border:1px dashed #344c62;border-radius:12px;padding:40px 24px;text-align:center}
.empty-state h3{font-size:17px;margin-bottom:10px}
.empty-state p{font-size:13px;line-height:1.8;color:#91a7ba}
.empty-state .text-btn{margin-top:5px;font-size:12px}
.post-card{scroll-margin-top:130px}
.post-head>div{flex:1}
.post-head .text-btn{font-size:10px}
.post-card p{white-space:pre-wrap;overflow-wrap:anywhere}
.post-tag{display:inline-block;font-size:10px}
.post-actions{flex-wrap:wrap}
.post-actions button{font-size:12px;padding:8px 3px;min-height:36px}
.post-actions button[aria-pressed=true]{color:#8deaff}
.comment-list{padding:12px 0 0;margin:12px 0 0;border-top:1px solid #27394a}
.comment-row{font-size:12px;line-height:1.8;margin:10px 0;overflow-wrap:anywhere;white-space:pre-wrap}
.comment-row b{color:#90dbf3;margin-right:7px}
.comment-form{display:flex;gap:10px;margin:12px 0 0}
.comment-form input{min-width:0;flex:1;padding:10px;background:#0a1420;border:1px solid #344d64;border-radius:7px;color:#edf6ff;font-size:12px}
.comment-form button{font-size:12px}
.suggest-user button{min-width:58px;font-size:11px;border:1px solid #344b61;background:#0e1c29;border-radius:6px;padding:7px;color:#a6e9ff}
.suggest-user div{min-width:0}
.inline-note{color:#8fa9c0;font-size:12px;line-height:1.8;margin:-10px 0 22px}
.messenger{height:600px;max-height:76svh;min-height:420px;overflow:hidden;grid-template-columns:260px minmax(0,1fr)}
.conversation-list{overflow-y:auto;min-height:0}
.conversation{align-items:center;min-height:86px}
.conversation[aria-current=true]{background:#11283b;border-left:2px solid #82e1ff}
.conversation>div{display:block;min-width:0}
.conversation b,.conversation span,.conversation small{display:block;overflow:hidden;text-overflow:ellipsis}
.conversation b{font-size:12px;line-height:1.5}
.conversation span{margin-top:4px;font-size:10px;white-space:nowrap}
.conversation small{margin-top:4px}
.chat-area{min-height:0;overflow:hidden}
.chat-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none}
.msg{max-width:86%}
.msg p{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-compose{display:flex;grid-template-columns:1fr auto;flex:none}
.chat-compose input{flex:1;min-width:0;font-size:13px}
.chat-compose button{font-size:12px;padding:10px 16px}
.deal-header{gap:10px;flex:none}
.deal-header .secondary-btn{font-size:11px;white-space:nowrap}
.deal-header h3{line-height:1.6}
.deal-header p{line-height:1.7}
.price-offer b{font-family:system-ui,sans-serif;font-size:22px}
.price-offer small{font-size:10px}
.profile-main p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.tag-row{flex-wrap:wrap}
.profile-main .name-line h1{overflow-wrap:anywhere;line-height:1.5}
.profile-grid{grid-template-columns:minmax(0,1fr) 320px}
.profile-drafts{margin-top:18px}
.stack-actions{display:grid;gap:10px}
.stack-actions button{font-size:12px}
.collection-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #253749}
.collection-row>a,.collection-row>.draft-info{flex:1;min-width:0}
.collection-row b{font-size:13px;display:block;overflow-wrap:anywhere}
.collection-row small{font-size:10px;color:#96aabd;display:block;line-height:1.8;margin-top:4px}
.collection-row .text-btn{font-size:11px;white-space:nowrap}
.stats-panel b{font-family:system-ui,sans-serif;font-size:26px}
.stats-panel span{font-size:11px}
.profile-banner:after{display:none}
.platform-footer{border-top:1px solid #233445;padding:30px 0 35px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#8da6bb}
.footer-brand{color:#d7eafb;font-size:17px}
.platform-footer p{margin:0;font-size:11px}
.platform-footer nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.platform-footer button{border:0;background:none;color:#acc1d3;padding:8px 0;font-size:11px}
.platform-footer small{flex-basis:100%;font-size:10px;color:#7f96ac;line-height:1.8}
#appDialog{width:min(740px,calc(100vw - 32px));max-height:88svh;overflow-y:auto;border:1px solid #35556d;border-radius:16px;padding:36px;background:#0e1925;color:#eaf4fc;box-shadow:0 35px 130px #0009;overscroll-behavior:contain}
#appDialog::backdrop{background:#02070dd9;backdrop-filter:blur(5px)}
body:has(#appDialog[open]){overflow:hidden}
.detail-close{position:sticky;float:right;top:0;right:0;background:#122b3f;border-radius:7px;width:32px;height:32px;z-index:2;line-height:1;border:1px solid #375972}
#dialogTitle{margin:12px 0 12px;font-size:29px;line-height:1.45;letter-spacing:-.8px;overflow-wrap:anywhere}
.dialog-intro{color:#a7bfd2;line-height:1.9;font-size:14px}
.detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}
.detail-tags span{padding:5px 9px;background:#172b3c;border:1px solid #2d4b63;border-radius:5px;font-size:11px;color:#b5d5eb}
.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.detail-metrics div{background:#0a131e;border:1px solid #263e52;border-radius:8px;padding:14px}
.detail-metrics small{display:block;font-size:10px;color:#8ba6bd;margin-bottom:7px}
.detail-metrics b{font-size:14px;line-height:1.65}
.detail-section{border-top:1px solid #2a3c4f;padding-top:20px;margin-top:24px}
.detail-section h3{font-size:16px;margin-bottom:12px}
.detail-section p{font-size:13px;line-height:1.95;color:#a9bfd2;white-space:pre-wrap;overflow-wrap:anywhere}
.schedule{list-style:none;padding:0}
.schedule li{display:grid;grid-template-columns:120px 1fr;gap:15px;line-height:1.8;font-size:12px;padding:11px 0;border-bottom:1px solid #25384a}
.schedule time{color:#8be3fc}
.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.dialog-actions button,.dialog-actions a{font-size:12px}
.dialog-note{color:#87a3ba;font-size:11px;line-height:1.8;padding:12px 15px;border-left:2px solid #4e91b3;background:#122436;margin:20px 0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.form-grid .span-all{grid-column:1/-1}
.field>span{font-size:12px;color:#b8cfdf}
.field input,.field textarea,.field select{width:100%;border:1px solid #36506a;background:#091522;border-radius:7px;color:#edf7ff;padding:12px;font-size:13px}
.field textarea{resize:vertical;min-height:100px;line-height:1.8}
.field small{color:#8fa9bd;line-height:1.7;font-size:10px}
.field-error{color:#ffb3c4;font-size:12px;line-height:1.7;margin-top:12px}
.draft-text{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#b2c9dc;background:#09141f;border:1px solid #2a4156;border-radius:8px;padding:18px}
.info-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.info-cards section{background:#132436;border:1px solid #29475f;padding:18px;border-radius:10px}
.info-cards h3{font-size:15px;margin:0 0 8px}
.info-cards p{font-size:12px;color:#9fb8cc;line-height:1.9;margin:0}
.publish-choice{display:block;width:100%;text-align:left;border:1px solid #2c4a63;border-radius:10px;padding:18px;background:#112335;color:#eef8ff;margin-top:12px}
.publish-choice b{display:block;font-size:15px}
.publish-choice small{display:block;font-size:12px;color:#a4bed2;line-height:1.8;margin-top:5px}
.prototype-toast{line-height:1.8;border-radius:8px;width:max-content;max-width:min(90vw,600px);pointer-events:none}
.highlight-post{outline:2px solid #72d4f5;outline-offset:4px}
@media(min-width:1101px){.nav-link{padding:10px 11px}.topbar{gap:20px}.brand{min-width:215px}}
@media(max-width:1100px){.profile-grid{grid-template-columns:1fr}.topbar{height:auto;min-height:100px}.platform-footer nav{margin-left:0}}
@media(max-width:720px){
  .topbar{min-height:100px;padding:13px 14px 7px}
  .top-actions{gap:7px}.top-actions .ghost-btn{padding:7px 9px;font-size:11px}
  .nav{gap:0;justify-content:space-between}.nav-link{flex:1;text-align:center;padding:9px 7px;font-size:12px}
  .platform-welcome{padding-top:40px;padding-bottom:24px;display:block}
  .platform-welcome h1{font-size:32px;letter-spacing:-1.2px}
  .platform-welcome p{font-size:13px}
  .replay-link{display:inline-block;margin-top:22px}
  .section-head h2{font-size:21px}
  .section-head .text-btn{font-size:11px}
  .event-thumb{height:196px}
  .job-open{grid-template-columns:auto minmax(0,1fr);gap:10px}
  .job-pay{grid-column:2;text-align:left;padding:0;min-width:0;display:flex;align-items:center;gap:8px}
  .job-main h3{font-size:13px}.job-pay b{font-size:14px}
  .job-logo{width:40px;height:40px;font-size:15px}
  .job-card{padding:13px}
  .filter-summary{gap:12px;font-size:11px}
  .community-filters{gap:12px}
  .community-filters>span{margin-left:0}
  .messenger{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column}
  .conversation-list{max-height:190px;flex:none;border-bottom:1px solid #34506a}
  .messenger-title{padding:12px 15px}
  .messenger-title b{display:block;font-size:12px}
  #conversationList{display:flex;overflow-x:auto}
  .conversation{display:flex;min-width:175px;width:175px;min-height:88px;padding:12px}
  .conversation-list .conversation div{display:block}
  .conversation small{display:none}
  .chat-area{height:510px;max-height:75svh;min-height:370px}
  .chat-messages{padding:16px}
  .deal-header{padding:14px;align-items:flex-start}
  .deal-header h3{font-size:12px}
  .deal-header .secondary-btn{padding:9px}
  .msg{max-width:94%}
  .msg p{font-size:12px}
  .profile-main{padding-top:0}
  .name-line{flex-wrap:wrap;gap:5px}
  .verified{font-size:8px}
  .profile-main .name-line h1{font-size:23px}
  .platform-footer{gap:12px}
  .platform-footer nav{gap:17px;flex-basis:100%}
  #appDialog{padding:23px 19px;max-height:90svh}
  #dialogTitle{font-size:24px}
  .detail-metrics{gap:8px}
  .detail-metrics div{padding:12px}
  .detail-metrics b{font-size:12px}
  .form-grid,.info-cards{grid-template-columns:1fr}
  .schedule li{grid-template-columns:92px 1fr;gap:8px}
  .dialog-actions>*{flex:1}
  .profile-grid .sidebar{margin-top:0}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}