:root{--bg: #fbfaf8;--surface: #ffffff;--soft: #f5f2f0;--strong: #eee9e6;--primary: #b6405a;--primary-hover: #9f304a;--navy: #1d2833;--blue: #5e7180;--muted: #66717a;--subtle: #899197;--border: #e5e0dc;--border-strong: #cfc7c2;--focus: #5e7180;--success: #47745f;--danger: #a9344e;--shadow-sm: 0 1px 3px rgb(29 40 51 / .04);--shadow-md: 0 8px 24px rgb(29 40 51 / .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;font-family:Inter,Noto Sans TC,Noto Sans SC,PingFang TC,Microsoft JhengHei,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--navy);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgb(69 107 134 / .38);outline-offset:2px}.page-container{width:min(100% - 2rem,1180px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{min-height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:.7rem;align-items:center;border:0;background:transparent;padding:0;color:var(--navy);text-align:left}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:-.04em}.brand strong,.brand small{display:block}.brand strong{font-size:1rem;letter-spacing:-.02em}.brand small{margin-top:2px;color:var(--muted);font-size:.72rem}.header-actions{display:flex;align-items:center;gap:.65rem}.language-control select{border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface);padding:.6rem 2rem .6rem .8rem;font-size:.8rem}.eyebrow{margin:0 0 .7rem;color:var(--primary);font-size:.7rem;font-weight:800;letter-spacing:.13em}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}.home{padding:clamp(3rem,10vh,6.5rem) 0 4rem}.home-intro{max-width:760px;margin-inline:auto;text-align:center}.home-intro h1{max-width:none;margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.12;white-space:nowrap}.lede{max-width:620px;margin:0 auto;color:var(--muted);font-size:clamp(1rem,1.6vw,1.1rem);line-height:1.7}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.home-form{max-width:560px;margin:2.2rem auto 0;box-shadow:var(--shadow-sm)}.create-panel,.steps-panel{padding:1.25rem}.panel-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.8rem}.panel-heading h2,.section-heading h2,.recommendation-heading h2{margin:0 0 .35rem;font-size:1.45rem}.panel-heading p,.recommendation-heading p,.section-heading p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.step-label{flex:0 0 auto;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;color:var(--primary);background:var(--soft);font-size:.76rem;font-weight:800}.field{display:grid;gap:.55rem;margin-bottom:1.1rem}.field>span{display:flex;justify-content:space-between;color:var(--navy);font-size:.84rem;font-weight:700}.field em{color:var(--subtle);font-size:.73rem;font-style:normal;font-weight:500}.field-hint{margin:-.15rem 0 0;color:var(--subtle);font-size:.73rem;line-height:1.45}input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .85rem;color:var(--navy);background:#fff}input::placeholder{color:#a3a8b0}input[readonly]{color:var(--muted);background:#f8f6f7}.primary-button,.secondary-button,.text-button{min-height:44px;border-radius:var(--radius-sm);border:0;transition:background .18s ease,transform .18s ease,border-color .18s ease}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;width:100%;padding:.7rem 1rem;color:#fff;background:var(--primary);font-weight:800}.primary-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.primary-button:disabled{opacity:.62;cursor:wait;transform:none}.primary-button.compact{width:auto;padding-inline:1.4rem}.secondary-button{padding:.55rem .8rem;color:var(--navy);border:1px solid var(--border);background:var(--surface);font-size:.82rem;font-weight:700}.secondary-button:hover{border-color:var(--border-strong);background:var(--soft)}.text-button{padding:.3rem .35rem;color:var(--primary);background:transparent;font-size:.8rem;font-weight:700}.text-button:hover{color:var(--primary-hover)}.steps-panel{display:flex;flex-direction:column;justify-content:space-between;background:var(--navy);color:#fff}.steps-panel .eyebrow{color:#f3c1c9}.steps-panel ol{list-style:none;padding:0;margin:1rem 0 2.6rem}.steps-panel li{display:flex;align-items:center;gap:.8rem;padding:.9rem 0;border-bottom:1px solid rgb(255 255 255 / .14);font-weight:650}.steps-panel li span{color:#f3c1c9;font-size:.7rem}.privacy-copy{margin:0;color:#ffffffb3;font-size:.78rem;line-height:1.65}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 0 2rem;color:var(--subtle);font-size:.74rem}.site-footer{align-items:center;border-top:1px solid var(--border)}.site-footer-links{display:flex;flex-wrap:wrap;gap:1rem}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--primary);text-decoration:underline}.status-message{width:min(100% - 2rem,1180px);margin:1rem auto;padding:.75rem .9rem;color:var(--danger);border:1px solid #ebbac6;border-radius:var(--radius-sm);background:#fff1f4;font-size:.85rem}.meeting-shell{padding:1.5rem 0 4rem}.meeting-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;padding:2rem 0 1.7rem;border-bottom:1px solid var(--border)}.meeting-header h1{margin:0 0 .55rem;font-size:clamp(1.8rem,4vw,3.4rem)}.meeting-meta{margin:0;color:var(--muted);font-size:.84rem}.meeting-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:1.1rem;padding-top:1.1rem}.join-panel{grid-column:1 / -1;padding:1.5rem}.join-panel .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.join-panel .field{margin-bottom:1rem}.station-picker{position:relative}.picker-levels{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.8fr);gap:1rem}.station-level{position:relative;min-width:0}.picker-level select{width:100%;min-height:48px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .85rem;color:var(--navy);background:#fff}.picker-input-wrap{position:relative}.picker-input-wrap input{padding-right:2.5rem}.search-icon{position:absolute;top:50%;right:.85rem;color:var(--subtle);transform:translateY(-50%);font-size:1.2rem;pointer-events:none}.station-options{position:absolute;z-index:5;left:0;right:0;top:78px;max-height:300px;overflow:auto;padding:.4rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md)}.station-option{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;min-height:52px;padding:.55rem .6rem;border:0;border-radius:10px;background:transparent;text-align:left;color:var(--navy)}.station-option:hover,.station-option.selected{background:var(--soft)}.station-code{color:var(--primary);font-size:.76rem;font-weight:800}.station-name strong,.station-name small{display:block}.station-name small{margin-top:2px;color:var(--muted);font-size:.74rem}.station-lines,.recommendation-lines,.participant-lines{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end}.line-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 .35rem;border-radius:6px;color:#fff;font-size:.68rem;font-weight:850;letter-spacing:.02em}.line-BR{background:#b77d24}.line-R{background:#c8212b}.line-G{background:#008659}.line-O{background:#e16b18}.line-BL{background:#0069aa}.line-Y{color:#3d3511;background:#e2b52a}.selected-station{margin:.1rem 0 1rem;color:var(--success);font-size:.78rem}.check{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:.3rem;border-radius:50%;color:#fff;background:var(--success);font-size:.7rem}.station-empty{margin:0;padding:1rem;color:var(--muted);font-size:.82rem}.form-actions{display:flex;align-items:center;gap:1rem;max-width:700px}.form-actions .primary-button{width:auto;padding-inline:1.2rem}.recommendations-panel,.participants-panel{padding:1.5rem}.recommendation-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.ranking-control{flex:0 0 auto;display:grid;gap:.45rem;justify-items:end}.ranking-control>span{color:var(--muted);font-size:.72rem}.segmented-control{display:flex;padding:.2rem;border-radius:10px;background:var(--soft)}.segmented-control button{min-height:34px;padding:.35rem .65rem;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:.76rem;font-weight:750;white-space:nowrap}.segmented-control button.active{color:var(--navy);background:#fff;box-shadow:var(--shadow-sm)}.recommendation-list{display:grid;gap:.65rem;list-style:none;padding:0;margin:1.5rem 0 0}.recommendation{display:flex;gap:.9rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff}.recommendation.top-recommendation{border-color:var(--border-strong);background:linear-gradient(110deg,#fff7f8,#fff);box-shadow:var(--shadow-sm)}.recommendation-rank{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border-radius:9px;color:var(--primary);background:var(--soft);font-size:.8rem;font-weight:850}.recommendation-body{min-width:0;flex:1}.recommendation-title{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start}.recommendation-title h3{margin:0 0 .18rem;font-size:1.07rem}.recommendation-title p{margin:0;color:var(--muted);font-size:.75rem}.metrics{display:flex;gap:1.2rem;margin:.85rem 0 .65rem}.metrics span{display:grid;gap:.15rem}.metrics small{color:var(--muted);font-size:.7rem}.metrics strong{font-size:.92rem}details{border-top:1px solid var(--border);padding-top:.55rem}summary{display:flex;justify-content:space-between;color:var(--primary);cursor:pointer;font-size:.74rem;font-weight:750;list-style:none}summary::-webkit-details-marker{display:none}.detail-list{list-style:none;margin:.6rem 0 0;padding:0}.detail-list li{display:flex;justify-content:space-between;gap:1rem;padding:.38rem 0;color:var(--muted);font-size:.76rem}.detail-list em{color:var(--success);font-style:normal}.local-note{margin:1rem 0 0;color:var(--subtle);font-size:.72rem;line-height:1.5}.participants-panel{align-self:start}.section-heading{display:flex;justify-content:space-between;margin-bottom:1rem}.participant-list{list-style:none;padding:0;margin:0}.participant-row{display:flex;align-items:center;gap:.7rem;padding:.8rem 0;border-bottom:1px solid var(--border)}.participant-row:last-child{border-bottom:0}.avatar{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border-radius:12px;color:var(--primary);background:var(--soft);font-size:.8rem;font-weight:850}.participant-main{min-width:0;flex:1}.participant-main strong,.participant-main span{display:block}.participant-main strong{font-size:.86rem}.participant-main span{margin-top:.22rem;color:var(--muted);font-size:.76rem}.participant-main small{color:var(--subtle)}.you-label{color:var(--primary);font-size:.67rem;font-weight:700}.empty-state{display:grid;justify-items:center;padding:3rem 1rem;text-align:center}.empty-icon,.error-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1rem;border-radius:16px;color:var(--primary);background:var(--soft);font-size:1.4rem}.empty-state h3{margin:0 0 .4rem;font-size:1rem}.empty-state p{max-width:330px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.compact-empty{padding:1.5rem 0 .3rem}.state-page{min-height:65vh;display:grid;place-content:center;justify-items:center;text-align:center}.state-page h1{margin-bottom:.5rem;font-size:clamp(1.8rem,5vw,3rem)}.state-page p{color:var(--muted)}.loading-mark{width:32px;height:32px;margin-bottom:1rem;border:3px solid var(--strong);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.home-grid,.meeting-layout{grid-template-columns:1fr}.steps-panel{min-height:250px}.meeting-layout .join-panel{order:1}.meeting-layout .recommendations-panel{order:2}.meeting-layout .participants-panel{order:3}.recommendation-heading{display:grid}.ranking-control{justify-items:start}}@media(max-width:560px){.page-container{width:min(100% - 1.25rem,1180px)}.site-header{min-height:70px}.brand small{display:none}.home{padding-top:3.2rem}.home-intro h1{font-size:clamp(2.15rem,10vw,3rem);white-space:normal}.home-grid{margin-top:3.5rem}.create-panel,.steps-panel,.join-panel,.recommendations-panel,.participants-panel{padding:1.1rem;border-radius:17px}.site-footer{display:grid;gap:.35rem}.meeting-header{display:grid;align-items:start;padding-top:1.1rem}.meeting-header .header-actions{justify-content:space-between}.meeting-header .secondary-button{flex:1}.join-panel .form-grid,.picker-levels{grid-template-columns:1fr;gap:0}.station-option{grid-template-columns:68px minmax(0,1fr)}.station-lines{grid-column:2;justify-content:flex-start}.station-options{top:78px}.form-actions{display:grid}.form-actions .primary-button,.segmented-control{width:100%}.segmented-control button{flex:1;padding-inline:.4rem}.recommendation{padding:.8rem}.recommendation-title{display:grid}.recommendation-lines{justify-content:flex-start}.participant-lines{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}