@font-face{font-family:InterVarLocal;src:local("Inter"),local("Inter var");font-display:swap}:root{--design-w: 1920;--design-h: 1200;--panel-top: 180px;--panel-h: 376px;--clock-pointer-orbit: calc(var(--panel-h) * .42);--cyan: #15c6d9;--red: #e34337;--white: #ffffff;--muted: rgba(255, 255, 255, .9)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#000;font-family:Segoe UI,InterVarLocal,system-ui,-apple-system,Roboto,Helvetica,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif}.stage-outer{position:relative;width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden}.stage{position:relative;width:calc(var(--design-w) * 1px);height:calc(var(--design-h) * 1px);transform-origin:top left}.bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/imgs/default.jpg) center/cover no-repeat;filter:none}.panel{position:absolute;top:var(--panel-top);height:var(--panel-h);display:flex;align-items:center;color:var(--white);z-index:1}.panel-left{left:0;width:857px;background:url(/imgs/blue.png) left center/cover no-repeat;padding-left:80px}.panel-right{right:0;width:854px;justify-content:flex-start;align-items:flex-start;background:url(/imgs/red.png) right center/cover no-repeat;padding:62px 60px 58px 190px}.left-content{max-width:780px}.right-content{max-width:720px;display:flex;flex-direction:column;gap:47px}.subtitle{font-size:30px;opacity:1}.room-name{margin:10px 0 20px;font-size:60px;font-weight:700}.capacity{margin-top:10px;font-size:60px;font-weight:600}.right-content .subtitle{font-size:30px;opacity:1}.meeting-time{font-size:40px;font-weight:600;line-height:1.3}.organizer{font-size:30px;font-weight:500;opacity:.95}.clock{position:absolute;top:var(--panel-top);left:50%;transform:translate(-50%);width:var(--panel-h);height:var(--panel-h);border-radius:50%;background:url(/imgs/clock.png) center/contain no-repeat;display:grid;place-items:center;color:var(--white);text-align:center;z-index:2}.clock-inner{position:relative;width:100%}.clock-top{font-size:36px;margin-top:0}.clock-time{font-size:76px;font-weight:800;margin-top:15px}.clock-date{font-size:30px;margin-top:15px}.clock-week{font-size:30px;margin-top:5px}.clock-hand{position:absolute;left:50%;top:50%;width:100%;height:100%;transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(0);pointer-events:none}.clock-pointer{position:absolute;left:50%;top:43%;width:16px;height:16px;transform:translate(-50%,-50%) translateY(calc(-1 * var(--clock-pointer-orbit)));background:url(/imgs/pointer.png) center/contain no-repeat}.center-datetime{position:absolute;top:calc(var(--panel-top) + var(--panel-h) + 28px);left:50%;transform:translate(-50%);font-size:36px;color:#fff;font-weight:700}.refresh{position:absolute;top:60px;right:60px;width:60px;height:60px;background:url(/imgs/refresh-icon.png) center/contain no-repeat;cursor:pointer}.bottom-wrap{position:absolute;left:0;right:0;bottom:38px;height:268px;background-color:#fff;opacity:.95}.bottom-card{position:absolute;left:56px;right:40px;top:926px;height:170px;color:#898989;overflow:hidden}.list-title{font-size:24px;padding-left:24px}.list-row{margin-top:16px;font-size:24px;display:flex;gap:24px;align-items:center;position:relative;padding-left:24px;color:#898989}.list-row>div{color:inherit}.list-row.active{color:#1f1f1f}.list-row.active>div{color:inherit}.list-row.active:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:12px solid #1a1a1a}.list-rows{display:flex;flex-direction:column;gap:16px}.more{position:absolute;left:80px;bottom:50px;color:#898989;font-size:24px;height:50px;line-height:50px;cursor:pointer}.more:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.checkin{position:absolute;right:70px;bottom:342px;width:182px;height:182px;background:url(/imgs/check-in.png) center/contain no-repeat;color:#fff;font-size:32px}.hidden{display:none}.list-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#fffffff2}.list-close{position:absolute;top:60px;right:60px;width:60px;height:60px;border:none;background:url(/imgs/close-icon.png) center/60px 60px no-repeat;cursor:pointer}.list-close:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:50%}.list-content{position:absolute;top:270px;left:410px;right:240px;bottom:240px;display:flex;flex-direction:column;justify-content:flex-start;color:#898989;font-size:24px;padding-right:16px}.list-rows-full{display:flex;flex-direction:column;margin-top:14px;overflow-y:auto;gap:32px;overflow:visible}.list-row-full{display:grid;grid-template-columns:220px 500px 1fr;column-gap:36px;align-items:baseline;line-height:1.4;position:relative;padding-left:24px;color:#898989}.list-row-full .list-row-time,.list-row-full .list-row-topic,.list-row-full .list-row-organizer{color:inherit}.list-row-full.active{color:#1f1f1f}.list-row-full.active .list-row-time,.list-row-full.active .list-row-topic,.list-row-full.active .list-row-organizer{color:inherit}.list-row-full.active:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:12px solid #1a1a1a}.list-row-label{padding-left:24px}.list-row-label{color:#215983;font-weight:600}.list-row-time,.list-row-topic{color:#898989;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-organizer{color:#898989;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.error-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:48px;text-align:center;color:var(--white);overflow:hidden;z-index:2;background:#000000bf}.error-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/imgs/default.jpg) center/cover no-repeat;opacity:.25;z-index:-1}.error-visual{width:220px;height:220px;border-radius:24px;background:url(/imgs/default.jpg) center/cover no-repeat;box-shadow:0 12px 38px #0006}.error-title{font-size:48px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.error-message{max-width:720px;font-size:28px;line-height:1.5;color:var(--muted);margin:0}.error-retry{min-width:200px;padding:18px 48px;font-size:24px;font-weight:600;color:#0d3145;background:#e9f6fb;border:none;border-radius:999px;box-shadow:0 10px 24px #0d31454d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.error-retry:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #0d314552}.error-retry:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.error-retry:disabled{cursor:progress;opacity:.7;box-shadow:none}