:root{--app-height: 100vh;--coral: #ee5b3f;--coral-deep: #d9432d;--orange: #f59a35;--aqua: #43b9c7;--aqua-soft: #e4f6f7;--peach: #fff0e9;--page-bg: #fffaf7;--ink: #3c302f;--muted: #8c7771;--line: #f0ddd5;--page-gutter: 16px;--card-gap: 12px;--card-radius: 16px;--card-padding: 16px 18px;--card-border: 1px solid var(--line);--card-shadow: 0 8px 24px rgba(118, 70, 52, .08);--header-height: 56px;--hero-min: clamp(124px, calc(var(--app-height) * .2), 176px);--hero-title: clamp(21px, 5.6vw, 27px);--field-height: 48px;--field-gap: 13px;--action-height: 50px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility}@media(min-height:730px){:root{--page-gutter: 18px;--card-gap: 14px;--card-padding: 19px 20px;--header-height: 60px;--field-height: 52px;--field-gap: 16px;--action-height: 54px}}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;min-width:320px;background:var(--page-bg)}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.page{display:flex;height:var(--app-height);max-width:480px;margin:0 auto;flex-direction:column;overflow:hidden;background:var(--page-bg)}.page-body{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;justify-content:safe center;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.page-body>:last-child{margin-bottom:var(--card-gap)}.page-footer{flex:0 0 auto;padding:12px var(--page-gutter) calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(240,221,213,.8);background:var(--page-bg)}.page-footer>p{margin:9px 8px 0;color:#927c74;text-align:center;font-size:11px;line-height:1.55}html.app-viewport,body.app-viewport,body.app-viewport #app{height:var(--app-height);min-height:var(--app-height);overflow:hidden;overscroll-behavior:none}.attendee-header{display:grid;flex:0 0 auto;min-height:var(--header-height);grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) var(--page-gutter) 8px;border-bottom:1px solid var(--line);background:#fff0e9f5}.attendee-header.has-action{grid-template-columns:36px minmax(0,1fr) auto}.header-brand,.header-back{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:11px;color:var(--aqua);background:#fff;text-decoration:none}.header-brand img{width:30px;height:30px;object-fit:contain;border-radius:50%}.header-back{color:#735f59}.header-copy{display:flex;min-width:0;flex-direction:column}.header-action{display:flex;align-items:center;justify-content:flex-end}.attendee-header strong{color:#59433d;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.attendee-header small{margin-top:2px;color:#a18982;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{display:flex;align-items:center;gap:4px;padding:7px 0 7px 8px;border:0;color:#8b7068;background:transparent;font-size:12px;white-space:nowrap}.attendee-hero{display:flex;flex:1 1 auto;min-height:var(--hero-min);max-height:calc(var(--app-height) * .36);padding:18px 20px;align-items:center;color:#fff;background:linear-gradient(135deg,#de4b34,#f47f45 68%,#f2a54a);background-position:center;background-size:cover;position:relative;overflow:hidden}.attendee-hero:after{content:"";position:absolute;width:170px;height:170px;right:-55px;bottom:-95px;border:28px solid rgba(255,255,255,.13);border-radius:50%}.attendee-hero.has-kv:after{display:none}.attendee-hero-copy{width:100%;position:relative;z-index:1}.attendee-hero.has-kv .attendee-hero-copy{width:62%;margin-right:auto}.attendee-hero .eyebrow{margin:0 0 7px;color:#ffe1a7;font-size:10px;font-weight:700;letter-spacing:3px}.attendee-hero h1{margin:0;font-size:var(--hero-title);line-height:1.3;letter-spacing:1px}.attendee-hero p{max-width:330px;margin:8px 0 0;color:#ffffffe0;font-size:12px;line-height:1.6}.expert-entry-hero,.expert-welcome-hero{background:linear-gradient(135deg,#1f7d8d,#43b9c7 70%,#6fd0d6)}.expert-entry-hero.has-kv{background-size:cover;background-position:center}.expert-entry-hero .eyebrow,.expert-welcome-hero .eyebrow{color:#d8fbff}.expert-welcome-hero h1{font-size:clamp(19px,5vw,24px)}.expert-welcome-meeting{font-weight:600}.expert-meta{display:flex;margin-top:10px;align-items:flex-start;gap:7px;color:#ffffffdb;font-size:12px;line-height:1.5}.meeting-cover-hero h1{font-size:clamp(19px,5vw,23px)}.mini-meeting-card,.meeting-card,.application-summary,.login-attendee-form,.expert-login-panel,.live-agenda-card{margin:var(--card-gap) var(--page-gutter) 0;padding:var(--card-padding);border:var(--card-border);border-radius:var(--card-radius);background:#fff;box-shadow:var(--card-shadow)}.meeting-series-name{margin:0 0 4px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1px}.mini-meeting-card h2{margin:0 0 6px;color:#bf3f2d;font-size:16px;line-height:1.35}.mini-meeting-card div{display:flex;align-items:center;gap:10px;color:#725d56;font-size:12px}.mini-meeting-card svg{width:18px;height:18px;flex:0 0 18px;color:var(--aqua)}.attendee-form h2{margin:0;color:#58413b;font-size:17px}.form-intro{margin:5px 0 14px;color:var(--muted);font-size:12px}.field-label{display:block;margin:0 0 7px 2px;color:#5b4540;font-size:13px;font-weight:600}.field-label b{color:var(--coral);font-weight:500}.field-shell{display:flex;height:var(--field-height);margin-bottom:var(--field-gap);align-items:center;gap:8px;padding:0 12px;border:1px solid #ecd8cf;border-radius:12px;color:#aa8d84;background:var(--page-bg);transition:border-color .2s,box-shadow .2s}.field-shell:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px #ee5b3f1f}.field-shell.disabled{background:#f4efec}.field-shell input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);background:transparent}.field-shell input::placeholder{color:#bba49c}.icon-button{display:inline-flex;padding:4px;border:0;color:#a78e86;background:transparent}.login-options{display:flex;margin:-4px 2px 12px;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.login-options label{display:flex;align-items:center;gap:5px;cursor:pointer}.login-options input{width:17px;height:17px;accent-color:var(--coral)}.login-options button{padding:5px 0;border:0;color:var(--coral-deep);background:transparent}.mobile-verify-note{display:flex;margin:-4px 0 12px;padding:10px 12px;align-items:flex-start;gap:10px;border-radius:10px;color:#53716f;background:#e8f6f4;font-size:11px;line-height:1.5}.mobile-verify-note svg{width:18px;height:18px;margin-top:1px;flex:0 0 18px;color:var(--aqua)}.form-error{margin:-6px 0 10px;color:#c13b3b;font-size:12px}.support-note{margin:12px 0 0;text-align:center;color:#a38c84;font-size:12px}.portal-switch{display:block;width:max-content;margin:10px auto 0;color:var(--coral-deep);font-size:13px;text-decoration:none}.primary-button,.primary-link,.secondary-wide,.meeting-button{display:flex;width:100%;min-height:var(--action-height);align-items:center;justify-content:center;border:0;border-radius:13px;font-size:16px;font-weight:650;text-decoration:none}.primary-button,.primary-link,.meeting-button{color:#fff;background:var(--coral);box-shadow:0 8px 20px #ee5b3f2e}.primary-button{letter-spacing:3px}.secondary-wide{border:1px solid #e9cfc5;color:var(--coral-deep);background:#fff}.primary-button:focus,.primary-button:focus-visible{outline:none}.primary-button:disabled,.meeting-button:disabled,.primary-link:disabled{cursor:not-allowed;opacity:.55}.meeting-button{display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:11px;padding:10px 18px;text-align:left}.meeting-button span{display:flex;flex-direction:column}.meeting-button strong{font-size:16px;letter-spacing:1px}.meeting-button small{margin-top:3px;color:#ffffffb8;font-size:11px}.meeting-card-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.meeting-card-heading i{padding:4px 9px;border-radius:999px;color:#c85b22;background:#fff0df;font-size:11px;font-style:normal}.meeting-card h2{margin:12px 0 0;color:#c9442f;font-size:18px;line-height:1.4}.meeting-details{margin:0;padding:14px 0 2px;border-top:1px solid #f0e2dc}.meeting-details>div{display:flex;margin-bottom:12px;align-items:center;gap:12px}.meeting-details>div:last-child{margin-bottom:14px}.meeting-details dt{display:flex;width:32px;height:32px;margin:0;align-items:center;justify-content:center;border-radius:9px;color:#168fa0;background:var(--aqua-soft)}.meeting-details dd{display:flex;margin:0;flex-direction:column;color:#58443e;font-size:13px;font-weight:600}.meeting-details small,.role-strip small{margin-bottom:3px;color:#a78c83;font-size:11px;font-weight:400}.role-strip{display:grid;grid-template-columns:1fr 1fr;padding:13px 14px;border-radius:12px;background:#fff3ed}.role-strip span{display:flex;min-width:0;flex-direction:column}.role-strip span+span{padding-left:14px;border-left:1px solid #eedbd3}.role-strip strong{color:#70483d;font-size:14px}.application-form{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.form-scroll{flex:1 1 auto;min-height:0;padding:var(--card-gap) var(--page-gutter) 4px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.upload-help{margin:-2px 0 10px;color:#9a8580;font-size:11px}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.upload-button,.image-preview{aspect-ratio:1;border-radius:11px;overflow:hidden;position:relative}@supports not (aspect-ratio: 1 / 1){.upload-button,.image-preview{height:96px}}.upload-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px dashed #d8cbc5;color:#ae9992;background:#fbf8f6;font-size:11px}.upload-button input{position:absolute;width:1px;height:1px;opacity:0}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview button{display:flex;position:absolute;top:5px;right:5px;width:24px;height:24px;align-items:center;justify-content:center;border:0;border-radius:50%;color:#fff;background:#2d2320b3}.consent-title{margin-top:0!important}.consent-row{display:flex;margin:8px 0 4px;align-items:flex-start;gap:9px;color:#78645e;font-size:12px;line-height:1.6}.consent-row input{width:18px;height:18px;margin-top:1px;accent-color:var(--coral)}.consent-row button{padding:0;border:0;color:#167f91;background:transparent}.drawer-mask{display:flex;position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;align-items:flex-end;justify-content:center;background:#3325207a}.privacy-drawer{display:flex;width:min(480px,100%);height:64vh;height:calc(var(--app-height) * .64);padding:10px 20px calc(16px + env(safe-area-inset-bottom));flex-direction:column;overflow:hidden;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -16px 50px #321e1833}.privacy-drawer>i{display:block;width:42px;height:4px;margin:0 auto 14px;border-radius:4px;background:#dfd2cc}.privacy-drawer header{display:grid;grid-template-columns:28px 1fr 30px;align-items:center;gap:8px;color:var(--aqua)}.privacy-drawer h2{margin:0;color:#513c36;font-size:17px}.privacy-drawer header button{border:0;color:#9a837c;background:transparent}.privacy-copy{flex:1;min-height:0;margin:14px -4px 12px 0;padding-right:10px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;color:#715c55;font-size:13px;line-height:1.75}.privacy-copy h3{margin:16px 0 6px;color:#513c36;font-size:14px}.privacy-copy p{margin:0}.privacy-copy a{color:#d94b35;word-break:break-all}.privacy-lead,.privacy-consent{padding:12px 13px;border-radius:10px;background:#fff3ed}.privacy-consent{margin-top:16px!important;color:#5e4942;font-weight:650}.drawer-confirm{flex:0 0 auto}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.status-hero{flex-direction:column;align-items:flex-start;justify-content:center}.status-hero.pending{background:linear-gradient(135deg,#e8892c,#f5b04d)}.status-hero.approved{background:linear-gradient(135deg,#17877c,#45bcc0)}.status-hero.rejected{background:linear-gradient(135deg,#c3392a,#ee5b3f)}.status-badge{display:flex;align-items:center;gap:7px;padding:5px 12px 5px 8px;border-radius:999px;background:#fff3;font-size:11px;letter-spacing:1px}.status-hero h1{margin-top:10px}.status-hero p{margin-top:7px}.application-summary h2{display:flex;margin:0 0 8px;align-items:center;gap:8px;color:#5b4540;font-size:15px}.application-summary h2 svg{color:var(--aqua)}.application-summary dl{margin:0}.application-summary dl div{display:grid;grid-template-columns:78px 1fr;padding:8px 0;border-top:1px solid #f2e7e2;font-size:12px}.application-summary dt{color:#a0877f}.application-summary dd{margin:0;color:#604c46;text-align:right}.live-stage{flex:1 1 auto;min-height:clamp(180px,calc(var(--app-height) * .3),250px);max-height:calc(var(--app-height) * .44);position:relative;color:#fff;background:radial-gradient(circle at 50% 50%,#243e45,#10262c 65%,#09191e);overflow:hidden}.live-stage:after{content:"";position:absolute;right:-60px;bottom:-110px;left:-60px;height:170px;border-radius:50%;background:#43b9c71f}.live-stage video{width:100%;height:100%;object-fit:contain;background:#071216}.live-topline{display:flex;position:absolute;z-index:2;top:14px;left:16px;right:16px;align-items:center;justify-content:space-between}.live-topline span{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--coral);font-size:11px;font-weight:700}.live-topline span i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff38}.live-topline small{color:#ffffffa8;font-size:10px}.live-placeholder{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:8px}.live-placeholder button{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;background:#ffffff26}.live-placeholder strong{margin-top:6px;font-size:16px}.live-placeholder small{color:#fff9;font-size:11px}.signal-rings{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border:1px solid rgba(67,185,199,.38);border-radius:50%;box-shadow:0 0 0 12px #43b9c717,0 0 0 25px #43b9c70a}.signal-rings i{width:12px;height:12px;border-radius:50%;background:var(--aqua)}.access-ok{display:flex;width:max-content;padding:6px 10px;align-items:center;gap:5px;border-radius:999px;color:#147d76;background:#e0f4ef;font-size:11px}.live-agenda-card h1{margin:12px 0 6px;color:#c84330;font-size:19px;line-height:1.4}.live-time{display:flex;margin:0 0 12px;align-items:center;gap:7px;color:#705b54;font-size:12px}.live-time svg{color:var(--aqua)}.live-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:0 -4px 6px;border-bottom:1px solid #eadcd6}.live-tabs button{display:flex;height:38px;align-items:center;justify-content:center;gap:4px;border:0;color:#917c75;background:transparent;font-size:12px}.live-tabs button.active{color:var(--coral-deep);border-bottom:2px solid var(--coral);font-weight:650}.agenda-item{display:grid;grid-template-columns:44px 1fr;margin-top:12px;gap:12px}.agenda-item time{padding-top:2px;color:var(--orange);font-size:11px;font-weight:700}.agenda-item div{display:flex;padding-bottom:12px;flex-direction:column;border-bottom:1px solid #efe3de}.agenda-item strong{color:#5d4943;font-size:13px}.agenda-item span{margin-top:4px;color:#9c8780;font-size:11px}.state-panel{display:flex;flex:1 1 auto;min-height:0;padding:30px;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);text-align:center}.state-panel .primary-button{width:auto;padding:0 26px}.loading-dot{width:30px;height:30px;border:3px solid #ecd9d0;border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.keyboard-open .attendee-hero,.keyboard-open .live-stage{display:none}.keyboard-open .attendee-header{min-height:0;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}.keyboard-open .attendee-header small,.keyboard-open .mini-meeting-card,.keyboard-open .support-note,.keyboard-open .portal-switch{display:none}.keyboard-open .page-footer{padding-top:8px;padding-bottom:8px}input,textarea,select{scroll-margin-block:16px}@media(max-width:480px){button,a,input{touch-action:manipulation}input{font-size:16px}}@media(min-width:481px){body{padding:24px 0;background:#eadbd5}.page{height:calc(var(--app-height) - 48px);border-radius:22px;box-shadow:0 18px 50px #7b493726}}@media(max-height:640px){:root{--hero-min: 106px;--field-height: 44px;--field-gap: 10px;--action-height: 46px;--card-gap: 10px;--card-padding: 12px 14px}.attendee-hero>.attendee-hero-copy>p{display:none}.support-note{display:none}.privacy-drawer{height:calc(var(--app-height) * .76)}}
