*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff}.office-container{position:relative;max-width:100%;max-height:100%;opacity:0;transition:opacity .3s ease}.office-container.ready{opacity:1}.office-bg{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.character{position:absolute;left:calc(50% + var(--rx) * 100%);top:calc(50% + var(--ry) * 100%);width:calc(var(--scale) * 150%);height:auto;transform:translate(-50%,-100%);transform-origin:bottom center;cursor:pointer;transition:transform .15s ease;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.character:hover{transform:translate(-50%,-100%) scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity .3s ease}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal{background:#fff;border-radius:24px;padding:4vw;width:70vw;min-width:70vw;max-width:70vw;min-height:50vh;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 25px 80px #00000059;transform:scale(1);transition:transform .3s ease}.modal-overlay.hidden .modal{transform:scale(.9)}.modal-close{position:absolute;top:1.5vw;right:1.5vw;background:none;border:none;font-size:2.5vw;cursor:pointer;color:#666;width:3vw;height:3vw;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.modal-close:hover{background-color:#f0f0f0;color:#333}#modal-title{font-size:2.5vw;font-weight:700;margin-bottom:1.5vw;color:#1a1a1a;padding-right:4vw}#modal-description{font-size:1.4vw;line-height:1.8;color:#4a4a4a;margin-bottom:2vw}.modal-video{width:100%;aspect-ratio:16 / 9;background-color:#f0f0f0;border-radius:8px;overflow:hidden}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.2vw;font-weight:500}